SEO

Ajouter des données structurées à votre site Webflow ?

outils :
Illustration croce

Sommaire

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 :

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

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.

Page de résultats Google avec des données structurées
Exemple de données structurées - Recettes

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 :

  1. Utiliser l'outil de google
  2. Utiliser ChatGPT

L'extrait de code doit ressembler à celui-ci-après

Exemple de données structurées  son blog pour
Exemple du code à ajouter pour un article de blog

L'utilisation des données structurées dans le blog est l'une des plus communes. N'hésitez pas à copier coller le code cu-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"
      }]
    }
</script>

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 !

Ajouter variable données structurées - Webflow

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

Screen Test Rich Snippet Webflow
Ces tutoriels pourraient vous intéresser

Nos tutoriels de la même catégorie

Comment faire du SEO Local dans Webflow

Webflow
Embed
SEO
Voir tous nos tutoriels
Illustration traits
Nous utilisons les meilleurs outils

Votre site est développé avec les meilleurs outils et les meilleurs pratiques

Gemeos ne vous propose pas simplement un site web, mais une expertise sur les meilleurs outils pour vous garantir un retour sur investissement optimal. 

Figma

Pour designer votre site web sur mesure et optimiser son taux de conversion

Webflow

Pour une intégration pixel perfect et optimisée de votre site web

Client-first

Pour une organisation aux petits oignons de votre projet

Wized

Pour ajouter des fonctionnalités avancées à votre projet

Make

Pour automatiser vos fluxs de travail et vous faire gagner un max de temps