Sources préférées Google : ajouter le bouton à WordPress

On commence à lire que le bouton "Sources préférées" de Google ferait grimper un site dans les résultats. C’est faux ! Ce bouton ne touche pas au classement de votre site pour le reste du monde. Il agit pour une seule personne, celle qui clique, et seulement dans son propre compte Google.

Je l’ai quand même installé sur WPFormation dès le 23 juillet 2026, et je le considère aujourd’hui comme indispensable sur un blog qui a des lecteurs fidèles. Le 7 octobre, en relisant la documentation de Google ligne à ligne pour vérifier que je la respectais, j’ai ouvert le script que Google propose d’ajouter à vos pages… et j’ai tout recâblé. Ce travail a donné le mu-plugin que je vous livre plus bas, puis une extension gratuite, Preferable.

Que change vraiment une source préférée ?

Une source préférée est un site qu’un internaute a choisi dans les réglages de la recherche Google. D’après la documentation de Google, ce lecteur est alors plus susceptible de voir vos contenus dans la rubrique "À la une", marqués d’un badge "Préféré". Ce badge peut aussi accompagner vos contenus dans le Mode IA et les Aperçus IA qu’il consulte.

Et pour les autres internautes ? Rien ne bouge. Le choix est enregistré dans le compte Google de la personne, il ne modifie pas ce que voient les autres et il ne remplace aucun travail de référencement. Pour moi, ce bouton relève de la fidélisation, de la même famille qu’une inscription à une newsletter : vous transformez un lecteur régulier en lecteur qui vous retrouve, sans lui demander son adresse e-mail.

Pourquoi indispensable, alors ? Parce que Google répond de plus en plus souvent lui-même, dans ses Aperçus IA, avant le moindre lien bleu (j’ai détaillé ce que Google attend des sites pour ces réponses dans ma lecture de son guide de mai 2026). Quand la réponse s’écrit sans vous, le badge "Préféré" est l’un des rares signaux qu’un lecteur puisse envoyer pour dire "c’est ce site-là que je veux lire". La rubrique "À la une", elle, sert surtout l’actualité : sur un blog de tutoriels comme le mien, l’enjeu se joue plutôt dans le Mode IA et les Aperçus IA, à mon avis…

Votre site est-il éligible ?

Attention, tous les sites ne peuvent pas recevoir le badge. Avant d’écrire la moindre ligne de code, vérifiez ces points :

• Votre site tient sur un domaine ou un sous-domaine. Google accepte example.com et code.example.com, mais pas un sous-répertoire comme example.com/blog. Un WordPress installé dans un dossier /blog ne peut pas être choisi seul. Le bouton peut proposer le domaine entier, example.com, s’il figure dans l’outil de Google, et la préférence vaut alors pour tout le domaine. Les réglages de Preferable, présentée plus bas, repèrent le sous-dossier et vous laissent indiquer le domaine.
• Votre site apparaît dans l’outil de préférences de sources de Google. Pour le savoir, ouvrez-le et tapez votre domaine dans son champ de recherche. Un site tout neuf peut ne pas encore y figurer…
• Pour le badge dans le Mode IA et les Aperçus IA, votre site doit être inclus dans les fonctionnalités d’IA générative de la recherche. Ça se règle dans la Google Search Console, menu Paramètres puis "IA générative dans la Recherche". Le réglage existe pour tous les sites depuis le 31 août 2026 et il est sur "Inclure" par défaut.

Les trois méthodes prévues par Google

Google documente trois façons d’amener vos lecteurs vers ce réglage. La méthode qu’il recommande tient en deux lignes de HTML : un script à charger, de préférence dans le <head>, et un emplacement pour le bouton.

<script async src="https://news.google.com/swg/js/v1/publisher.js"></script>
<div google-add-preferred-source-btn></div>

Le script dessine alors un bouton au style Google, traduit automatiquement, que vous pouvez passer en thème sombre avec data-theme="dark" ou forcer dans une langue avec data-lang. Le lecteur ajoute votre site dans une fenêtre de Google, puis revient sur votre page, où une confirmation s’affiche.

La deuxième méthode, dite avancée, garde exactement le même parcours, mais avec vos propres boutons : le script est chargé avec l’attribut preferred-sources-control="manual", il n’affiche plus rien de lui-même, et c’est votre code qui déclenche l’ajout. La troisième, le lien profond, se passe de JavaScript : une simple adresse, https://www.google.com/preferences/source?q= suivie de votre domaine, qui ouvre le réglage chez Google. Google la propose quand le bouton interactif est impossible, par exemple si votre CMS refuse le JavaScript, et aussi pour vos newsletters ou vos réseaux sociaux. Il fournit même des badges officiels à télécharger si vous ne voulez pas dessiner le vôtre.

En juillet, j’avais pris le lien profond. Un lien, zéro script, et mon propre design (orange, évidemment) : une pilule dans le résumé en tête d’article, juste sous mes boutons qui font résumer l’article par une IA, puis un encart complet en fin d’article. Conforme, mais pas la méthode recommandée.

Pourquoi ne pas avoir pris le bouton standard ? Parce qu’il impose le style de Google, et que mes deux emplacements n’auraient plus ressemblé au reste du site. La version avancée règle ça… à condition de savoir ce que fait le script qu’on charge.

Ce que fait le script de Google dès qu’il se charge

Le 7 octobre, je voulais passer à la méthode recommandée sans perdre mon design, donc à la version avancée. Avant de coller un script tiers sur toutes mes pages, j’ai ouvert publisher.js. Le fichier pèse 140 Ko, 39 Ko une fois compressé, et il ne se contente pas d’attendre sagement un clic…

Dès son chargement, il démarre son propre module de mesure, charge une iframe de service de Google et y journalise un événement d’installation, accompagné de l’adresse canonique de la page. Autrement dit, placé dans le <head> comme le suggère la documentation, il signale à Google chaque article lu, que le lecteur clique sur le bouton ou non. Il peut aussi ranger quelques réglages techniques dans le stockage de session du navigateur, sous des clés qui commencent par subscribe.google.com:e:.

Sur un site français où je demande déjà un consentement pour les cookies de Google Analytics, je n’avais aucune envie d’ouvrir un second canal vers Google sur chaque lecture, sans rien demander à personne. J’ai donc retourné le problème : le script ne se charge qu’au clic. Celui qui clique demande le service, celui qui ne clique pas n’envoie rien. En lisant la suite du code, j’ai aussi trouvé de quoi me rassurer sur Safari : si le navigateur bloque la fenêtre de Google, ouverte un peu après le clic le temps que le script arrive, publisher.js bascule tout seul en redirection dans le même onglet, avec retour sur la page de départ.

Le même jour, je l’ai passé dans Chromium, Firefox et WebKit, le moteur de Safari, et dans un iPhone émulé : aucune requête vers news.google.com avant le clic, la fenêtre de Google au premier clic, et la page de connexion de Google pour un navigateur qui n’est connecté à aucun compte.

Comment ajouter le bouton à WordPress ?

Voici l’extrait que j’ai écrit pour WordPress, sur le même principe que mon site. Il ajoute un bouton sous le contenu de vos articles, dont le lien pointe vers le lien profond officiel, et un petit script qui intercepte le clic pour lancer le parcours de Google. Je l’ai testé le 7 octobre 2026 dans un WordPress vierge, avec le thème Twenty Twenty-Five.

Créez le fichier wp-content/mu-plugins/sources-preferees-google.php (créez le dossier mu-plugins s’il n’existe pas), puis collez-y ce code :

<?php
/**
 * Plugin Name: Sources préférées Google
 * Description: Bouton "Sources préférées" sous les articles. Le script de Google n'est chargé qu'au clic.
 */

defined( 'ABSPATH' ) || exit;

// Lien profond officiel : il sert aussi de secours sans JavaScript.
function wpf_sources_preferees_url() {
	$domaine = wp_parse_url( home_url(), PHP_URL_HOST );
	return 'https://www.google.com/preferences/source?q=' . rawurlencode( $domaine );
}

// Le bouton, sous le contenu des articles.
add_filter( 'the_content', function ( $content ) {
	if ( ! is_singular( 'post' ) || ! in_the_loop() || ! is_main_query() ) {
		return $content;
	}
	$bouton = sprintf(
		'<p class="sources-preferees"><a href="%s" target="_blank" rel="noopener noreferrer" data-sources-preferees>%s</a></p>',
		esc_url( wpf_sources_preferees_url() ),
		esc_html( "J'ajoute ce site à mes sources Google" )
	);
	return $content . $bouton;
} );

// Le script qui lance le parcours de Google au clic.
add_action( 'wp_enqueue_scripts', function () {
	if ( ! is_singular( 'post' ) ) {
		return;
	}
	wp_register_script( 'sources-preferees', false, array(), null, true );
	wp_enqueue_script( 'sources-preferees' );
	wp_add_inline_script( 'sources-preferees', <<<'JS'
(function () {
  var SRC = 'https://news.google.com/swg/js/v1/publisher.js';
  var enCours = false, initialise = false;

  function lancer(api) {
    if (!initialise) { api.init({ theme: 'light', lang: 'fr' }); initialise = true; }
    api.addPreferredSource();
  }

  function lienProfond(url) {
    var fenetre = window.open(url, '_blank');
    if (fenetre) { fenetre.opener = null; } else { window.location.assign(url); }
  }

  document.addEventListener('click', function (e) {
    var lien = e.target.closest && e.target.closest('a[data-sources-preferees]');
    if (!lien || e.defaultPrevented || e.button !== 0) return;
    if (e.ctrlKey || e.metaKey || e.shiftKey || e.altKey) return;
    e.preventDefault();

    var global = window.PREFERRED_SOURCE;
    if (global && !Array.isArray(global) && global.api) { lancer(global.api); return; }
    if (enCours) return;
    enCours = true;

    var termine = false;
    var secours = function () {
      if (termine) return;
      termine = true; enCours = false;
      lienProfond(lien.href);
    };
    var minuteur = setTimeout(secours, 4000);

    (window.PREFERRED_SOURCE = window.PREFERRED_SOURCE || []).push(function (api) {
      if (termine) return;
      termine = true; enCours = false;
      clearTimeout(minuteur);
      lancer(api);
    });

    if (document.querySelector('script[src="' + SRC + '"]')) return;
    var script = document.createElement('script');
    script.async = true;
    script.src = SRC;
    script.setAttribute('preferred-sources-control', 'manual');
    script.onerror = function () { script.remove(); clearTimeout(minuteur); secours(); };
    document.head.appendChild(script);
  });
})();
JS
	);
} );

Nota : le code tourne tout seul, car un fichier PHP posé dans mu-plugins est chargé par WordPress sans activation, et personne ne pourra le désactiver par erreur depuis l’écran des extensions. Si vous préférez le mettre dans le functions.php de votre thème enfant, recopiez-le sans la ligne <?php et sans l’en-tête.

Que se passe-t-il au clic ? Le premier clic charge publisher.js en mode manuel, l’initialise en français et lance l’ajout. Les clics suivants appellent directement le script déjà chargé. Un Ctrl+clic ou un clic du milieu ouvre le lien profond comme un lien ordinaire, le lecteur a choisi où l’ouvrir. Et si Google ne répond pas sous 4 secondes, ou si un bloqueur coupe le script, le lien profond prend le relais : le lecteur arrive quand même sur le réglage.

Pour l’habiller, ciblez la classe .sources-preferees a dans votre feuille de style. Pour changer le texte, modifiez la chaîne passée à esc_html(). Pour un site en thème sombre, remplacez 'light' par 'dark' : c’est le thème de la fenêtre et de la confirmation de Google, pas celui de votre bouton.

Un autre en-tête m’a joué un tour le jour même de la mise en ligne. Au premier vrai clic, avec mon compte Google connecté, la fenêtre a bien proposé d’ajouter WPFormation… puis, après "Ajouter", elle a rechargé l’article en elle-même au lieu de se fermer, sans la moindre confirmation. En cause : l’en-tête Cross-Origin-Opener-Policy: same-origin, que mon site envoyait par sécurité. Cette valeur coupe le lien entre la page et toute fenêtre ouverte vers un autre domaine, et la fenêtre de Google ne peut plus renvoyer son résultat à l’article. Je l’ai remplacée par same-origin-allow-popups, un assouplissement documenté : la page reste séparée des sites qui l’ouvrent, mais les fenêtres qu’elle ouvre elle-même peuvent lui répondre.

Et si vous préférez une extension ?

J’ai relu le code des extensions qui proposent ce bouton sur WordPress.org le 7 octobre 2026, en regardant surtout un point : à quel moment elles chargent le script de Google… et les réponses varient.

• SEOPress (plus de 300 000 installations) a ajouté un bloc "Preferred source" dans sa version 10.3 gratuite. Son script charge celui de Google quand le bouton arrive à 400 pixels de l’écran, ou au survol, ou quand le bouton reçoit le focus. Si SEOPress tourne déjà sur votre site, il reste la solution la plus simple.
• Add as Preferred Source on Google (plus de 800 installations, version 1.3.0) mise sur la bannière : position, couleurs, déclenchement au défilement ou après un délai, code court, bloc et statistiques sur 30 jours. Le script de Google est ajouté à la page par wp_enqueue_script, donc chargé avec elle.
• SourceCue Button for Google Preferred Sources (plus de 10 installations, publiée le 30 août 2026) propose les trois méthodes de Google, avec badge, barre collante et alerte flottante. Même chargement avec la page.
• OGEEAT, mon extension de citabilité, a aussi son module "Sources préférées" depuis sa version 2.7 du 7 octobre 2026 : script chargé au clic seulement, lien profond en secours, exactement comme l’extrait ci-dessus.

Je suis le créateur d’OGEEAT, et ce module vient d’une demande précise. Le 1er septembre 2026, un utilisateur de l’extension m’a posé la question sur le forum de WordPress.org, avec en prime cette remarque : l’article sur WPFormation n’existait pas. Je lui avais répondu que le badge "Préféré" dans les Aperçus IA rapprochait le sujet de ce que fait OGEEAT. L’extension gère déjà les boutons de partage vers les IA. J’avais noté l’idée pour une version future. En effet, le rapprochement tenait debout.

Le module est là. L’article aussi.

Preferable : le bouton Google et les boutons IA, au clic

Ces boutons ont aussi leur extension à part, sans le reste d’OGEEAT : Preferable. Elle est gratuite, sans version payante.

Preferable ajoute sous vos articles le bouton Google, dans une carte qui explique au lecteur ce qu’il y gagne. Elle ajoute aussi les boutons "Résumer avec l’IA" : ChatGPT, Claude, Perplexity, Mistral et le Mode IA de Google, plus Gemini, Copilot et Grok (de SpaceXAI, anciennement xAI) en option. J’explique l’intérêt de cette seconde famille dans mon article sur les boutons IA à placer sous vos articles.

Côté réglages, vous avez quatre styles, sept palettes et un aperçu en direct sur ordinateur, sur téléphone ou dans une barre latérale. Les boutons s’insèrent seuls, type de contenu par type de contenu, ou se placent avec un bloc, un widget ou le code court [preferable]. Les réglages fournissent aussi le lien profond de votre site et son QR code, pour une newsletter ou un support imprimé. Ni cookie, ni suivi, ni compte : rien ne part vers Google ou vers une IA avant le clic du lecteur. Et l’interface est entièrement traduite en français.

La vidéo de présentation dure 25 secondes, en anglais :

Preferable: AI Summary & Preferred Source Buttons

Si OGEEAT affiche déjà ses boutons "Partager avec l’IA" ou "Sources préférées" sur votre site, Preferable n’affiche rien aux visiteurs, pour éviter deux séries de boutons. Ses réglages vous disent lesquels couper dans OGEEAT. Le piège de l’en-tête Cross-Origin-Opener-Policy vaut aussi pour elle : sa FAQ donne la même parade que plus haut.

Sur WPFormation, je garde mon code maison. Le site sépare WordPress, côté serveur, et Next.js, côté visiteur : une extension n’a pas de prise sur ce que voit le lecteur. Preferable reprend les mêmes choix : le script de Google part au clic, le lien profond prend le relais après 4 secondes ou sans JavaScript, et la question envoyée aux IA ne leur demande jamais de retenir le site ni de le juger fiable.

Questions fréquentes

Le bouton améliore-t-il le référencement de mon site ?

Non, pas pour l’ensemble des internautes. Le choix d’un lecteur est enregistré dans son compte Google et ne change que ce qu’il voit lui-même : vos contenus remontent plus souvent pour lui dans la rubrique "À la une", et peuvent porter le badge "Préféré" dans le Mode IA et les Aperçus IA.

Pourquoi le bouton ouvre-t-il une page de connexion Google ?

Parce que la préférence est enregistrée dans un compte Google. Un lecteur qui n’est pas connecté voit d’abord la page de connexion, puis le réglage. C’est le comportement normal, que j’ai constaté avec les moteurs de Chrome, Firefox et Safari.

Mon blog est dans un sous-dossier, est-ce que ça marche ?

Oui, mais pour le domaine entier. Google n’accepte que les domaines et les sous-domaines : blog.example.com est éligible, example.com/blog ne l’est pas seul. Le bouton peut proposer example.com, si ce domaine apparaît dans l’outil de Google ; la préférence du lecteur vaut alors pour tout le domaine, pas seulement pour le blog.

Où placer le bouton pour qu’il serve ?

J’ai choisi deux emplacements sur mes articles, et seulement sur eux : une pilule discrète dans le résumé en tête d’article, et un encart complet après le dernier paragraphe, pour le lecteur qui vient de tout lire. Sur les pages de service ou de contact, il n’a rien à faire.

Pourquoi la fenêtre de Google recharge-t-elle mon article au lieu de se fermer ?

Votre site envoie très probablement l’en-tête Cross-Origin-Opener-Policy: same-origin. Il coupe le lien entre l’article et la fenêtre de Google, qui recharge alors l’article chez elle, avec #__WA_RES__ dans l’adresse. Si la page n’envoie pas l’en-tête Cross-Origin-Embedder-Policy, passez Cross-Origin-Opener-Policy à same-origin-allow-popups sur les pages du bouton. Sinon, gardez same-origin et proposez le lien profond.

Sources

Lues le 7 octobre 2026, date de mes tests de l’extrait dans un WordPress vierge et de la relecture du code des extensions. La documentation de Google, la fiche de Preferable et le code de sa version 0.2.2 ont été relus le 11 octobre 2026.

• Google : documentation des sources préférées dans la recherche Google, aide de la Search Console sur le contrôle de l’IA générative dans la Recherche, outil de préférences de sources et script publisher.js.
• Extensions : SEOPress, Add as Preferred Source on Google, SourceCue Button for Google Preferred Sources, OGEEAT et Preferable sur WordPress.org.
• Forum : la demande d’un utilisateur d’OGEEAT, "Vous me lisez souvent ?", du 1er septembre 2026.

Preferable n’est affiliée ni à OpenAI, ni à Anthropic, ni à Perplexity, ni à Mistral AI, ni à Google, ni à Microsoft, ni à SpaceXAI.