Guide d'Implémentation
Apprenez comment ajouter le balisage schema à votre site web et améliorer votre visibilité dans les recherches avec des extraits enrichis.
Démarrage Rapide
- Générez votre schéma : Utilisez notre générateur pour créer un balisage JSON-LD valide
- Copiez le code : Cliquez sur le bouton "Copier le Code" pour copier votre schéma
- Ajoutez à votre page : Collez le code dans la section head de votre HTML
- Testez-le : Utilisez le Test des Résultats Enrichis de Google pour valider
Où Ajouter le Balisage Schema
Le balisage schema doit être ajouté dans une balise script avec type application/ld+json dans le HTML de votre page.
<!DOCTYPE html>
<html>
<head>
<title>My Article</title>
<!-- Add schema markup here -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "Your Article Title",
"author": {
"@type": "Person",
"name": "John Doe"
}
}
</script>
</head>
<body>
...
</body>
</html>Exemples du Monde Réel
Voici des exemples complets et prêts à copier pour les types de schéma courants :
📄 Article de Blog avec Auteur
Parfait pour les articles de blog et le contenu éditorial
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "10 Tips for Better SEO in 2025",
"image": "https://example.com/images/seo-tips.jpg",
"author": {
"@type": "Person",
"name": "Jane Smith",
"url": "https://example.com/authors/jane-smith"
},
"datePublished": "2025-01-15",
"dateModified": "2025-01-20",
"publisher": {
"@type": "Organization",
"name": "Marketing Blog",
"logo": {
"@type": "ImageObject",
"url": "https://example.com/logo.png"
}
},
"description": "Learn the latest SEO strategies to boost your rankings in 2025."
}
</script>🛍️ Produit avec Avis
Produit e-commerce avec prix et évaluations
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Product",
"name": "Wireless Bluetooth Headphones",
"image": "https://example.com/products/headphones.jpg",
"description": "Premium noise-cancelling headphones",
"brand": {
"@type": "Brand",
"name": "AudioTech"
},
"offers": {
"@type": "Offer",
"price": "79.99",
"priceCurrency": "USD",
"availability": "https://schema.org/InStock",
"url": "https://example.com/products/headphones"
},
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.5",
"reviewCount": "127"
}
}
</script>🏪 Commerce Local
Pour les restaurants, magasins et entreprises de services
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Restaurant",
"name": "The Cozy Cafe",
"image": "https://example.com/cafe.jpg",
"address": {
"@type": "PostalAddress",
"streetAddress": "123 Main St",
"addressLocality": "San Francisco",
"addressRegion": "CA",
"postalCode": "94102",
"addressCountry": "US"
},
"telephone": "+1-415-555-0123",
"openingHours": "Mo-Fr 08:00-20:00, Sa-Su 09:00-21:00",
"priceRange": "$$",
"servesCuisine": "American, Coffee",
"acceptsReservations": "true"
}
</script>❓ Schéma FAQ
Pour les pages de questions fréquemment posées
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "What is schema markup?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Schema markup is structured data that helps search engines understand your content and display rich snippets in search results."
}
},
{
"@type": "Question",
"name": "How long does it take to see results?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Rich snippets typically appear within 1-4 weeks after implementation, though results vary."
}
}
]
}
</script>Instructions Spécifiques aux Plateformes
WordPress
Ajoutez le balisage schema aux articles ou pages individuels :
- Utilisez un plugin comme "Insert Headers and Footers"
- Ou ajoutez directement au fichier header.php de votre thème
- Yoast SEO et RankMath supportent également le balisage schema
Shopify
Ajoutez au fichier theme.liquid de votre thème dans la section head.
Next.js / Nuxt / React
Utilisez next/head ou la gestion head de votre framework :
<Head>
<script
type="application/ld+json"
dangerouslySetInnerHTML={ { __html: JSON.stringify(schema) } }
/>
</Head>Google Tag Manager
Créez une balise HTML personnalisée avec votre balisage schema et configurez-la pour se déclencher au chargement de la page.
Tester Votre Schéma
Après avoir implémenté le balisage schema, testez-le pour vous assurer qu'il est valide :
- Test des Résultats Enrichis Google: Vérifiez si votre page est éligible aux résultats enrichis
- Validateur Schema.org: Validez votre syntaxe JSON-LD
Meilleures Pratiques
Gardez-le précis : Assurez-vous que votre schéma correspond au contenu réel de votre page. Un balisage trompeur peut entraîner des pénalités.
Utilisez des types spécifiques : Choisissez le type de schéma le plus spécifique. Utilisez BlogPosting au lieu du générique Article quand c'est approprié.
Incluez les champs recommandés : Bien que seuls les champs requis soient obligatoires, les champs recommandés améliorent l'apparence de votre extrait enrichi.
Testez avant de déployer : Validez toujours votre schéma avec le Test des Résultats Enrichis de Google avant de publier.
Mettez à jour régulièrement : Gardez votre schéma à jour quand le contenu change (prix, dates, disponibilité, etc.).
Dépannage
Le schéma n'apparaît pas dans les résultats de recherche ?
Les extraits enrichis peuvent prendre 1 à 4 semaines pour apparaître après l'implémentation. Google ne garantit pas les résultats enrichis même avec un balisage valide. Assurez-vous que votre page a un contenu de qualité et suit les directives pour webmasters.
Erreurs de validation ?
Vérifiez les champs requis manquants, les URLs invalides (doivent être absolues, pas relatives), les formats de date incorrects (utilisez ISO 8601) et l'échappement correct des guillemets dans JSON.
Plusieurs schémas sur une page ?
Vous pouvez inclure plusieurs types de schéma sur une page en utilisant des balises script avec type application/ld+json séparées ou en les combinant dans un tableau.
Erreurs Courantes à Éviter
N'utilisez pas de schéma pour le contenu caché : Le schéma doit décrire le contenu visible sur la page.
Ne marquez pas le contenu d'autres pages : Chaque schéma ne doit décrire que la page actuelle.
N'utilisez pas d'URLs relatives : Utilisez toujours des URLs complètes avec protocole (https://) pour les champs image, url et autres liens.
Ne falsifiez pas les avis ou évaluations : Marquer des avis ou évaluations qui n'existent pas peut entraîner des pénalités manuelles.
💡 Conseil Pro
Les extraits enrichis n'apparaissent pas immédiatement. Après l'implémentation du balisage schema, cela peut prendre quelques jours à quelques semaines pour que Google explore votre page et affiche les résultats enrichis. Soyez patient et concentrez-vous sur la qualité du contenu !