Comment ajouter un balisage de schéma à votre site avec Google Tag Manager

Publié: 2021-07-19

Si vous rencontrez des difficultés pour ajouter un balisage de schéma à votre site via votre CMS, utilisez plutôt Google Tag Manager - c'est sans tracas et ne nécessite aucune connaissance préalable en codage.

Récemment, j'ai voulu ajouter Schema Markup au site Web d'un client, mais j'ai rencontré un problème : leur site est construit sur une ancienne version de WordPress et utilise un ancien plugin SEO qui ne prend pas en charge le schéma.

Ne voulant pas annuler tout le travail de référencement sur le site, je ne voulais pas supprimer le plugin et en ajouter un nouveau, au cas où des données précieuses seraient perdues et que leur classement en serait affecté. De plus, je n'ai pas trouvé de plugin de schéma qui fonctionnerait sur leur site.

Trouvez la réponse à tous mes problèmes, et peut-être mon outil préféré : Google Tag Manager. Avec un peu de recherche et pas besoin de contacter le service informatique, le travail a été fait en 10 minutes environ !

Revenons en arrière une seconde, car vous vous demandez peut-être "qu'est-ce que le balisage de schéma ?" et « qu'est-ce que le gestionnaire de balises » ? Je vais brièvement vous donner un aperçu de ce que c'est, puis vous montrer comment ajouter un schéma à votre site avec Google Tag Manager. C'est étonnamment très simple même si cela semble difficile, alors soyez indulgents avec moi.

Qu'est-ce que le balisage de schéma ?

Développé à l'origine lorsque les principaux moteurs de recherche du monde ont collaboré pour créer un moyen simple et complet de catégoriser et d'afficher des informations sur différents sites Web, le balisage de schéma ajoute des données structurées à un site.

Les données structurées sont des informations écrites et formatées de manière à être universellement comprises par les moteurs de recherche.

Avoir un schéma sur votre site Web devient de plus en plus important de nos jours, car il est utilisé par les moteurs de recherche pour comprendre facilement votre site Web afin d'afficher des informations vous concernant dans les pages de résultats des moteurs de recherche. Cela inclut des informations telles que les détails de l'organisation, des critiques d'autres sources et des articles.

Les moteurs de recherche en dépendent de plus en plus pour comprendre les pages : l'époque du code désordonné est révolue. C'est un aspect du référencement technique qui est très simple à mettre en œuvre et qui est nécessaire pour que vous soyez compétitif dans les moteurs de recherche.

Il existe une multitude de types de balisage de schéma. Dans cet article, je vais me concentrer sur "Organisation" - des données structurées qui décrivent votre entreprise aux moteurs de recherche (nom, adresse, coordonnées, etc.) et sont très utiles pour le référencement local.

Qu'est-ce que le gestionnaire de balises ?

Google Tag Manager (GTM) est un outil gratuit fourni par Google qui permet aux webmasters et aux spécialistes du marketing d'ajouter et de mettre à jour facilement des balises de site Web. En d'autres termes, il vous permet d'ajouter des extraits de code au site, sans avoir à modifier le code sur le site. Il existe de nombreuses façons d'utiliser GTM, mais la plupart des entreprises l'utilisent pour le suivi des événements, afin de mesurer le succès de leur stratégie de marketing numérique. Pour une explication plus approfondie de GTM, consultez notre article de blog d'introduction.

Voici les composants de base de Google Tag Manager :

  • La couche de données : une sorte de base de données qui stocke toutes les informations que vous souhaitez enregistrer sur la façon dont les utilisateurs se comportent sur votre site et comment ils interagissent avec votre contenu. Ces données sont ensuite envoyées à Google Analytics via GTM, ce qui signifie que vous pouvez ensuite voir ce comportement dans Analytics.
  • Le Conteneur : il s'agit essentiellement de l'élément qui « contient » votre ensemble de macros, règles et balises.
  • Balises : une balise est un code HTML qui se déclenche sur une page lorsque cette page est consultée par un utilisateur.
  • Déclencheurs : il s'agit essentiellement de la règle que vous créez qui spécifie quand une balise doit être déclenchée sur un site Web (par exemple, lorsqu'une page spécifique est consultée ou qu'un bouton est enfoncé).
  • Macros – Un ensemble prédéfini de conditions qui permettent l'exécution des règles.

Voici le propre guide de Google sur la façon de créer votre compte GTM et de configurer votre premier conteneur.

Ajoutez maintenant un balisage de schéma à votre site à l'aide de Tag Manager

Donc, maintenant que vous comprenez les bases et que votre compte de gestionnaire de balises est configuré avec son conteneur, voici comment ajouter un balisage de schéma à votre site via GTM.

  • Créer le schéma
    Tout d'abord : ce qui suit est un exemple de code de schéma d'organisation. Copiez l'exemple contenant les informations Hallam, collez-le dans le bloc-notes et remplacez simplement les informations de l'entreprise par les informations de votre propre entreprise.

<type de script="application/ld+json">
{ « @contexte » : « http://schema.org »
« @type » : « Organisation »,
« nom » : « Hallam »,
« url » : « https://www.hallaminternet.com/ »,
« logo » : » https://www.hallaminternet.com/assets/google-tag-manager-logo-300×135.jpg »,
« date de fondation » : « »,
« fondateurs » : [
{
"@type": "Personne",
« nom » : « Susan Hallam »
},
{
"@type": "Personne",
"Nom": ""
} ],
"adresse": {
"@type": "Adresse Postale",
« streetAddress » : « La tour de l'horloge, rue Talbot »,
« adresseLocalité » : « Nottingham »,
« code postal » : « NG1 5GG »,
« adressePays » : « Royaume-Uni »
},
"point de contact": {
« @type » : « Point de contact »,
« type de contact » : « support client »,
« téléphone » : « [+440115-948-0123] »,
« e-mail » : « [email protected] »
},
"pareil que": [
"https://www.facebook.com/HallamInternet/"
"https://twitter.com/HallamInternet",
« https://www.linkedin.com/company/hallaminternet »,
"https://plus.google.com/+Hallaminternet"
]}
</script>

  • Créer le déclencheur et le tag dans GTM

Une fois connecté à votre compte Tag Manager :

1. Sélectionnez le conteneur auquel vous souhaitez apporter des modifications.

2. Créez une nouvelle balise à laquelle ajouter le schéma.

3. Cliquez pour ajouter un déclencheur : créez un nouveau déclencheur défini sur « vue de page » puis « toutes les vues de page ».

4. Revenez à votre tableau de bord et procédez comme suit :

schema-markup-gif

5. Une fois que vous avez cliqué sur le mode aperçu et débogage (qui est là pour vérifier que les modifications fonctionnent avant de les mettre en ligne sur le site), chargez votre site Web et en bas de la page, une boîte vous indiquera si ou votre balise n'a pas fonctionné. Si ce n'est pas le cas, revenez à chaque étape et vérifiez que vous avez correctement configuré la balise. Si cela a fonctionné, allez-y et publiez-le !

6. Une fois publié, accédez à l'outil de test structuré de Google, ajoutez l'URL de votre site Web et il vous dira si le schéma fonctionne sur le site dans le panneau de résultats. Et voilà, vous avez terminé !

Si vous avez besoin d'aide avec votre n'hésitez pas à nous contacter.