Google a introduit un bouton “Ajouter comme Source préférée” qui permet à vos lecteurs d’indiquer à Search qu’ils souhaitent voir plus souvent votre publication. Bien exploité, ce petit composant peut renforcer la visibilité de vos contenus auprès d’un public déjà engagé — sans modifier le classement global de votre site. Dans ce guide pratique, vous apprendrez comment ajouter le bouton à votre site, faire la différence entre l’intégration embarquée et le lien profond, l’implémenter proprement dans WordPress, le personnaliser (thème clair/sombre, langue) et mesurer les clics dans GA4. 🔧🚀
Qu’est-ce que la fonctionnalité Sources préférées de Google ?
Les Sources préférées sont une option de personnalisation que chaque utilisateur Google peut activer pour des médias spécifiques. Lorsqu’un lecteur vous sélectionne comme Source préférée, Google peut mettre davantage en avant vos contenus dans certaines surfaces personnalisées de recherche.
Ce que cela change pour vos lecteurs
Une fois votre site ajouté comme Source préférée, l’utilisateur a plus de chances de vous voir dans des modules personnalisés (ex. les résultats “À la une” adaptés à la personne), et, selon les zones de déploiement, dans des expériences alimentées par l’IA. Cela renforce la fidélité et la récurrence des visites. 👀❤️
Ce que cela n’est pas
Important : être sélectionné comme Source préférée n’est pas un signal de classement universel. Cela ne propulse pas automatiquement vos articles en tête pour tous les internautes. Il s’agit d’un levier de personnalisation utilisateur, pas d’un booster SEO global. ⚖️
Vérifier l’éligibilité de votre média avant d’ajouter le bouton
Avant toute intégration, assurez-vous que votre média est détectable dans l’outil de préférences des sources de Google. Si vous ne trouvez pas votre site dans cet outil, l’ajout du bouton n’y changera rien tant que l’éligibilité sous-jacente n’est pas résolue. 🧪
Bonnes pratiques d’adressage :
- Domaines pris en charge : exemple.com
- Sous-domaines pris en charge : news.exemple.com
- Non pris en charge : les sous-répertoires (exemple.com/blog)
Si votre publication vit réellement sur un sous-domaine, ciblez ce sous-domaine (et non le domaine racine) afin d’éviter toute ambiguïté.
Deux approches pour ajouter le bouton Sources préférées
Il existe deux modes d’intégration complémentaires :
- L’option embarquée (script JavaScript + balise dédiée) — recommandée sur site.
- Le lien profond (deeplink) — idéal là où le JavaScript est interdit ou compliqué (email, réseaux sociaux, CMS verrouillé).
Option 1 — L’intégration embarquée (recommandée) ✅
Cette approche charge une petite bibliothèque fournie par Google qui rend automatiquement le bouton, localisé à la langue du navigateur, et renvoie l’utilisateur sur la page d’origine après confirmation. C’est la méthode la plus fluide, avec le moins d’étapes pour le lecteur. ✨
Étapes d’implémentation :
- Chargez la bibliothèque (une seule fois, idéalement dans l’élément
<head>ou via l’enqueue WordPress) :
<script async src="https://news.google.com/swg/js/v1/publisher.js"></script>
- Placez le conteneur à l’endroit souhaité (zone de fin d’article, colonne latérale, bloc promo, etc.) :
<div google-add-preferred-source-btn></div>
Aucun besoin de “câbler” votre domaine dans l’attribut : la librairie sait le déterminer pour le bouton standard.
Option 2 — Le lien profond (deeplink) quand le script est impossible 📩
Le deeplink est un simple lien URL qui ouvre l’écran de préférences des sources avec votre domaine prérempli. Il fonctionne partout (même sans JavaScript), ce qui le rend parfait pour les emails, les réseaux sociaux ou un CMS limitant l’injection de scripts.
https://www.google.com/preferences/source?q=exemple.com
Exemple d’intégration dans un bloc HTML ou un email :
<p>
<a href="https://www.google.com/preferences/source?q=exemple.com">
Ajouter “Exemple” comme Source préférée
</a>
</p>
Différence d’expérience utilisateur :
- Bouton embarqué : confirme la sélection sur une page dédiée à votre publication et renvoie automatiquement sur l’article. Moins de friction, une seule action après le clic initial. 🧈
- Deeplink : ouvre l’écran général des préférences avec le champ de recherche prérempli. L’utilisateur doit encore cocher/valider et ne revient pas automatiquement sur la page de départ. Un peu plus d’efforts. 🐾
Personnaliser le bouton : thème, langue et intégration UI
Thème clair ou sombre 🌞🌙
Par défaut, le bouton s’affiche sur un thème clair. Si vous l’intégrez sur un fond sombre, ajoutez l’attribut de thème :
<div google-add-preferred-source-btn data-theme="dark"></div>
Astuce UX : utilisez un contraste suffisant et laissez de l’espace autour du bouton pour éviter les clics involontaires sur mobile.
Langue du bouton 🌐
La langue suit celle du navigateur de l’utilisateur. Si vous devez forcer une langue prise en charge pour une page précise (par exemple une landing en anglais), ajoutez :
<div google-add-preferred-source-btn data-lang="en"></div>
Où placer le bouton pour maximiser les ajouts
Quelques emplacements efficaces, testés par de nombreux éditeurs :
- Après l’introduction d’un article phare (forte intention et affinité thématique).
- En fin d’article, proche des CTA de newsletter. 📬
- Dans la barre latérale d’articles longs (sticky sur desktop si possible). 📌
- Sur des pages “À propos” et “Nos formats” avec un micro-copy clair (“Voir plus souvent nos enquêtes dans Google”).
Intégrer les Sources préférées dans WordPress (2 méthodes)
Méthode rapide — Bloc/Widget HTML
Si vous avez la main sur vos zones de widgets/blocs :
- Ajoutez le script global une seule fois (via functions.php, un plugin de snippets, ou l’onglet “Scripts” de votre thème) :
<script async src="https://news.google.com/swg/js/v1/publisher.js"></script>
- Insérez un Bloc HTML à l’emplacement voulu :
<div google-add-preferred-source-btn data-theme="light"></div>
C’est la solution la plus simple si vous ne souhaitez pas écrire de PHP.
Méthode avancée — Créer un shortcode WordPress (recommandé pour la modularité) 🧩
Un shortcode vous permet d’insérer le bouton n’importe où, de choisir le thème/alignment à la volée, et d’enregistrer proprement le script côté front. Voici un exemple de mini-plugin distinct (à déposer dans wp-content/plugins/google-preferred-sources-shortcode/google-preferred-sources-shortcode.php) :
<?php
/**
* Plugin Name: Google Preferred Sources - Shortcode
* Description: Ajoute le shortcode [google_preferred_sources] pour afficher le bouton Sources préférées de Google.
* Version: 1.0.0
* Author: Votre Équipe
*/
if ( ! defined( 'ABSPATH' ) ) { exit; }
add_shortcode( 'google_preferred_sources', function( $atts ) {
$atts = shortcode_atts(
array(
'theme' => 'light', // 'light' ou 'dark'
'align' => 'center', // 'left', 'center', 'right'
'lang' => '', // ex. 'fr', 'en', sinon vide = auto
),
$atts,
'google_preferred_sources'
);
// Normalisation simple
$theme = ( 'dark' === strtolower( $atts['theme'] ) ) ? 'dark' : 'light';
$align = in_array( strtolower( $atts['align'] ), array( 'left', 'center', 'right' ), true )
? strtolower( $atts['align'] )
: 'center';
$lang = preg_match( '/^[a-z]{2}(-[A-Z]{2})?$/', $atts['lang'] ) ? $atts['lang'] : '';
// Enqueue du script Google (une seule fois)
wp_enqueue_script(
'gps-publisher',
'https://news.google.com/swg/js/v1/publisher.js',
array(),
null,
array( 'in_footer' => true, 'strategy' => 'async' )
);
// Suivi des clics (GTM > gtag > fallback console)
$inline = <<<'JS'
(function(){
if(window.__gpsClickBound){return;}
window.__gpsClickBound = true;
function closestButton(el){
return el && el.closest ? el.closest('[google-add-preferred-source-btn]') : null;
}
document.addEventListener('click', function(e){
if(!closestButton(e.target)){ return; }
// GTM si présent
if (window.google_tag_manager && Array.isArray(window.dataLayer)) {
window.dataLayer.push({ event: 'preferred_source_button_click' });
return;
}
// gtag sinon
if (typeof window.gtag === 'function') {
window.gtag('event', 'preferred_source_button_click');
return;
}
// Fallback
if (window.console && console.debug) {
console.debug('preferred_source_button_click');
}
}, true);
})();
JS;
wp_add_inline_script( 'gps-publisher', $inline, 'after' );
// Alignement via Flex
$map = array( 'left' => 'flex-start', 'center' => 'center', 'right' => 'flex-end' );
$justify = isset( $map[ $align ] ) ? $map[ $align ] : 'center';
// Construction du bouton
ob_start();
?>
<div style="display:flex;justify-content:<?php echo esc_attr( $justify ); ?>;width:100%;">
<div google-add-preferred-source-btn<?php echo ( 'dark' === $theme ) ? ' data-theme="dark"' : ''; ?><?php echo $lang ? ' data-lang="' . esc_attr( $lang ) . '"' : ''; ?>></div>
</div>
<?php
return ob_get_clean();
} );
Usage dans l’éditeur :
[google_preferred_sources]
[google_preferred_sources theme="dark" align="right"]
[google_preferred_sources lang="fr" theme="light" align="center"]
Avantages de cette méthode :
- Le script Google est chargé une seule fois, automatiquement.
- Vous contrôlez l’alignement et le thème au cas par cas sans toucher au code du thème.
- Le suivi de clics est prêt pour GA4/GTM. 📈
Mesurer l’impact : suivi des clics dans GA4 et GTM
Pourquoi instrumenter le bouton ?
Le taux de clics sur le bouton Sources préférées est un excellent indicateur de résonance éditoriale et d’UX. En GA4, vous pouvez suivre ces clics comme un événement et le segmenter par modèle d’article, rubrique, emplacement du bouton, appareil, etc. 🎯
Implémentation du tracking
Le script de suivi ci-dessus capte un clic sur tout élément comportant l’attribut [google-add-preferred-source-btn] (délégation d’événement) et :
- Envoie
preferred_source_button_clickdans le dataLayer si GTM est présent. - Sinon, déclenche
gtag('event', 'preferred_source_button_click')si gtag.js est chargé. - Sinon, journalise en console (fallback de debug).
Dans Google Tag Manager :
- Créez un Déclencheur “Événement personnalisé” nommé
preferred_source_button_click. - Créez une Balise “GA4 Événement” associée à ce déclencheur, avec le même nom d’événement.
- Vérifiez avec l’Aperçu GTM ou GA4 DebugView. 🧪
Copywriting du bouton : micro-textes qui convertissent ✍️
Le visuel du badge est standard, mais l’environnement rédactionnel autour compte. Quelques exemples de micro-copy pour inciter à l’action :
- “Recevez nos enquêtes plus souvent dans Google — ajoutez-nous à vos Sources préférées.”
- “Fan de nos analyses ? Faites-en une Source préférée et voyez-nous plus souvent.”
- “Un clic pour ne rien manquer de nos décryptages dans Google.”
Restez clair, honnête et centré sur le bénéfice lecteur. Évitez les formulations trompeuses (dark patterns). ✅
Bonnes pratiques SEO et produit autour des Sources préférées
Ce qui maximise l’adoption
- Contexte : placez le bouton près des contenus à forte valeur (ex. séries thématiques, dossiers spéciaux).
- Timing : testez l’affichage après la lecture (bas de page) pour capter un lecteur satisfait.
- Design : contraste suffisant, taille de cible tactile confortable, espace respirant. 📱
- Récurrence : réutilisez le deeplink dans la newsletter hebdo et vos profils sociaux.
Ce qu’il faut éviter
- Multiplier le bouton sur une seule page au point de gêner la lecture.
- Forcer l’ouverture d’une nouvelle fenêtre avec des interstitiels agressifs.
- Promettre un “boost SEO” global — ce n’est pas le cas. ⚠️
FAQ express sur les Sources préférées
Est-ce un facteur de classement SEO ?
Non. Les Sources préférées personnalisent l’expérience pour l’utilisateur qui vous a choisi, mais ne modifient pas le classement universel. Considérez-le comme un levier de fidélisation et de visibilité récurrente. 📌
Où cette fonctionnalité s’affiche-t-elle ?
Elle peut s’exprimer dans certaines surfaces personnalisées de la recherche (par exemple, les modules d’actualités), et, selon les régions/expériences disponibles, dans des vues enrichies par l’IA. Les déploiements évoluent : vérifiez régulièrement la documentation officielle de Google. 🔎
Domaines, sous-domaines, sous-répertoires : que choisir ?
Google accepte les domaines et sous-domaines comme cibles de Source préférée, mais pas les sous-répertoires. Si votre média vit sur un sous-domaine, ciblez-le explicitement. 🌐
Dois-je forcer la langue du bouton ?
En général non : laissez la langue du navigateur faire son travail. Ne forcez que pour des pages monocibles (landing étrangères) où c’est pertinent. 🈯
Que faire si mon site n’apparaît pas dans l’outil de préférences ?
Traitez d’abord l’éligibilité (cohérence de la marque, présence dans Google News/Top Stories selon votre cas, signaux techniques). Ajouter le bouton n’y changera rien tant que l’outil ne vous répertorie pas. 🧭
Checklist de déploiement rapide ✅
Avant la mise en production :
- Éligibilité vérifiée dans l’outil dédié.
- Script embarqué chargé une seule fois sur le site (ou usage du deeplink si nécessaire).
- Thème (clair/sombre) cohérent avec votre design.
- Langue par défaut (ne forcer que si indispensable).
- Placement testé sur desktop et mobile.
- Événements GA4/GTM validés en mode debug.
- Micro-copy rédigé et conforme à votre charte éditoriale.
Exemples d’implémentation prêts à l’emploi
Bloc HTML simple (thème sombre, centré)
<!-- À utiliser dans un bloc HTML/Code -->
<script async src="https://news.google.com/swg/js/v1/publisher.js"></script>
<div style="display:flex;justify-content:center">
<div google-add-preferred-source-btn data-theme="dark"></div>
</div>
Deeplink pour newsletter
Ajoutez “Exemple” à vos Sources préférées :
https://www.google.com/preferences/source?q=exemple.com
Gouvernance et conformité
Le bouton déclenche une action vers un service Google ; veillez à :
- Mettre à jour, si besoin, votre politique de confidentialité pour mentionner les composants tiers.
- Respecter vos engagements en matière de consentement (bannières cookies si d’autres balises marketing sont présentes).
- Documenter en interne le suivi GA4 afin d’éviter la dérive des nomenclatures d’événements. 📝
Conclusion
Les Sources préférées ne remplacent pas vos fondamentaux SEO — qualité éditoriale, technique irréprochable, E-E-A-T —, mais elles créent une passerelle simple entre l’affinité d’un lecteur et la probabilité de revoir vos contenus dans Google. En réduisant la friction avec l’intégration embarquée, en déployant un shortcode modulable dans WordPress, et en instrumentant le suivi dans GA4, vous transformez ce micro-composant en un véritable moteur de fidélisation. 🔁
Commencez petit (un emplacement, un micro-copy), testez le thème et l’alignement, comparez les performances par gabarit d’article, et étendez ce qui fonctionne. Au final, le vrai gain SEO ici est relationnel : plus de rencontres utiles entre votre audience et votre production éditoriale, là où elle cherche déjà des réponses. 💡
