Comment ajouter un rich snippet Article (Schema.org) dans Webflow ?

Le balisage Schema.org Article indique à Google et aux moteurs IA que votre page est un article de blog ou un guide. Il améliore la compréhension de votre contenu, favorise son indexation précise et augmente vos chances d'être cité dans les réponses IA. Sandro, cofondateur de l'agence Gemeos, vous montre comment l'implémenter dynamiquement dans Webflow CMS.

Prérequis

• Un site Webflow avec une collection CMS pour les articles
• Accès aux paramètres de page du template CMS
• Les champs CMS suivants renseignés : titre, description, date de publication, auteur, image principale

1. Ouvrez le template de votre collection CMS

Dans le Designer Webflow, naviguez jusqu'au template de votre collection d'articles (ex : "Blog Post Template"). Ouvrez les paramètres de la page via l'icône engrenage. Faites défiler jusqu'à "Custom Code".

2. Créez le script JSON-LD avec les variables CMS

Collez le script suivant dans le champ "Before </body> tag". Les variables entre doubles accolades sont à remplacer par vos champs CMS Webflow via l'interface d'embed.

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BlogPosting",
  "headline": "{{Titre de l'article}}",
  "description": "{{Meta description}}",
  "image": "{{URL image principale}}",
  "author": {
    "@type": "Person",
    "name": "{{Nom de l'auteur}}"
  },
  "publisher": {
    "@type": "Organization",
    "name": "Gemeos",
    "logo": {
      "@type": "ImageObject",
      "url": "https://gemeos.wf/logo.png"
    }
  },
  "datePublished": "{{Date de publication}}",
  "dateModified": "{{Date de mise à jour}}"
}
script>

3. Liez les variables CMS dans un élément Embed

Ajoutez un élément "HTML Embed" dans votre template CMS (hors du Rich Text). Collez le script JSON-LD. Sélectionnez chaque valeur entre guillemets et utilisez le bouton "Add Field" pour la remplacer par le champ CMS correspondant. Webflow injectera automatiquement les valeurs dynamiques à chaque article.

4. Vérifiez et soumettez

Publiez votre site. Testez une URL d'article dans le Rich Results Test. Vérifiez que tous les champs sont bien renseignés. Soumettez via Search Console.

Conclusion

Le balisage Article/BlogPosting est un incontournable pour tout site de contenu sérieux. Il améliore la compréhension de vos articles par Google et augmente leur chance d'être cités par les LLMs.

• Cas d'usage 1 : blog d'agence avec articles techniques, pour renforcer l'autorité thématique
• Cas d'usage 2 : site SaaS avec base de connaissances, pour capter les requêtes longue traîne
• Cas d'usage 3 : site de conseil avec guides sectoriels, pour apparaître dans les réponses IA sur votre niche