Badge « source préférée » de Google : ce que c'est, qui y a droit, comment l'installer sur ton site

Depuis fin mai, Google met en avant les « sources préférées » jusque dans ses réponses IA. Un lecteur choisit ton site, et tes contenus ressortent avec un badge « préférée » quand il fait une recherche. On vient de l'installer sur growthappiness.com : le bouton est en bas de chaque article du blog. Voici ce que fait vraiment ce badge, qui y a droit, et comment le mettre en place sur ton site, avec le code.

Ce que fait le badge

Une source préférée, c'est un site qu'un internaute a choisi de voir plus souvent dans Google. Il le coche une fois dans ses préférences, et Google en tient compte ensuite dans trois endroits :

La documentation de Google s'arrête là. Elle ne parle ni de Discover, ni des liens bleus classiques. Ne promets donc pas à ton équipe un effet sur ces deux-là.

Le 27 mai 2026, Google a annoncé l'arrivée des sources préférées dans les Aperçus IA et le Mode IA. Selon Google, plus de 345 000 sources différentes avaient déjà été choisies par les internautes, et les gens sont deux fois plus susceptibles de cliquer sur une source préférée.

Un multiplicateur, pas un canal d'acquisition

C'est le point à bien comprendre avant de t'y mettre. Le badge ne s'affiche que pour les personnes qui t'ont choisi. Quelqu'un qui ne connaît pas ton site ne verra rien de nouveau.

Qui y a droit

Deux conditions, toutes les deux dans la documentation officielle.

1. Un domaine ou un sous-domaine, pas un sous-dossier. https://www.example.com/ et https://code.example.com/ sont éligibles. https://www.example.com/blog ne l'est pas. Si ton blog vit dans un sous-dossier, c'est le domaine entier qui devient la source préférée, pas le blog seul.

2. Être inclus dans les fonctionnalités d'IA générative dans la Search Console (pour apparaître dans les Aperçus IA et le Mode IA). Depuis cet été, la Search Console permet de sortir un site des Aperçus IA et du Mode IA. Ce réglage se trouve dans Paramètres → Search generative AI. Bonne nouvelle : par défaut, tous les sites sont inclus. Tu as juste à vérifier que personne ne l'a désactivé. Si tu t'es retiré des fonctionnalités IA, le badge ne pourra fonctionner que dans Top Stories.

Pour savoir si ton site est reconnu, ouvre l'outil de préférences de Google, google.com/preferences/source, et tape ton domaine dans la barre de recherche. S'il apparaît, tu peux passer à l'installation.

L'anecdote : « ton site n'est pas éligible »

Quand on a demandé à Claude d'installer le bouton sur notre site, il nous a répondu que growthappiness.com n'était pas éligible. C'était faux : notre site est un domaine, et il est inclus dans les fonctionnalités d'IA générative. On a posé la même demande à ChatGPT, qui l'a installé sans discuter. Le bouton est en ligne depuis. Si tu veux voir comment les deux se comportent sur un vrai chantier web, on a fait le test Claude vs ChatGPT sur un site internet.

Les 3 façons de proposer le badge à tes lecteurs

Google précise qu'aucune de ces méthodes n'est obligatoire pour être choisi comme source préférée. Elles servent à inviter tes lecteurs à le faire.

1. Le bouton JavaScript (recommandé par Google). Deux lignes de code. Le bouton est traduit automatiquement, et le lecteur revient sur ta page une fois son choix confirmé. Il existe aussi une version avancée, si tu veux déclencher la même fenêtre depuis ton propre bouton, à ton design.
2. Le lien profond. Si ton CMS n'accepte pas de script, tu mets un simple lien : https://www.google.com/preferences/source?q=tondomaine.fr. Il ouvre directement l'outil de Google sur ton site. Ce lien marche aussi dans une newsletter, un post LinkedIn ou une signature d'e-mail.
3. Les visuels officiels. Google fournit une archive de boutons traduits dans toutes les langues, à placer derrière le lien profond. Tu peux aussi créer ton propre visuel.

Comment faire, pas à pas

1. Vérifier l'éligibilité

1. Ouvre google.com/preferences/source et cherche ton domaine.
2. Dans la Search Console, ouvre Paramètres → Search generative AI et vérifie que ton site est bien inclus.

2. Installer le bouton (HTML classique)

Ajoute le script, de préférence dans le <head>, puis la div à l'endroit où le bouton doit apparaître :

<!-- Dans le <head> : charge la bibliothèque de Google -->
<script async src="https://news.google.com/swg/js/v1/publisher.js"></script>

<!-- Là où tu veux le bouton, dans le <body> -->
<div google-add-preferred-source-btn></div>

Deux options utiles :

• data-theme="dark" pour un bouton sombre (le thème clair est celui par défaut).
• data-lang="fr" pour forcer le français. Sans cet attribut, le bouton suit la langue du navigateur du lecteur.

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

Sur WordPress, Webflow ou Wix, colle ces deux lignes dans un bloc HTML personnalisé. Si ton outil refuse les scripts, passe au lien profond.

3. Installer le bouton sur un site Next.js (notre version)

Notre site tourne sous Next.js. On a créé un petit composant affiché à la fin de chaque article, avec un court texte d'invitation au-dessus du bouton :

import Script from "next/script";

export default function PreferredSource() {
  return (
    <aside aria-labelledby="prefsrc-title">
      <h2 id="prefsrc-title">Tu nous lis régulièrement ?</h2>
      <p>Ajoute-nous à tes sources préférées sur Google.</p>
      <div google-add-preferred-source-btn="" />
      <Script
        src="https://news.google.com/swg/js/v1/publisher.js"
        strategy="afterInteractive"
      />
    </aside>
  );
}

Le piège, c'est la politique de sécurité du contenu (CSP). Si ton site en a une, elle bloque par défaut tout script venu d'un autre domaine, et le bouton ne s'affiche pas. Le script vient de news.google.com : il faut l'autoriser. Voici les lignes qu'on a ajoutées dans next.config.mjs :

// Script du bouton, servi par news.google.com
"script-src 'self' 'unsafe-inline' https://news.google.com",
// Appels et images du bouton
"connect-src 'self' https://news.google.com",
"img-src 'self' data: https://news.google.com https://www.google.com https://www.gstatic.com",
// Fenêtre de confirmation
"frame-src 'self' https://news.google.com https://www.google.com",

Adapte à ta CSP existante : ajoute ces domaines à tes directives, ne remplace pas tout. La directive indispensable est script-src. Les autres, on les a ajoutées pour que la fenêtre de confirmation et les images du bouton passent sans blocage.

4. Choisir l'emplacement

Google laisse le choix : la div peut aller « n'importe où » dans la page. Notre conseil : en fin d'article. C'est le moment où le lecteur vient de finir ta lecture et sait s'il a envie de te relire. Un bouton en haut de page, avant même la lecture, a peu de chances d'être cliqué.

Autres bons endroits : ta page newsletter, ta page « À propos », et le lien profond dans ta newsletter elle-même, là où se trouvent tes lecteurs les plus fidèles.

5. Vérifier que ça marche

1. Ouvre un article en navigation privée : le bouton doit s'afficher.
2. S'il n'apparaît pas, ouvre la console du navigateur (clic droit → Inspecter → Console). Un message qui parle de « Content Security Policy » veut dire qu'un domaine de Google manque dans ta CSP.
3. Clique sur le bouton toi-même : la fenêtre de Google doit s'ouvrir sur ton site, puis te ramener sur ta page.
4. Vérifie dans google.com/preferences/source que ton site est bien coché.

Google ne fournit pas de rapport sur le nombre de lecteurs qui t'ont choisi. Le seul signal fiable, c'est que le parcours fonctionne de bout en bout.

Mon verdict

Je ne vais pas te vendre ce badge comme un levier d'acquisition : il n'en est pas un. Il ne touche que les gens qui te connaissent déjà. C'est un multiplicateur, pas un canal. Il ne remplacera jamais une stratégie de contenu, et si personne ne te lit encore, il ne changera rien.

Mais il coûte deux lignes de code et un quart d'heure, CSP comprise. Et il te garde une place auprès de tes lecteurs fidèles, alors que les Aperçus IA et le Mode IA prennent de plus en plus de place dans la page de résultats. Pour un site qui publie régulièrement, c'est un petit chantier qui vaut clairement le coup. Si tu veux comprendre ce qui se joue plus largement dans ces réponses IA, j'ai détaillé le sujet dans notre guide sur le Mode IA, les Aperçus IA et le GEO.

Et je garde la leçon de l'anecdote Claude / ChatGPT : une IA qui te dit « pas éligible » n'a pas forcément lu la doc. Toi, lis-la. Deux paragraphes officiels valent mieux qu'une réponse confiante.

Tu veux faire le point sur la place de ton site dans les réponses IA de Google ? Parle-nous de ton cas, on regarde ensemble.

---

Sources : Google Search Central, « Help your readers find your site through preferred sources », mise à jour du 18 septembre 2026 ; Google, annonce du 27 mai 2026 (Duncan Osborn) ; Google Search Central, guide d'optimisation pour les fonctionnalités d'IA générative, mis à jour le 10 juillet 2026 ; Aide Search Console, réglage « Search generative AI » ; Aide Google Search, gérer ses sources préférées ; liste des codes de langue du bouton ; outil de préférences de sources. Sources consultées le 25 septembre 2026.