La bibliothèque Webflow
Comment ajouter un Schema Markup sur Webflow ?
Améliorez le référencement de votre site Webflow avec facilité en ajoutant un schema markup. Découvrez étape par étape comment enrichir les données structurées de votre site pour une meilleure visibilité dans les résultats de recherche.
Sommaire
Un affichage optimisé dans les résultats de rechercheAmélioration de la SEOComment créer et ajouter le Schema Markup sur une page statique ?Comment créer et ajouter le Schema Markup sur une page template ?Qu'est-ce qu'un schema markup ?
Un schema markup est un langage de balisage qui permet de fournir des informations spécifiques et organisées aux moteurs de recherche.
À quoi sert un schema markup ?
Il aide les moteurs de recherche à comprendre le contenu et le contexte d'une page web de manière plus précise. En d'autres termes, le schema markup offre une structure qui permet aux moteurs de recherche de mieux interpréter le contenu de votre site.
Un affichage optimisé dans les résultats de recherche
Les données structurées permettent aux moteurs de recherche d'afficher des extraits enrichis, tels que des étoiles de notation, des images, des prix, etc., dans les résultats de recherche, attirant ainsi davantage l'attention des utilisateurs.
Exemple d'affichage d'un résultat de recherche à partir d'un site ayant structuré ses informations avec un schema markup :
Ici sous forme de bullet point, certains types de schema markup peuvent activer des fonctionnalités spéciales, comme l'affichage de FAQ, de recettes ou d'événements à venir directement dans les résultats de recherche.
Amélioration de la SEO
Comme toutes les améliorations visant à optimiser et structurer l'information pour les robots des moteurs de recherche, cette technique permet d'améliorer votre référencement.
Ce type de langage est compatible avec des moteurs de recherche comme :
- Bing
- Yahoo
Comment créer et ajouter le Schema Markup sur une page statique ?
J'utilise un outil en ligne gratuit qui permet de générer automatiquement des schemas markup. Une fois paramétré, il ne reste plus qu'à l'intégrer dans la page concernée.
Les étapes à suivre :
- Choisissez le type de page pour lequel vous souhaitez l'utiliser. Il vous proposera alors automatiquement une structure adaptée à votre contenu.
- Remplissez les différents champs du formulaire
- Copiez le contenu
- Collez le contenu dans l'en-tête de votre page <head>
- Validez les modifications
- Publiez la nouvelle version de votre site
Comment créer et ajouter le Schema Markup sur une page template ?
J'utilise le même outil pour générer les schemas markup dans les pages template. La seule différence est que l'on va ajouter des champs dynamiques dans les lignes de code générées.
Les étapes à suivre :
- Choisissez le type de page pour lequel vous souhaitez l'utiliser. Il vous proposera alors automatiquement une structure adaptée à votre contenu.
- Remplissez manuellement les champs du formulaire que vous allez utiliser (peu importe le contenu, il sera modifié ensuite).
- Copiez le contenu.
- Collez le contenu dans l'en-tête de votre page <head>.
- Sélectionnez les parties du code que vous souhaitez rendre dynamique.
- Cliquez sur "Add field" et sélectionnez le champ de votre collection correspondant à la donnée à utiliser.
- Validez les modifications
- Publier la nouvelle version de votre site
Pour recevoir les prochains Webflow Tips
Debug / coaching
1h en visio pour vous aider sur Webflow
Vous avez un site et vous avez des bugs à résoudre.
Vous développez votre site vous même mais vous êtes bloqué à une étape.
Vous souhaitez devenir plus autonome avec Webflow et vous avez des objectifs précis à atteindre.
Prenez rendez-vous directement dans mon Calendly pour une session live
