Ajouter des données structurées à votre site Webflow ?
Vidéo
Pourquoi ajouter des données structurées ?
Ajouter des données structurées à votre site web peut être bénéfique pour plusieurs raisons, l'agence SEO Webflow Gemeos décortique le sujet ci-dessous et vous montre comment faire facilement
1. Aider les moteurs de recherche à comprendre plus facilement le contenu de votre site web
Ce qui peut améliorer votre classement dans les résultats de recherche et augmenter le taux de clics (CTR).
En utilisant des balises de données structurées pour décrire le contenu de votre site web, les moteurs de recherche peuvent fournir des extraits enrichis, des carrousels de produits, des cartes de localisation et d'autres fonctionnalités riches en fonction du type de données que vous fournissez.
De quoi attirer davantage l'attention des utilisateurs. Retrouvez également dans cet article les 9 étapes pour optimiser votre site Webflow pour le SEO
2. Aider les visiteurs de votre site web à trouver plus facilement les informations qu'ils recherchent.
En fournissant des informations organisées et hiérarchisées sur les produits, les événements, les critiques et d'autres types de contenu, vous pouvez aider les visiteurs à trouver rapidement ce qu'ils cherchent sur votre site web.
3. Contribuer à l'optimisation de l'expérience utilisateur.
En fournissant des informations claires et organisées, vous pouvez rendre la navigation sur votre site web plus fluide et plus intuitive pour les visiteurs, ce qui peut améliorer leur expérience globale et augmenter leur engagement avec votre site web.
Cependant, il est important de noter que les rich snippets ne garantissent pas une position élevée dans les résultats de recherche. Ils sont principalement un moyen d'améliorer la présentation des informations dans les résultats de recherche et d'attirer davantage l'attention des utilisateurs. Même si ça permet quelques fois d'atteindre la position 0.
1. Définir et récupérer l'extrait de code à ajouter à votre page
Les rich snippets sont générés à partir de données structurées qui sont incluses sur la page web en utilisant des balises spécifiques. Les moteurs de recherche utilisent des algorithmes pour analyser le contenu de vos pages web et identifier les données structurées.
Ils utilisent ensuite ces données pour générer les extraits enrichis dans les résultats de recherche.
Vous pouvez vous y prendre de 2 façons :
- Utiliser l'outil de google
- Utiliser ChatGPT
L'extrait de code doit ressembler à celui-ci-après
L'utilisation des données structurées dans le blog est l'une des plus communes. N'hésitez pas à copier coller le code ci-dessous pour gagner du temps.
< script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "NewsArticle",
"headline": "Title of a News Article",
"image": [
"https://example.com/photos/1x1/photo.jpg",
"https://example.com/photos/4x3/photo.jpg",
"https://example.com/photos/16x9/photo.jpg"
],
"datePublished": "2015-02-05T08:00:00+08:00",
"dateModified": "2015-02-05T09:20:00+08:00",
"author": [{
"@type": "Person",
"name": "Jane Doe",
"url": "https://example.com/profile/janedoe123"
},{
"@type": "Person",
"name": "John Doe",
"url": "https://example.com/profile/johndoe123"
}]
}
2. Ajoutez le custom code dans la balise <head> de votre page
En ajoutant les balises de données structurées dans la section "head" de votre page, vous assurez que ces informations soient disponibles pour l'ensemble de la page, ce qui permet aux moteurs de recherche de les trouver facilement.
3. Remplacez les éléments avec vos variables
Si vous utilisez des données structurées pour décrire un article de blog, vous pouvez inclure des variables pour remplacer le titre de l'article, la date de publication, le nom de l'auteur et d'autres informations pertinentes pour chaque page de blog. Cela permet de rendre les données structurées plus précises et plus adaptées à chaque page de blog.
Donc n'hésitez pas à variabiliser les données avec les valeurs de votre collection CMS !
3. Publiez votre site et c'est terminé
4. Bonus Tips - Testez si Google les reconnaît bien
Rendez-vous sur le site de test de google pour vérifier que votre page est compatible avec les résultats enrichis.
Copiez/Collez le lien de votre page et tester le résultat
Ajouter des donnes structurées sur webflow - ce qu'il faut retenir
| Étapes clés / Sections | Détails |
|---|---|
| Pourquoi ajouter des données structurées ? | - Facilite la compréhension de votre contenu par les moteurs de recherche, améliore le classement et le taux de clic (CTR), peut générer des rich snippets (ex. : extraits enrichis) - Aide les visiteurs à trouver plus rapidement l’information souhaitée - Améliore l’expérience utilisateur grâce à une présentation claire - Note : l’affichage de rich snippets n’est pas garanti, mais peut entraîner une position zéro |
| Étape 1 : Générer le code JSON‑LD | - Utilise Google ou ChatGPT pour créer un JSON-LD - Exemple : type NewsArticle (titre, image, date, auteur…) |
| Étape 2 : Ajouter le code dans la tête | - Colle le JSON-LD dans la balise |
| Étape 3 : Remplacer avec champs dynamiques | - Pour les pages CMS : remplace les données statiques par les champs Webflow (ex : {{cms-title}}) |
| Étape 4 : Publier le site | - Publie ton site pour activer les données structurées |
| Bonus : Tester avec Google | - Utilise l’outil Rich Results Test pour vérifier l’éligibilité aux rich snippets |
bon à savoir
Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Lorem ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
