Google fournit un bouton JavaScript pour devenir source préférée

La page sur les sources préférées ne se limite plus au lien profond à coller dans les réseaux sociaux : Google documente désormais un bouton officiel à intégrer en deux lignes de HTML, avec une variante personnalisable et le lien profond en solution de repli.

Aidez vos lecteurs à trouver votre site parmi leurs sources préférées dans la recherche Google ↗ page datée du 25 août 2026 par Google

Jusqu'à cette mise à jour, la documentation ne proposait qu'une seule méthode pour pousser les lecteurs à choisir un site comme source préférée : coller une URL du type https://google.com/preferences/source?q=... dans des posts ou des promotions. Cette formulation a disparu de l'introduction, remplacée par trois méthodes hiérarchisées, dont deux sont nouvelles : une implémentation JavaScript standard présentée comme recommandée, une implémentation JavaScript avancée avec des éléments de conception personnalisés, et l'implémentation de liens profonds reléguée au cas où le bouton n'est pas possible.

Le mécanisme du bouton standard est simple et entièrement pris en charge par Google. On charge une bibliothèque avec une balise scriptÉlément de code HTML qui sert à charger et exécuter un programme dans la page., de préférence dans l'élément headPartie invisible en haut du code d'une page, réservée aux informations techniques et aux chargements de ressources., pointant vers https://news.google.com/swg/js/v1/publisher.js, puis on place à l'endroit voulu dans le corps de la page une balise divConteneur neutre du code HTML servant à réserver un emplacement dans la page. portant l'attribut google-add-preferred-source-btn. C'est tout : la documentation parle de « deux lignes » ajoutées au code HTML. Le rendu est un bouton de style Google, traduit automatiquement, qui ajoute le site aux sources préféréesRéglage par lequel un internaute demande à Google de mettre davantage en avant les contenus d'un site qu'il a choisi. et ramène le lecteur sur la page qu'il était en train de lire.

Deux réglages sont prévus sur ce div. L'attribut data-theme accepte light ou dark, le thème clair étant appliqué par défaut. L'attribut data-lang force la langue du bouton, qui suit sinon les paramètres du navigateur du visiteur ; Google publie la liste des codes de langue acceptés dans un fichier CSV téléchargeable. Concrètement, un div écrit sous la forme google-add-preferred-source-btn data-theme="dark" suffit à basculer l'apparence.

La variante avancée sert à habiller le bouton avec ses propres éléments graphiques. Google précise que « le flux d'UI de l'utilisateur final reste le même », donc la personnalisation porte sur l'apparence et non sur le parcours d'ajout. Le lien profondAdresse qui envoie directement l'internaute sur un écran précis d'un service, ici l'ajout du site aux préférences., lui, reste la sortie de secours explicitement destinée aux cas où le système de gestion de contenu ne permet pas d'insérer le bouton, et il peut aussi servir dans une newsletter ou un post social, là où on ne peut pas exécuter de JavaScript. Le détail de cette section n'apparaît pas dans le texte qui m'a été transmis, coupé avant : je ne peux donc rien dire de l'éventuelle évolution du format d'URL lui-même.

Une condition d'éligibilité encadre tout cela, et elle n'a pas changé sur le fond : seuls les sites au niveau du domaine et du sous-domaine peuvent apparaître dans l'outil de préférences de sources. https://www.example.com/ et https://code.example.com/ sont éligibles, https://www.example.com/blog ne l'est pas. Avant de coller le script, la documentation demande de vérifier la présence du site en le saisissant dans le champ de recherche de l'outil de préférences de sources. Un éditeur qui publie sous forme de rubrique dans un sous-répertoire d'un domaine tiers n'a rien à gagner à installer le bouton.

Dernier point à ne pas surinterpréter : Google écrit que « il n'est pas nécessaire de les appliquer pour apparaître comme source préférée ». Le bouton ne conditionne donc pas l'éligibilité, il ne fait qu'augmenter les chances qu'un lecteur déjà fidèle passe à l'acte. Le gain visible, côté résultats, est le badge « Préféré » dans la section À la uneBloc de résultats d'actualité que Google affiche en haut de certaines recherches., ainsi que dans le Mode IAInterface de recherche où Google répond par un texte généré plutôt que par une simple liste de liens. et les Aperçus IARésumé généré automatiquement que Google place au-dessus des résultats classiques. pour les utilisateurs concernés.

À noter aussi une retouche sur la disponibilité : la mention des « paramètres régionaux » a été retirée de la phrase concernant le Mode IAInterface de recherche où Google répond par un texte généré plutôt que par une simple liste de liens. et les Aperçus IARésumé généré automatiquement que Google place au-dessus des résultats classiques., qui parle maintenant uniquement des langues où ces fonctionnalités sont disponibles. C'est une simplification de formulation, sans indication de changement de périmètre.

Les termes employés8 DÉFINITIONS
sources préférées
Réglage par lequel un internaute demande à Google de mettre davantage en avant les contenus d'un site qu'il a choisi.
À la une
Bloc de résultats d'actualité que Google affiche en haut de certaines recherches.
Mode IA
Interface de recherche où Google répond par un texte généré plutôt que par une simple liste de liens.
Aperçus IA
Résumé généré automatiquement que Google place au-dessus des résultats classiques.
lien profond
Adresse qui envoie directement l'internaute sur un écran précis d'un service, ici l'ajout du site aux préférences.
balise script
Élément de code HTML qui sert à charger et exécuter un programme dans la page.
élément head
Partie invisible en haut du code d'une page, réservée aux informations techniques et aux chargements de ressources.
balise div
Conteneur neutre du code HTML servant à réserver un emplacement dans la page.

Citations à l’appui

Chaque affirmation ci-dessus s’appuie sur un extrait littéral de la source officielle.

En n'ajoutant que deux lignes à votre code HTML, cette option affiche un bouton de style Google automatiquement localisé qui prend en charge la personnalisation de l'appareil et de la langue.
Le bouton standard s'installe en deux lignes de HTML et est localisé automatiquement.
<script async src="https://news.google.com/swg/js/v1/publisher.js"></script>
La bibliothèque à charger est hébergée par Google sur news.google.com.
<div google-add-preferred-source-btn></div>
Le bouton s'affiche à l'endroit où l'on place ce div dans le corps de la page.
Pour modifier le thème, ajoutez l'attribut de données `data-theme` à votre élément `<div>` et définissez-le sur `light` ou `dark`
Le thème du bouton se règle avec data-theme, clair par défaut.
Par défaut, le bouton "Ajouter aux sources préférées" s'affiche dans la langue que l'utilisateur a défini dans les paramètres du navigateur.
La langue du bouton suit le navigateur sauf si data-lang la force.
si vous ne pouvez pas implémenter le bouton interactif (par exemple, si votre CMS ne le prend pas en charge), vous pouvez utiliser un lien profond pour rediriger les utilisateurs vers l'ajout de votre site en tant que source préférée
Le lien profond devient la solution de repli et non plus la méthode principale.
Voir la preuve techniqueDIFF, RÉVISIONS, SOURCE
Diff vérifiable

98 ligne(s) ajoutée(s) · 30 retirée(s)

+ AJOUTÉ

La fonctionnalité des sources préférées est disponible dans le monde entier pour la fonctionnalité À la une dans toutes les langues dans lesquelles la recherche Google est disponible. Les sources préférées peuvent également apparaître dans le Mode IA et les Aperçus IA dans toutes les langues où ces fonctionnalités sont disponibles.

Seuls les sites au niveau du domaine et du sous-domaine peuvent apparaître dans l'[outil de préférences de sources](https://www.google.com/preferences/source?hl=fr).

Par exemple, `https://www.example.com/` et `https://code.example.com/` sont éligibles aux sources préférées, contrairement au sous-répertoire `https://www.example.com/blog`.

Si votre site apparaît dans l'[outil de préférences de sources](https://www.google.com/preferences/source?hl=fr) (pour le vérifier, saisissez votre site dans le champ de recherche de l'outil), vous pouvez utiliser les méthodes suivantes pour inciter vos lecteurs à sélectionner votre site comme source préférée :

- [**Implémentation JavaScript standard**](https://developers.google.com/search/docs/appearance/preferred-sources?hl=fr#standard-javascript)

**(recommandé)** : intégrez un bouton interactif à vos pages Web pour permettre aux lecteurs d'ajouter facilement votre site en tant que source préférée et de revenir à votre page. En n'ajoutant que deux lignes à votre code HTML, cette option affiche un bouton de style Google automatiquement localisé qui prend en charge la personnalisation de l'appareil et de la langue.

- [**Implémentation JavaScript avancée avec des éléments de conception personnalisés**](https://developers.google.com/search/docs/appearance/preferred-sources?hl=fr#advanced-javascript) : si vous souhaitez utiliser vos propres éléments de conception et personnaliser le bouton JavaScript standard, suivez les instructions sur l'implémentation avancée de JavaScript. Le flux d'UI de l'utilisateur final reste le même que pour l'implémentation JavaScript standard.

- [**Implémentation de liens profonds**](https://developers.google.com/search/docs/appearance/preferred-sources?hl=fr#deeplink) : si vous ne pouvez pas implémenter le bouton interactif (par exemple, si votre CMS ne le prend pas en charge), vous pouvez utiliser un lien profond pour rediriger les utilisateurs vers l'ajout de votre site en tant que source préférée. Pour ce faire, vous pouvez ajouter un lien textuel ou une image cliquable sur vos pages Web. Vous pouvez également utiliser le lien profond dans vos posts sur les réseaux sociaux, vos newsletters ou vos promotions.

− RETIRÉ

La fonctionnalité des sources préférées est disponible dans le monde entier pour la fonctionnalité À la une dans toutes les langues dans lesquelles la recherche Google est disponible. Les sources préférées peuvent également apparaître dans le Mode IA et les Aperçus IA, dans toutes les langues et tous les paramètres régionaux où ces fonctionnalités sont disponibles.

Seuls les sites au niveau du domaine et du sous-domaine peuvent apparaître dans l'[outil de préférences de sources](https://www.google.com/preferences/source?hl=fr). Par exemple, `https://www.example.com/` et `https://code.example.com/` sont éligibles aux sources préférées, contrairement au sous-répertoire `https://www.example.com/blog`.

Si votre site apparaît dans l'[outil de préférences de sources](https://www.google.com/preferences/source?hl=fr)

(pour le vérifier, saisissez votre site dans le champ de recherche de l'outil), vous pouvez utiliser les méthodes suivantes pour inciter vos

lecteurs à sélectionner votre site comme source préférée :

- **Ajoutez le lien profond à vos posts ou promotions sur les réseaux sociaux.** Utilisez le format d'URL suivant, qui redirige les utilisateurs directement vers votre site, dans l'[outil de préférences de sources](https://www.google.com/preferences/source?hl=fr) :

https://google.com/preferences/source?q=Your_Website's_URL

Par exemple, si votre site est `https://example.com`, utilisez l'URL suivante :

Aperçu limité aux changements les plus proches.
Historique des versions
  • v3 26 août 2026 — Contenu modifié à 63 % · 775 mots ajoutés.
  • v2 12 juillet 2026 — Contenu modifié à 6 % · 54 mots retirés.
  • v1 12 juillet 2026 — Première indexation.
Contenu archivé
Envoyer des commentaires

# Aidez vos lecteurs à trouver votre site parmi leurs sources préférées dans la recherche Google

Si vous êtes propriétaire d'un site Web, vous pouvez aider votre audience à trouver votre publication en tant que source préférée dans la recherche Google. Lorsqu'un utilisateur sélectionne votre site comme source préférée, il est plus susceptible de voir vos contenus dans la section [À la une](https://support.google.com/websearch/answer/16379181?hl=fr), mis en évidence par un badge "Préféré". Dans le Mode IA et les Aperçus IA, vos contenus peuvent être mis en avant avec un badge "Préféré" pour les utilisateurs qui ont sélectionné votre site comme source préférée.

![Sources préférées dans le Mode IA](https://developers.google.com/static/search/docs/images/preferred-sources-ai-mode.png?hl=fr)
![Sources préférées dans la section &quot;À la une&quot;](https://developers.google.com/static/search/docs/images/preferred-sources-site.png?hl=fr)

## Disponibilité de cette fonctionnalité

La fonctionnalité des sources préférées est disponible dans le monde entier pour la fonctionnalité À la une dans toutes les langues dans lesquelles la recherche Google est disponible. Les sources préférées peuvent également apparaître dans le Mode IA et les Aperçus IA dans toutes les langues où ces fonctionnalités sont disponibles.

Seuls les sites au niveau du domaine et du sous-domaine peuvent apparaître dans l'[outil de préférences de sources](https://www.google.com/preferences/source?hl=fr).
Par exemple, `https://www.example.com/` et `https://code.example.com/` sont éligibles aux sources préférées, contrairement au sous-répertoire `https://www.example.com/blog`.

## Aider les utilisateurs à choisir votre site comme source préférée

Si votre site apparaît dans l'[outil de préférences de sources](https://www.google.com/preferences/source?hl=fr) (pour le vérifier, saisissez votre site dans le champ de recherche de l'outil), vous pouvez utiliser les méthodes suivantes pour inciter vos lecteurs à sélectionner votre site comme source préférée :

- [**Implémentation JavaScript standard**](https://developers.google.com/search/docs/appearance/preferred-sources?hl=fr#standard-javascript)
  **(recommandé)** : intégrez un bouton interactif à vos pages Web pour permettre aux lecteurs d'ajouter facilement votre site en tant que source préférée et de revenir à votre page. En n'ajoutant que deux lignes à votre code HTML, cette option affiche un bouton de style Google automatiquement localisé qui prend en charge la personnalisation de l'appareil et de la langue.
- [**Implémentation JavaScript avancée avec des éléments de conception personnalisés**](https://developers.google.com/search/docs/appearance/preferred-sources?hl=fr#advanced-javascript) : si vous souhaitez utiliser vos propres éléments de conception et personnaliser le bouton JavaScript standard, suivez les instructions sur l'implémentation avancée de JavaScript. Le flux d'UI de l'utilisateur final reste le même que pour l'implémentation JavaScript standard.
- [**Implémentation de liens profonds**](https://developers.google.com/search/docs/appearance/preferred-sources?hl=fr#deeplink) : si vous ne pouvez pas implémenter le bouton interactif (par exemple, si votre CMS ne le prend pas en charge), vous pouvez utiliser un lien profond pour rediriger les utilisateurs vers l'ajout de votre site en tant que source préférée. Pour ce faire, vous pouvez ajouter un lien textuel ou une image cliquable sur vos pages Web. Vous pouvez également utiliser le lien profond dans vos posts sur les réseaux sociaux, vos newsletters ou vos promotions.

Ces méthodes sont des exemples de la façon dont vous pouvez développer votre audience et aider les utilisateurs à choisir votre site comme source préférée. Il n'est pas nécessaire de les appliquer pour apparaître comme source préférée.

### Implémentation JavaScript standard (recommandée)

En n'ajoutant que deux lignes à votre code HTML, vous pouvez ajouter un bouton interactif traduit automatiquement, qui permet aux lecteurs d'ajouter facilement votre site comme source préférée et de revenir sur votre page. Vous pouvez également définir le thème du bouton (sombre ou clair) et remplacer la langue du bouton. Nous vous recommandons cette implémentation, car elle offre la meilleure expérience utilisateur aux lecteurs.

Voici à quoi cela ressemblera :

![Bouton &quot;Ajouter aux sources préférées&quot; avec JavaScript](https://developers.google.com/static/search/docs/images/preferred-sources-javascript.png?hl=fr)

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

1. Ajoutez la balise `<script>` suivante à votre page Web (de préférence dans l'élément `<head>`), qui charge la bibliothèque Sources préférées.

   ```
   <script async src="https://news.google.com/swg/js/v1/publisher.js"></script>
   ```
2. Ajoutez la balise `<div>` suivante à l'endroit où vous souhaitez que le bouton apparaisse dans le corps de votre page Web.

   ```
   <div google-add-preferred-source-btn></div>
   ```

#### Définir le thème du bouton

Par défaut, le bouton "Ajouter aux sources préférées" s'affiche avec un thème clair.
Pour modifier le thème, ajoutez l'attribut de données `data-theme` à votre élément `<div>` et définissez-le sur `light` ou `dark` :

```
<div google-add-preferred-source-btn data-theme="dark"></div>
```

#### Changer la langue du bouton

Par défaut, le bouton "Ajouter aux sources préférées" s'affiche dans la langue que l'utilisateur a défini dans les paramètres du navigateur. Pour ignorer ce comportement, ajoutez l'attribut de données `data-lang` à votre élément `<div>` et définissez-le sur le code de langue de votre choix ([liste des codes de langue compatibles](https://developers.google.com/static/search/docs/appearance/preferred-sources-languages.csv?hl=fr)) :

```
<div google-add-preferred-source-btn data-lang="en"></div>
```

[Télécharger les codes de langue compatibles](https://developers.google.com/static/search/docs/appearance/preferred-sources-languages.csv?hl=fr)

### Implémentation JavaScript avancée avec des éléments de conception personnalisés

Par défaut, le bouton JavaScript standard analyse automatiquement le DOM pour trouver les éléments avec l'attribut `google-add-preferred-source-btn` et affiche le badge standard. Toutefois, pour les intégrations personnalisées dans lesquelles vous souhaitez déclencher le flux à partir de vos propres éléments d'interface utilisateur ou jalons d'application, vous pouvez initialiser le client de manière programmatique et lier le flux à des déclencheurs personnalisés.

Lorsque vous intégrez la bibliothèque Sources préférées dans des interfaces utilisateur personnalisées, des jalons d'application ou des applications de framework modernes, vous pouvez contrôler entièrement les paramètres d'exécution et le lancement du flux de façon programmatique à 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 rappels de script standards (IIFE). Les deux modèles de distribution proposent des capacités et des méthodes identiques.

#### Importations de modules ES

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

```
import { preferredSource } from
  "https://news.google.com/swg/js/v1/publisher.mjs";

// 1. Initialize directly using the imported module instance
preferredSource.init({
  theme: 'light', // Theme choice: "light" or "dark" (default "light")
  lang: 'en'      // Optional: override language (defaults to page language)
});

// 2. Programmatically bind flow invocation using a click handler
const button = document.querySelector('#myButton');
button.onclick = () => {
  preferredSource.addPreferredSource();
};
```

#### Files d'attente de rappels de script standards

Pour les intég
Métadonnées
  • Redondance mesurée avec l’archive : 77 %
  • Rédigé par claude-opus-5 · consigne editorial-v1
  • Relu et publié le 30 août 2026
ESPACE SÉCURISÉ

ADMINISTRATION

Les actions techniques restent ici, loin de la lecture quotidienne.