Open Graph URL not matching canonical Yoast SEO

Partagez 😉

Votre analyse SEO vous indique Open Graph URL not matching canonical ou en français l’URL Open Graph ne correspond pas à l’URL canonique. 😟

Vous constatez que les pages concernées sont exclusivement les pages comportant une pagination. 😯

Et, pourtant, vous utilisez Yoast SEO pour vous aider à optimiser votre référencement naturel et pensiez être à l’abri de ce problème. 🤔

Alors, pénétrez dans le monde des balises Open Graph.

Découvrez pourquoi Open Graph URL not matching canonical s’affiche pour certaines pages lorsque vous utilisez Yoast SEO.

Et surtout comment résoudre ce problème.

Au menu…

En bref, que sont les balises Open Graph

Facebook a introduit le protocole Open Graph en 2010. Depuis, d’autres sites de médias sociaux tels que Twitter, LinkedIn reconnaissent aussi les balises méta Open Graph.

Dans les grandes lignes, Open Graph est un ensemble de balises de métadonnées utilisées pour enrichir les informations d’une page Web. En quelque sorte, elles complètent les balises title et meta description de la page.

Ce qu’il faut retenir c’est que ces balises servent à indiquer aux réseaux sociaux ce qu’ils doivent afficher lors du partage d’une page, notamment l’image.

Ainsi, si vous omettez de renseigner la balise og:image, alors aucune image ne sera affichée lors du partage d’une page sur un réseau social.

Il faut savoir aussi qu’il existe des dizaines de balises Open Graph.

Néanmoins, les quatre balises de base requises pour afficher correctement une page partagée sont :

og:title : le titre de votre page
og:type : le type de votre page (site web, article, vidéo, musique). Selon le type que vous spécifiez, d’autres propriétés peuvent également être requises.
og:image : l’URL de votre image qui sera affichée
og:url : l’URL canonique de votre page

💡 Vous devez renseigner des URL absolues et non pas relatives à l’intérieur des balises Open Graph. C’est-à-dire que les URL doivent être complètes afin de pouvoir accéder à la ressource.

Par exemple, si vous partagez une page, l’URL doit être sous la forme :

https://domaine/page (URL absolue) et non pas /page (URL relative).

Après ce court résumé sur les balises Open Graph, voyons pourquoi Open Graph URL not matching canonical dans Yoast SEO dans certains cas.

Pourquoi Open Graph URL not matching canonical dans Yoast SEO

De prime abord, l’extension Yoast SEO ajoute bien une balise Open Graph et une URL canonique aux pages. Ce qui est somme toute normal pour un outil SEO.

Le problème est que ça ne fonctionne pas comme prévu pour les archives paginées ou les pages de catégorie. Ceci est dû au fait que Yoast SEO ne vérifie pas si la page actuelle (archive, catégorie ou taxonomie) est paginée ou non.

Résultat, l’extension génère une URL Open Graph de la page de catégorie principale au lieu de celle de la page réelle (2, 3 ou autre).

C’est la raison pour laquelle, une analyse SEO avec un outil dédié affiche Open Graph URL not matching canonical pour les pages paginées.

Pour mieux comprendre ce qu’il se passe, il suffit de prendre pour exemple les 6 pages paginées qui présentent les articles de mon blog.

Voici l’erreur affichée dans un rapport d’Ahrefs :

Open Graph URL not matching canonical pour les pages avec numéros optimisées par Yoast SEO

Ici, comme vous pouvez le constater, l’URL Open Graph (og:url) ne correspond pas à l’URL canonique (rel=canonical). En effet, pour toutes les pages, que ce soit la page 2,3… l’URL Open Graph redirige vers la page d’accueil du blog

On peut également voir l’erreur en analysant le code d’une page paginée, en l’occurrence, ici la page 2.

l'URL canonique ne correspond pas à l'URL Open graph dans le code du site

À cause de cela, ce ne sera pas la page 2 qui s’affichera lors du partage sur les réseaux sociaux, mais sa version non canonique, la page d’accueil des articles.

Il est donc essentiel de remédier à ce problème. D’autant plus que cela peut être fait très rapidement.

Réparer Open Graph URL not matching canonical pour les pages paginées lors de l’utilisation de Yoast SEO

Pour faire en sorte que l’URL Open Graph corresponde à l’URL canonique avec Yoast SEO, quelques lignes de code suffisent.

En premier lieu, accédez aux fichiers de votre site. Vous pouvez le faire via votre client ftp ou le gestionnaire de fichiers de votre hébergement.

Puis, rendez-vous sous /wp-content/themes/nomdevotrethemeenfant afin de trouver le fichier functions.php.

⚠️ N’oubliez pas de sauvegarder votre fichier functions.php avant modification.

Ensuite, ouvrez le fichier functions.php en mode édition et ajoutez-y le code suivant :

/** FIX Open Graph URL not matching canonical at pages numbers Yoast */
function gb_wpseo_canonical( $canonical ) {
    global $post;
    $paged = get_query_var( 'paged' );
    if ( isset( $paged ) && (int) $paged > 0 ) {
        return trailingslashit( trailingslashit( $canonical ) . 'page/' . $paged );
        return $url;
    }
    return $canonical;
}
add_filter( 'wpseo_opengraph_url', 'gb_wpseo_canonical' );

Après avoir mis à jour et enregistré le fichier functions.php, videz votre cache.

Puis, de nouveau, exécutez une analyse SEO. Vous constaterez alors que le problème a disparu.