Qu'est-ce que JSON-LD ?

JSON-LD (JavaScript Object Notation for Linked Data) est le format de schéma préféré par Google. Il se trouve dans une balise <script> et indique aux moteurs de recherche exactement de quoi traite votre contenu.

Cet outil valide-t-il mon schéma ?

Cet outil se concentre sur la visualisation , c'est-à-dire comment cela se présente pour un humain. Bien qu'il analyse JSON et vérifie les erreurs de base, nous vous recommandons d'utiliser le Test des résultats enrichis officiel de Google pour une validation de conformité stricte.

Puis-je l'utiliser pour d'autres types de schémas ?

Actuellement, ce visualiseur est optimisé pour les schémas HowTo et Recipe car ils possèdent les éléments visuels les plus complexes (étapes, carrousels, fournitures). D'autres types comme 'Article' peuvent ne pas afficher d'aperçu de carte riche spécifique ici.

Pourquoi mon image ne s'affiche-t-elle pas ?

Assurez-vous que les URL de vos images sont accessibles au public et utilisez des chemins absolus (par exemple, https://example.com/image.jpg ). Les chemins relatifs ne s'afficheront pas dans cet outil externe.

Visualiseur de Schéma How-To

Visualisez comment votre schéma JSON-LD How-To & Recette apparaît dans la recherche Google.

Code JSON-LD

Lignes : 1Taille : 0.00 KB

Entrez un JSON-LD valide pour voir l'aperçu

Visualisez vos données structurées How-To et Recipe

Le Prévisualiseur en direct du schéma How-To de Coders Kit est un outil de référencement axé sur les développeurs, conçu pour vous aider à visualiser l'apparence de vos Données Structurées JSON-LD dans les résultats de recherche Google. Les résultats enrichis (ou "Rich Snippets") pour les guides How-To et les Recettes peuvent augmenter considérablement votre taux de clics (CTR), et cet outil garantit qu'ils sont parfaits avant de les publier.

Pourquoi utiliser l'outil de prévisualisation de schéma How-To ?

Prévisualisation en direct instantanée

Collez votre code JSON-LD et voyez immédiatement une représentation visuelle qui imite les résultats de recherche mobile de Google, y compris la riche carte, les notes et le carrousel étape par étape.

Prise en charge des recettes et des tutoriels

Nous prenons spécifiquement en charge les structures complexes de Schema.org/HowTo (pour le bricolage, les tutoriels) et de Schema.org/Recipe (pour les blogs culinaires), affichant correctement les ingrédients, les temps et les instructions.

Mode d'affichage double

Passez de l'Aperçu visuel pour vérifier l'esthétique à la Vue de la structure pour déboguer facilement votre hiérarchie d'objets JSON et détecter les erreurs de syntaxe.

Confidentialité 100% côté client

Votre code de schéma complexe est traité entièrement dans votre navigateur à l'aide de JavaScript. Nous ne stockons ni ne transmettons jamais vos données structurées à un serveur.

Bonnes pratiques pour les extraits enrichis

Les images sont essentielles : Incluez toujours des images de haute qualité pour chaque étape (HowToStep) afin de capter l'attention des utilisateurs dans les carrousels SERPs.
Durée précise : Utilisez les formats de durée standard ISO 8601 (par exemple, PT45M pour 45 minutes) pour vous assurer que Google affiche correctement l'heure.
Étapes concises : Gardez vos titres et descriptions d'étapes percutants. Les utilisateurs qui parcourent les résultats de recherche veulent des réponses rapides.
JSON-LD valide : Assurez-vous que votre code est un JSON syntaxiquement correct. Utilisez notre formateur JSON standard si vous devez corriger des erreurs de virgule ou de crochet avant de prévisualiser.

Foire Aux Questions (FAQ)

Qu'est-ce que JSON-LD ?: JSON-LD (JavaScript Object Notation for Linked Data) est le format de schéma préféré par Google. Il se trouve dans une balise <script> et indique aux moteurs de recherche exactement de quoi traite votre contenu.
Cet outil valide-t-il mon schéma ?: Cet outil se concentre sur la visualisation, c'est-à-dire comment cela se présente pour un humain. Bien qu'il analyse JSON et vérifie les erreurs de base, nous vous recommandons d'utiliser le Test des résultats enrichis officiel de Google pour une validation de conformité stricte.
Puis-je l'utiliser pour d'autres types de schémas ?: Actuellement, ce visualiseur est optimisé pour les schémas HowTo et Recipe car ils possèdent les éléments visuels les plus complexes (étapes, carrousels, fournitures). D'autres types comme 'Article' peuvent ne pas afficher d'aperçu de carte riche spécifique ici.
Pourquoi mon image ne s'affiche-t-elle pas ?: Assurez-vous que les URL de vos images sont accessibles au public et utilisez des chemins absolus (par exemple, https://example.com/image.jpg). Les chemins relatifs ne s'afficheront pas dans cet outil externe.