Définition des vocabulaires personnalisés en utilisant le balisage HTML5 Schema.org.

La balise Schema.org aide les moteurs de recherche à comprendre le format de données structuré du contenu de la page Web via des balises sémantiques (telles que la portée de l'élément, le type d'élément, ItemProp); Il peut être utilisé pour définir le vocabulaire personnalisé, les méthodes incluent l'extension des types existants ou l'introduction de nouveaux types à l'aide d'un Type supplémentaire; Dans les applications réelles, en gardant la structure claire, en priorisant l'utilisation des attributs officiels, en testant la validité du code et en garantissant que les types personnalisés sont accessibles; Les précautions comprennent l'acceptation de soutien partiel, d'éviter les erreurs d'orthographe et de choisir un format approprié tel que JSON-LD.

Définir un vocabulaire personnalisé dans une page Web, l'utilisation de HTML5 combinée avec des balises de données structurées schema.org est un moyen pratique et efficace. Il aide non seulement les moteurs de recherche à mieux comprendre le contenu de votre site Web, mais aussi améliore les résultats du référencement et affecte même le format d'affichage dans les résultats de recherche. La clé est de savoir comment appliquer correctement les balises sémantiques de schema.org pour exprimer les informations que vous souhaitez souligner.

Quelle est la balise schema.org?

Schema.org est un projet lancé conjointement par Google, Microsoft, Yahoo, etc., visant à fournir un format de données structuré unifié pour les pages Web. Il indique aux moteurs de recherche quel type de contenu un élément de page représente en ajoutant des balises sémantiques spécifiques (telles que itemscope , itemtype , itemprop ).

Par exemple, si vous avez un site Web de révision du film, vous pouvez utiliser <div itemscope itemtype="http://schema.org/Movie"> pour marquer une information sur le film et spécifier le titre, le réalisateur, la notation, etc. via <code>itemprop .

Comment définir un vocabulaire personnalisé?

Alors que Schema.org fournit un grand nombre de types prédéfinis (tels que des articles, des produits, des événements), ce que vous devez exprimer peut ne pas être dans la liste standard. Pour le moment, vous pouvez introduire un vocabulaire personnalisé en étendant les types existants ou en utilisant additionalType .

Par exemple, supposons que vous fassiez un site Web sur "l'artisanat" et que vous souhaitez définir une sous-classe de "tasses en céramique":

 <div itemcope itemtype = "http://schema.org/product">
  <lien itemprop = "supplémentaire" href = "https://yourdomain.com/vocab/ceramiccup" />
  <h1 itemprop = "name"> tasse en porcelaine bleu et blanc </h1>
  <span itemprop = "Description"> Coupe en céramique de style traditionnel dessiné à la main </span>
</div>

De cette façon, les moteurs de recherche peuvent savoir qu'il s'agit d'un «produit» spécial et peut fournir une compréhension et une indexation plus précises en fonction des informations supplémentaires que vous fournissez.

Plusieurs suggestions dans les applications pratiques

• Gardez la structure claire : chaque étendue de l'élément correspond à une entité pour éviter d'être trop profondément imbriquée.
• La priorité est donnée à l'utilisation d'attributs officiellement pris en charge : s'il existe déjà des attributs standard qui peuvent répondre aux besoins, ne les personnalisez pas facilement.
• Les outils de test sont importants : vous pouvez utiliser le test de résultats riches de Google ou l'outil de test de données structuré pour vérifier si vous l'avez écrit correctement.
• Les types personnalisés doivent être accessibles : si vous utilisez additionalType , il est préférable de fournir des explications sur l'URL correspondante pour faciliter l'identification du robot.

Notes et FAQ

• Peu importe si vous n'êtes pas entièrement pris en charge par les moteurs de recherche : même si certains mots personnalisés n'ont aucun effet évident pour le moment, ils peuvent être utilisés à l'avenir.
• Évitez la fausse orthographe : les fautes de frappe comme itempro invalideront toute la structure.
• Microdata vs JSON-LD : Bien que nous parlons de l'écriture de microdata HTML5, il est désormais plus recommandé d'utiliser JSON-LD, en particulier dans les cadres frontaux tels que React et Vue, qui sont plus faciles à gérer.

Fondamentalement, c'est tout. La clé pour faire bon usage de schema.org est de comprendre la structure de contenu que vous souhaitez décrire et de choisir raisonnablement la combinaison des normes et des types de personnalité. Pas compliqué, mais les détails sont faciles à ignorer.