Comment ajouter un balisage de schéma d'article aux articles de blog

Schema est un langage utilisé pour aider les moteurs de recherche à comprendre le contenu de votre site. Découvrez quels types de schémas existent et comment les ajouter pour donner à votre site Web les meilleures chances d'être vu.

Lorsque les moteurs de recherche explorent les pages de votre site, ils essaient de comprendre de quoi parle chaque page. Ceci afin de les indexer et de les servir aux visiteurs lorsqu'ils recherchent quelque chose de pertinent. Pour ce faire, ils doivent comprendre tout le code HTML de votre site. Selon la façon dont votre site est construit, cela peut ou non être facile pour eux.

Le schéma (également connu sous le nom de données structurées, extraits enrichis ou microdonnées), est un langage universellement compris par les moteurs de recherche, avec une extrême facilité. Essentiellement, le schéma indique aux moteurs de recherche de quoi parle votre site ou une page spécifique en termes très simples.

Pourquoi ajouter un schéma d'article aux articles de blog ?

Si vous écrivez un contenu génial, il va de soi que vous aimeriez que les moteurs de recherche le comprennent facilement : saisissez un schéma, un langage littéralement conçu pour rendre votre contenu plus facile à comprendre.

De plus, vers mars 2016, des données structurées ont été ajoutées à l'algorithme des facteurs de classement de Google. Donc, l'avoir sur vos pages pourrait vous aider à mieux classer vos articles de blog à longue traîne, aidant ainsi votre stratégie de marketing de contenu et vos objectifs globaux de marketing numérique.

De plus, si vous lisez notre blog ou toute autre actualité sur le marketing numérique, vous savez que les pages mobiles accélérées (AMP) ont été un sujet énorme pour les blogs et les sites de publication. Ceux-ci s'appuient fortement sur des données structurées pour leurs fonctionnalités avancées. Se familiariser avec des types plus simples, comme le schéma BlogPosting, est un moyen infaillible de vous aider à vous préparer à cela.

Enfin, si vous avez besoin de plus de conviction, disposer de données structurées sur les actualités, les articles de blog ou les articles de votre site Web peut améliorer l'apparence de votre site Web dans les moteurs de recherche. Cela peut vous permettre d'apparaître dans le carrousel des meilleures histoires (cependant, gardez à l'esprit que cela n'est pas garanti par Google car ils semblent donner la priorité aux pages AMP avant toute autre chose à la minute).

Quels types de schéma d'article puis-je ajouter ?

Il existe plusieurs types de schémas d'articles qui peuvent être ajoutés : NewsArticle ou BlogPosting étant les plus courants. Pour la plupart des entreprises (à moins que vous ne rapportiez des nouvelles), je recommanderais d'utiliser le schéma BlogPosting car il est plus spécifique à ce qu'est l'article. Plus vous obtenez un schéma précis, plus il est facile pour les moteurs de recherche de comprendre pleinement votre site. Donc, dans un souci de clarté, je vais utiliser le schéma BlogPosting comme exemple.

Comment ajouter un schéma de publication de blog

De nos jours, beaucoup de CMS l'ajouteront automatiquement ou seront au moins compatibles avec un plugin qui le fait. Par exemple, Yoast pour WordPress, Amasty pour Magento, etc. – il vous suffit de trouver celui qui est compatible avec votre site et de vous assurer qu'il n'interfère pas avec les autres plugins ou la vitesse du site. C'est également extrêmement pratique car cela signifie que chaque article de blog que vous écrivez aura un schéma BlogPosting inséré dynamiquement - vous n'avez pas besoin de l'ajouter à chaque article.

Pour un site Web construit avec un CMS sur mesure, demandez simplement à vos développeurs comment ils pourraient l'ajouter. Il se peut bien qu'ils aient besoin de le faire en le codant en dur sur la page - mais s'ils peuvent créer des modèles de page prenant en charge le schéma, ce serait mieux. Voir plus loin dans ce blog ce qu'ils auraient besoin d'insérer dans les pages.

Si vous ne pouvez pas obtenir un plugin qui l'insère dynamiquement et que vos développeurs ne peuvent pas le coder en dur sur le site, votre dernier recours est de l'ajouter via Google Tag Manager. C'est le dernier recours car seul Google serait capable de voir le code – aussi GTM peut parfois être capricieux, donc ce n'est pas idéal.

Cette méthode ne nécessite pas que vous changiez réellement le code sur le site. Afin d'ajouter un schéma d'article, en tant qu'entreprise, vous devez déjà avoir un schéma d'organisation sur votre site. Pour configurer cela, consultez un article de blog que j'ai écrit le mois dernier qui contient un guide étape par étape - encore une fois, n'oubliez pas que les plugins et le codage en dur sont des options préférables.

Semblable à l'ajout d'un schéma d'organisation à un site, pour ajouter un schéma d'article, vous devez créer un déclencheur et une balise HTML personnalisée. Sauf que cette fois, vous ne voulez pas que votre déclencheur cible "toutes les pages", vous voulez qu'il cible l'URL spécifique de l'article de blog. Par exemple, pour ajouter le schéma BlogPosting à l'un des articles de blog de mon client : http://applefostering.co.uk/skills-foster/ J'ai configuré un déclencheur dans Tag Manager comme ceci :

Une fois le déclencheur configuré, vous devez créer la balise réelle. Comme pour le schéma d'organisation, il s'agit d'une balise HTML personnalisée dans laquelle vous devez ajouter les éléments suivants (en ayant évidemment remplacé les champs par votre propre entreprise et les détails de l'article) :

<type de script="application/ld+json">
{
« @contexte » : « http://schema.org »,
« @type » : « Publication de blog »,
"mainEntityOfPage":{
« @type » : « Page Web »,
"@id": "http://applefostering.co.uk/skills-foster/"
},
« titre » : « Les compétences à favoriser »,
« image » : {
« @type » : « ObjetImage »,
« URL » : « http://applefostering.co.uk/wp-content/uploads/family.jpg »,
"hauteur": 463,
"largeur": 700
},
« date de publication » : « 2016-02-12 »,
"dateModifié": "2016-02-12",
"auteur": {
"@type": "Personne",
« nom » : « nom de la personne »
},
« éditeur » : {
« @type » : « Organisation »,
« nom » : « Apple Fostering »,
« logo » : {
« @type » : « ObjetImage »,
« URL » : « http://applefostering.co.uk/apple-logo-schema/ »,
"largeur": 550,
"hauteur": 60
}
},
« description » : « Une brève description de votre article »,
« articleBody » : « Vous pouvez mettre l'intégralité de votre article ici : il peut être aussi long que vous le souhaitez. »
}
</script>

Quelques choses à retenir :

• L'image de l'article de blog doit faire au moins 700 pixels de large
• Dans la section Éditeur, le logo de votre entreprise doit mesurer 550 pixels de large x 60 pixels de haut (ce n'est pas le cas dans le schéma d'organisation normal - uniquement lorsque vous l'ajoutez dans le schéma d'article)

Si vous ne respectez pas ces règles, le schéma ne fonctionnera pas – ce qui est frustrant car il m'a fallu beaucoup de temps pour trouver ces instructions en ligne.

Une fois ce code ajouté à votre balise HTML personnalisée, appliquez-le au déclencheur spécifique à la page que vous avez précédemment créé. Comme dans mon post précédent, utilisez le mode aperçu et débogage pour vérifier qu'il est déclenché sur la page. Si ce n'est pas le cas, recommencez. Si c'est le cas, publiez vos modifications et testez le schéma dans l'outil de test des données structurées.

Pour ceux d'entre vous qui ont un blog que vous mettez à jour tous les jours, il est possible de dire à Google Tag Manager de le générer dynamiquement ou d'obtenir un plugin pour le faire. Je le recommanderais principalement aux sites qui ont un grand nombre d'articles de blog (tels que des mises à jour quotidiennes).

Trouvez d'autres moyens d'augmenter la visibilité de votre site Web

Si vous avez besoin d'aide pour votre référencement, n'hésitez pas à nous contacter.