Générer un Schéma Breadcrumb

Name: Générer un Schéma Breadcrumb
Author: Kitmul

Générez des données structurées BreadcrumbList en JSON-LD pour le SEO afin d'aider les moteurs de recherche a comprendre la hiérarchie de votre site.

Créez un balisage de données structurées BreadcrumbList en JSON-LD valide pour votre site web avec ce générateur gratuit de schémas breadcrumb. Ajoutez, supprimez et reordonnez les éléments avec un aperçu en direct. Importez des breadcrumbs depuis n'importe quelle URL en divisant automatiquement les segments du chemin. Visualisez un aperçu Google Rich Results montrant comment vos breadcrumbs apparaitront dans les résultats de recherche. Un balisage breadcrumb adequat aide les moteurs de recherche a comprendre la structure de votre site.

Importer depuis une URL

Éléments Breadcrumb

Nom

URL

Nom

URL

Aperçu JSON-LD

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Home",
      "item": "https://example.com/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "Products",
      "item": "https://example.com/products"
    }
  ]
}
</script>

Aperçu Google Rich Results

Home›Products

https://example.com /products

Vos données restent dans votre navigateur

Cet outil vous a-t-il été utile ?

Notez cet outil

Tutoriel

Comment Utiliser le Générateur de Schéma Breadcrumb

Ajoutez des Éléments Breadcrumb

Entrez un nom et une URL pour chaque niveau de la hiérarchie de votre site, en commencant par la page d'accueil.

Reordonnez ou Importez

Utilisez les boutons fleches pour reordonner les éléments ou collez une URL pour générer automatiquement les breadcrumbs.

Vérifiez l'Aperçu

Consultez la sortie JSON-LD et l'aperçu Google Rich Results pour confirmer que tout est correct.

Copiez et Implementez

Copiez la balise script générée et collez-la dans le head ou le body de votre page HTML.

Guide

Guide Complet du Générateur de Schéma Breadcrumb

Qu'est-ce que le Schéma Breadcrumb?

Le schéma breadcrumb est un type de balisage de données structurées utilisant le vocabulaire BreadcrumbList de Schéma.org. Il indique aux moteurs de recherche la structure hiérarchique de votre site web en definissant un chemin de navigation de la page d'accueil à la page actuelle. Lorsqu'il est correctement implémenté; Google et d'autres moteurs de recherche peuvent afficher ces chemins breadcrumb directement dans les résultats de recherche; remplacant l'URL simple par un chemin de navigation plus lisible.

Pourquoi le Schéma Breadcrumb Compte pour le SEO

L'implementation de données structurées breadcrumb est une pratique clé du SEO technique. Bien qu'elle n'influence pas directement le classement; elle amélioré significativement l'apparence de vos résultats de recherche. Les pages avec des résultats enrichis breadcrumb tendent a avoir des taux de clics plus élevés car les utilisateurs peuvent voir exactement ou se trouve une page dans la hiérarchie du site. C'est particulièrement precieux pour les sites e-commerce et les portails de documentation.

JSON-LD vs Microdata pour les Breadcrumbs

Il existe deux formats principaux pour le balisage breadcrumb: JSON-LD et Microdata. Google recommandé JSON-LD car il est plus facile a implementer et a maintenir. JSON-LD se place dans une balise script séparée; gardant votre HTML propre. Microdata nécessité des attributs en ligne sur vos éléments HTML; ce qui est plus difficile a gérer. Ce générateur utilisé exclusivement le format JSON-LD; suivant les meilleures pratiques de Google pour l'implementation des données structurées.

Meilleures Pratiques pour l'Implémentation des Breadcrumbs

Commencez toujours votre chemin breadcrumb avec la page d'accueil comme premier élément. Chaque élément suivant doit représenter une page navigable reelle de votre site. Évitez d'inclure la page actuelle comme lien cliquable; utilisez-la comme dernier élément en texte brut. Gardez les noms breadcrumb concis et descriptifs. Assurez-vous que chaque URL de vos breadcrumbs retourne un code statut 200. Testez votre balisage avec l'outil de test Rich Results de Google après implementation.

Sources

Examples

Exemples Resolus

Exemple: Breadcrumb de Produit E-commerce

Donne: Une page produit de boutique en ligne a https://boutique.com/électronique/téléphones/iphone-15

Étape 1: Ajoutez 'Accueil' avec URL https://boutique.com/

Étape 2: Ajoutez 'Electronique' avec URL https://boutique.com/électronique

Étape 3: Ajoutez 'Téléphones' avec URL https://boutique.com/électronique/téléphones

Étape 4: Ajoutez 'iPhone 15' avec URL https://boutique.com/électronique/téléphones/iphone-15

Résultat: Un schéma JSON-LD BreadcrumbList a 4 niveaux pret a coller dans votre page produit.

Exemple: Breadcrumb de Blog via Import d'URL

Donne: Une URL d'article de blog https://blog.com/tech/tutoriels/guide-react-hooks

Étape 1: Collez l'URL dans le champ Importer depuis une URL et cliquez sur Importer.

Étape 2: L'outil généré automatiquement 4 éléments: Accueil, Tech, Tutoriels, Guide React Hooks.

Étape 3: Vérifiez et modifiez les noms ou URLs des éléments si nécessaire.

Étape 4: Copiez la balise script JSON-LD générée.

Résultat: Schéma breadcrumb généré automatiquement depuis les segments du chemin URL avec capitalisation correcte.

Cas d'utilisation

Utilisations Pratiques

Pages de Produits E-commerce

“Générez des chemins breadcrumb pour les pages de produits montrant le chemin de la page d'accueil à travers les catégories et sous-catégories jusqu'au produit. Cela aide Google a afficher les chemins de navigation dans les résultats de recherche; augmentant les taux de clics.”

Navigation par Catégories de Blog

“Créez des breadcrumbs structures pour les articles de blog organises par catégorie et date. Lorsque les moteurs de recherche affichent ces chemins; les lecteurs peuvent voir la hiérarchie du contenu d'un coup d'oeil; ameliorant l'expérience utilisateur.”

Sites de Documentation

“Construisez des schémas breadcrumb pour la documentation technique avec des sections et sous-sections imbriquées. Un balisage adequat aide les développeurs a identifier rapidement quelle partie de la documentation ils consultent directement depuis les résultats de recherche.”

Sites Web Multilingues

“Générez des schémas breadcrumb séparés pour chaque version linguistique de votre site. Cela garantit que les moteurs de recherche comprennent correctement la hiérarchie du contenu localise; affichant le bon chemin breadcrumb pour les utilisateurs dans différentes langues.”

Questions Fréquemment Posees

?Que sont les données structurées BreadcrumbList?

BreadcrumbList est un type Schéma.org qui décrit le chemin de navigation de la page d'accueil à la page actuelle. Les moteurs de recherche l'utilisent pour afficher les chemins breadcrumb dans les résultats.

?Ce générateur de schéma breadcrumb est-il gratuit?

Oui; cet outil est entièrement gratuit et illimite. Il fonctionne entièrement dans votre navigateur; vous pouvez donc générer autant de schémas breadcrumb que nécessaire.

?Mes données sont-elles privées avec cet outil?

Absolument. Tout le traitément se fait localement dans votre navigateur. Aucune URL ni donnée breadcrumb n'est envoyée à un serveur; garantissant une confidentialité complete.

?Combien d'éléments breadcrumb dois-je inclure?

Incluez au moins 2 éléments pour un schéma valide. La plupart des sites utilisent 3 a 5 niveaux; representant le chemin de la page d'accueil à la page actuelle.

?Ou placer le code JSON-LD généré?

Collez la balise script dans la section head de votre page HTML. Vous pouvez aussi la placer à la fin de la section body; les deux sont valides.

?Le schéma breadcrumb ameliorera-t-il mon classement SEO?

Le schéma breadcrumb n'amélioré pas directement le classement. Cependant; il amélioré l'apparence de vos pages dans les résultats de recherche; ce qui peut augmenter significativement les taux de clics.

?La fonction d'import depuis URL fonctionne-t-elle avec tout site?

La fonction d'import analysé les segments du chemin URL localement. Elle fonctionne avec toute structure URL valide; divisant le chemin en éléments breadcrumb logiques automatiquement.

?Puis-je l'utiliser pour des applications monopage?

Oui. Même pour les SPAs; le schéma breadcrumb aide les moteurs de recherche a comprendre la hiérarchie des pages virtuelles. Ajoutez le JSON-LD dynamiquement lors des changements de route.

Aidez-nous à améliorer

Aimez-vous cet outil ?

Chaque outil Kitmul est construit à partir de vraies demandes d'utilisateurs. Votre note et vos suggestions nous aident à corriger des bugs, ajouter des fonctionnalités manquantes et créer les outils dont vous avez vraiment besoin.

Outils associés

Compteur de Caractères Publicitaires

Comptez les caractères pour les publicités Google/FB.

Essayer l'outil

Générateur d'URL Canonique

Générez des balises d'URL canonique pour éviter le duplicate content.

Essayer l'outil

Créer une Carte de Visite Numérique

Créez et téléchargez une carte de visite numérique avec vCard et QR code.

Essayer l'outil

Lectures Recommandées

Livres Recommandés sur les Données Structurees et le SEO

Boostez vos Compétences

Produits Professionnels pour le Développement Web et le SEO

Key Light - Lumière de Studio Professionnelle 2800 lumens avec Pince de Bureau pour Streaming et Enregistrement

Générer un Schéma Breadcrumb

Éléments Breadcrumb

Aperçu JSON-LD

Aperçu Google Rich Results

Comment Utiliser le Générateur de Schéma Breadcrumb

Ajoutez des Éléments Breadcrumb

Reordonnez ou Importez

Vérifiez l'Aperçu

Copiez et Implementez

Guide Complet du Générateur de Schéma Breadcrumb

Qu'est-ce que le Schéma Breadcrumb?

Pourquoi le Schéma Breadcrumb Compte pour le SEO

JSON-LD vs Microdata pour les Breadcrumbs

Meilleures Pratiques pour l'Implémentation des Breadcrumbs

Exemples Resolus

Exemple: Breadcrumb de Produit E-commerce

Exemple: Breadcrumb de Blog via Import d'URL

Utilisations Pratiques

Pages de Produits E-commerce

Navigation par Catégories de Blog

Sites de Documentation

Sites Web Multilingues

Questions Fréquemment Posees

?Que sont les données structurées BreadcrumbList?

?Ce générateur de schéma breadcrumb est-il gratuit?

?Mes données sont-elles privées avec cet outil?

?Combien d'éléments breadcrumb dois-je inclure?

?Ou placer le code JSON-LD généré?

?Le schéma breadcrumb ameliorera-t-il mon classement SEO?

?La fonction d'import depuis URL fonctionne-t-elle avec tout site?

?Puis-je l'utiliser pour des applications monopage?

Aimez-vous cet outil ?

Outils associés

Compteur de Caractères Publicitaires

Générateur d'URL Canonique

Créer une Carte de Visite Numérique

Livres Recommandés sur les Données Structurees et le SEO

The Art of SEO

SEO for Dummies

3 Months to No.1

Produits Professionnels pour le Développement Web et le SEO

Key Light - Lumière de Studio Professionnelle 2800 lumens avec Pince de Bureau pour Streaming et Enregistrement

MV7+ Microphone Dynamique pour Podcast avec Support - Certifie OBS, Audio Ameliore, Panneau LED, Sorties USB-C et XLR

MX Brio Webcam Ultra HD 4K pour Collaboration et Streaming, 1080p 60 FPS, Fonctionne avec Teams et Zoom

Recevez des Conseils Productivité et les Nouveaux Outils en Premier