Données Structurées Webflow : Guide JSON-LD

Vous souhaitez améliorer le référencement naturel de votre site Webflow, notamment pour le SEO local ou les résultats enrichis de Google ? L’intégration de données structurées JSON-LD est une étape incontournable.

Dans cet article, vous découvrirez un guide complet et didactique pour comprendre, générer et intégrer des données structurées sur Webflow en toute simplicité. Ce tutoriel s’appuie notamment sur l’outil gratuit Dentsu Schema Markup Generator.

Qu’est-ce que les Données Structurées (Schema.org) ?

Les données structurées, aussi appelées balisage Schema.org, permettent aux moteurs de recherche de mieux comprendre le contenu d’un site. Elles fournissent des informations précises sur une entreprise, une page ou un produit, directement dans le code HTML, sans être visibles par l’utilisateur.

Exemples d’informations enrichies possibles :

• Nom de l’entreprise
• Adresse, numéro de téléphone
• Liens vers les réseaux sociaux
• Horaires d’ouverture
• Coordonnées géographiques
• Avis clients

Ce balisage favorise l’apparition de résultats enrichis dans les pages de recherche (aussi appelés rich snippets), ce qui peut considérablement améliorer votre visibilité.

Étape 1 : Générer le Code JSON-LD avec l’Outil Dentsu

Pour générer facilement du balisage JSON-LD, vous pouvez utiliser l’outil gratuit Schema Markup Generator proposé par Dentsu.

Procédure :

1. Accédez à l’outil en ligne : technicalseo.com/tools/schema-markup-generator
2. Choisissez le type de balisage : "Organization" ou "LocalBusiness"
3. Remplissez les champs suivants :
   • Nom de l’entreprise
   • URL du site Web
   • URL du logo hébergé sur Webflow
   • Réseaux sociaux (Facebook, LinkedIn, Instagram, TikTok…)
   • Adresse postale complète
   • Horaires d’ouverture
   • Coordonnées GPS (latitude et longitude)

L’outil génère automatiquement un script JSON-LD que vous pouvez copier.

Étape 2 : Intégrer le Script JSON-LD dans Webflow

Une fois le code JSON-LD généré, il faut l’intégrer à votre projet Webflow.

Accès aux paramètres :

1. Connectez-vous à votre compte Webflow
2. Accédez à votre projet
3. Cliquez sur "Settings" du site concerné
4. Rendez-vous dans l’onglet Custom Code

Intégration du code :

Dans la section "Before </body> tag", collez le script JSON-LD obtenu.

html :

<script type="application/ld+json">
{
 "@context": "https://schema.org",
 "@type": "Corporation",
 "name": "Agence Utopia",
 "alternateName": "Utopia",
 "image": "https://cdn.website.com/logo.svg",
 "url": "https://www.theutopia.fr/",
 "address": {
   "@type": "PostalAddress",
   "streetAddress": "93 Bd de Sébastopol",
   "addressLocality": "Paris",
   "postalCode": "75002",
   "addressCountry": "FR"
 },
 "geo": {
   "@type": "GeoCoordinates",
   "latitude": "48.8654908",
   "longitude": "2.3518968"
 },
 "openingHoursSpecification": [
   {
     "@type": "OpeningHoursSpecification",
     "dayOfWeek": [
       "Monday", "Tuesday", "Wednesday", "Thursday", "Friday"
     ],
     "opens": "09:00",
     "closes": "18:00"
   }
 ],
 "sameAs": [
   "https://www.facebook.com/agence.utopia",
   "https://www.instagram.com/agence.utopia",
   "https://www.linkedin.com/company/theutopia/",
   "https://www.tiktok.com/@agence.utopia"
 ]
}
</script>

Enregistrez les modifications et publiez votre site pour rendre les données actives.

Étape 3 : Valider les Données Structurées

Une fois votre site publié, il est crucial de vérifier que le balisage a été correctement compris par Google.

Outils à utiliser :

• Schema Markup Validator : validator.schema.org
• Rich Results Test de Google : search.google.com/test/rich-results

Collez l’URL de votre page Webflow, lancez l’analyse, puis corrigez toute erreur éventuelle. Ces étapes garantissent la bonne prise en compte de vos données structurées.

Étape 4 : Optimisation SEO GEO et Local Business

Pour aller plus loin dans le référencement local, voici quelques bonnes pratiques complémentaires :

• Créez des pages spécifiques par localisation (ex. : Paris, Lyon, Marseille)
• Intégrez un balisage JSON-LD personnalisé pour chaque ville
• Incitez vos clients à laisser des avis sur Google
• Publiez régulièrement des posts sur Google Business Profile
• Utilisez des mots-clés locaux dans vos titres et balises H1

Étape 5 : Ajouter des Données Structurées pour une FAQ

Les FAQ permettent d’enrichir vos pages et de capter davantage de trafic. Pour exploiter leur plein potentiel, ajoutez des données structurées spécifiques au format FAQPage.

Exemple de JSON-LD pour FAQ :

html :

<script type="application/ld+json">
{
 "@context": "https://schema.org",
 "@type": "FAQPage",
 "mainEntity": [
   {
     "@type": "Question",
     "name": "C'est quoi une agence TikTok ?",
     "acceptedAnswer": {
       "@type": "Answer",
       "text": "Une agence TikTok est un partenaire pour les entreprises souhaitant se développer via TikTok. Elle met en place une stratégie éditoriale, du contenu adapté, et des campagnes publicitaires ou d'influence."
     }
   },
   {
     "@type": "Question",
     "name": "Comment percer sur TikTok ?",
     "acceptedAnswer": {
       "@type": "Answer",
       "text": "Pour percer sur TikTok, il faut créer du contenu créatif, publier régulièrement, utiliser les tendances et collaborer avec des créateurs influents."
     }
   }
 ]
}
</script>

Intégration dans Webflow :

1. Retournez dans les paramètres de votre projet
2. Collez le script dans la section "Before </body> tag"
3. Publiez les modifications

Google pourra désormais lire et afficher automatiquement vos questions/réponses en résultats enrichis.

Conclusion

L’intégration de données structurées sur Webflow permet d’améliorer significativement votre visibilité dans les moteurs de recherche, d’optimiser votre SEO local et d’augmenter vos chances d’apparaître dans les résultats enrichis.

En suivant ce guide, vous maîtrisez les bases pour générer, intégrer et valider vos balisages JSON-LD. Vous pouvez aussi aller plus loin avec des balisages spécifiques pour les entreprises locales, les FAQ, ou encore les produits.

Vous avez besoin d'une agence webflow ? Contactez notre équipe.