Aidez vos lecteurs à trouver votre site via les sources privilégiées dans la recherche Google

Si vous êtes propriétaire d’un site Web, vous pouvez aider votre public à trouver votre publication en tant que source privilégiée dans la recherche Google. Lorsqu’un utilisateur sélectionne votre site comme source privilégiée, votre contenu est plus susceptible d’apparaître dans “À la une“, mis en évidence avec un badge “privilégié”. En mode IA et dans les aperçus IA, votre contenu peut être mis en évidence avec un badge “privilégié” pour les utilisateurs qui ont sélectionné votre site comme source privilégiée.

Disponibilité de la fonctionnalité

La fonctionnalité des sources privilégiées est disponible mondialement pour la fonctionnalité “À la une” dans toutes les langues où la recherche Google est disponible. Les sources privilégiées peuvent également apparaître en mode IA et dans les aperçus IA dans toutes les langues et régions où ces fonctionnalités sont disponibles.

Seuls les sites au niveau du domaine et du sous-domaine sont éligibles pour apparaître dans l’
outil de préférences de sources. Par exemple, https://www.example.com/ et
https://code.example.com/ sont éligibles pour les sources privilégiées, mais le sous-répertoire https://www.example.com/blog n’est pas éligible.

Comment aider les utilisateurs à trouver votre site comme source privilégiée

Si votre site apparaît dans l’
outil de préférences de sources
(pour vérifier, saisissez votre site dans la zone de recherche de l’outil), vous pouvez utiliser les méthodes suivantes pour guider vos lecteurs à sélectionner votre site comme source privilégiée :

• Implémentation JavaScript standard
  (recommandé): Intégrez un bouton interactif sur vos pages Web, qui permet aux lecteurs d’ajouter facilement votre site comme source privilégiée et de revenir à votre page. En ajoutant seulement deux lignes à votre HTML, cette option affiche un bouton automatiquement localisé, au style Google, qui prend en charge la personnalisation de l’appareil et de la langue.
• Implémentation JavaScript avancée avec des ressources de conception personnalisées: Si vous souhaitez utiliser vos propres ressources de conception et personnaliser le bouton JavaScript standard, suivez les instructions d’implémentation JavaScript avancée. Le flux de l’interface utilisateur pour l’utilisateur final reste le même que pour l’implémentation JavaScript standard.
• Implémentation de lien profond (Deeplink): Si vous ne pouvez pas implémenter le bouton interactif (par exemple, votre CMS ne le prend pas en charge), vous pouvez utiliser un lien profond pour diriger les personnes vers l’ajout de votre site comme source privilégiée. Vous pouvez le faire en ajoutant un lien texte ou une image cliquable sur vos pages Web. Vous pouvez également utiliser le lien profond dans vos publications sur les réseaux sociaux, vos newsletters par e-mail ou vos promotions.

Implémentation JavaScript standard (recommandé)

En ajoutant seulement deux lignes à votre HTML, vous pouvez ajouter un bouton interactif automatiquement traduit, qui permet aux lecteurs d’ajouter facilement votre site comme source privilégiée et de revenir là où ils s’étaient arrêtés sur votre page. Vous pouvez également définir le thème du bouton (sombre ou clair), en plus de remplacer la langue du bouton. Nous recommandons cette implémentation car elle offre la meilleure expérience utilisateur pour les lecteurs.

Voici à quoi cela ressemblera :

Pour intégrer le bouton JavaScript sur votre page Web, procédez comme suit :

1. Ajoutez la balise suivante <script> à votre page Web (de préférence dans l’élément <head> ), qui charge la bibliothèque des Sources Privilégiées.
2. Ajoutez la balise suivante <div> n’importe où vous souhaitez que le bouton apparaisse dans le corps de votre page Web.

Définir le thème du bouton

Par défaut, le bouton “Ajouter aux sources privilégiées” apparaît dans un thème clair. Pour ajuster le thème, ajoutez l’attribut de données data-theme à votre élément
<div> et réglez-le sur light ou
dark:

Remplacer la langue du bouton

Par défaut, le bouton “Ajouter aux sources privilégiées” s’affiche dans la langue de l’utilisateur en fonction des paramètres de son navigateur. Pour remplacer ce comportement, ajoutez l’attribut de données
data-lang à votre élément <div>
et réglez-le sur le code de langue que vous préférez (téléchargez la
liste des codes de langue pris en charge):

Télécharger les codes de langue pris en charge

Implémentation JavaScript avancée avec des ressources de conception personnalisées

Par défaut, le bouton JavaScript standard scanne le DOM à la recherche d’éléments avec l’attribut google-add-preferred-source-btn et affiche le badge standard. Cependant, pour les intégrations personnalisées où vous souhaitez déclencher le flux à partir de vos propres éléments d’interface utilisateur ou jalons d’application, vous pouvez initialiser le client par programmation et lier le flux à des déclencheurs personnalisés.

Lors de l’intégration de la bibliothèque des Sources Privilégiées dans des interfaces utilisateur personnalisées, des jalons d’application ou des applications de framework modernes, vous pouvez prendre le contrôle total par programmation sur les paramètres d’exécution et l’initialisation du flux à l’aide de notre SDK JavaScript. Nous proposons deux approches d’intégration distinctes en fonction de vos outils et de votre architecture : les importations de modules ES (ESM) et les files d’attente de rappel de script standard (IIFE). Les deux modèles de distribution exposent des capacités et des méthodes identiques.

Importations de modules ES

Pour les configurations de build modernes et les environnements basés sur des modules, importez la bibliothèque directement dans votre code.

Files d’attente de rappel de script standard

Pour les intégrations de balises de script standard, chargez le script suivant dans le
<head> de votre document avec l’attribut
preferred-sources-control="manual" pour empêcher le rendu automatique du bouton :

Utilisez ensuite la file d’attente de rappel globale PREFERRED_SOURCE pour initialiser les options et lier des déclencheurs personnalisés : Pour les implémentations frontend et backend interactives présentant une utilisation en direct via des boutons, des conteneurs déclaratifs, des scripts IIFE et des bundles de modules ES, explorez le

ru
Démo des sources privilégiées.

Implémentation de liens profonds

Si vous ne pouvez pas utiliser JavaScript sur votre site Web, vous pouvez utiliser alternativement un lien profond pour diriger vos utilisateurs vers l’
outil de préférences de sources, où ils peuvent ajouter votre site en tant que source privilégiée et confirmer leur sélection.

Utilisez le format d’URL suivant et remplacez example.com par le nom de domaine de votre publication, ce qui amènera les utilisateurs directement sur votre site dans l’
outil de préférences de sources:

.

Exemple de lien texte

Exemple de lien image cliquable

Actifs d’image de bouton

Vous pouvez concevoir votre propre badge de promotion personnalisé ou télécharger les actifs graphiques officiels traduits fournis par Google :