Maison  >  Article  >  interface Web  >  Présentation des microdonnées en HTML5 et exemples de leur utilisation dans les moteurs de recherche_html5 compétences du didacticiel

Présentation des microdonnées en HTML5 et exemples de leur utilisation dans les moteurs de recherche_html5 compétences du didacticiel

WBOY
WBOYoriginal
2016-05-16 15:49:481639parcourir

Je fais de l'optimisation de sites Web depuis près d'un mois et j'ai une certaine compréhension de la technologie générale du référencement. J'ai commencé à utiliser les outils pour les webmasters de Google il y a quelques jours et j'ai trouvé parmi eux de nombreux contenus qui ne figuraient pas dans les outils pour les webmasters de Baidu. , "Données structurées" "Cet élément apparaît dans la colonne "Optimisation". Est-il envisageable que ces données structurées soient une méthode d'optimisation pour la recherche Google ? Ajoutez votre propre site Entrez dans cette page et constatez qu'elle indique qu'aucune donnée structurée n'a été détectée sur mon site Web, mais comment pouvons-nous, novices en optimisation de sites Web, comprendre un tel mot qui manque de concepts ?
En entrant sur la page « Aide » de Google, Google a mentionné « Extraits Web riches (microdonnées, microformats, RDFa et surligneur de données) », parmi lesquels les microdonnées sont la méthode d'optimisation recommandée par Google, et ces microdonnées sont désormais Rookie HTML5 ajoute de nouvelles fonctionnalités à améliorer la sémantique des pages Web, dans le but de créer un Web basé sur les données et plus précieux pour les programmes et les utilisateurs.

La spécification des microdonnées HTML5 est un moyen de baliser le contenu pour décrire des types d'informations spécifiques, tels que des commentaires, des informations sur une personne ou une activité. Chaque type d'informations décrit un type d'élément spécifique, tel qu'une personne, une activité ou un avis. Par exemple, un événement peut contenir des attributs de lieu, d’heure de début, de nom et de catégorie.

Les microdonnées utilisent des attributs simples dans des balises HTML (souvent ou

) pour donner aux éléments et aux propriétés des noms brefs et descriptifs. L'exemple suivant est un court bloc de texte HTML qui affiche les informations de contact de base de Bob Smith.

Copier le code
Le code est le suivant :

>Mon Je m'appelle Wang XX, mais tout le monde m'appelle wungking. Ma page d'accueil est :
www.jb51.net
J'habite à Wuhan. Je suis programmeur et je travaille actuellement chez Fifth Dynamics.


Voici le même contenu HTML étiqueté avec des microdonnées.


Copier le codeLe code est le suivant :

Je m'appelle 王XX
Mais tout le monde m'appelle wungking.
Ma page d'accueil est :

J'habite à Wuhan . Je suis Programmeur
Je travaille actuellement chez Fifth Dynamics.


Cet exemple est détaillé ci-dessous.
1. Dans la première ligne, itemscope indique que le contenu de
itemtype="http://data-vocabulary.org/Person" indique que l'élément est une personne
2. Chaque attribut de l'élément personne est identifié par l'attribut itemprop. Par exemple, itemprop="name" décrit. le nom de la personne.

Une simple introduction à l'utilisation, jetez un œil à l'effet, car ce type de balisage n'aura pas d'effet différent sur la page Web (pour les utilisateurs), voici donc l'effet de l'outil de test de Google :
Ceci est le résultat du test des données structurées sur ma page d'accueil. Le titre de l'image après l'élément ci-dessous est ajouté à l'élément correspondant dans la page. Lorsque Google explore votre page, il utilise ce balisage structuré. Pour obtenir rapidement les informations les plus efficaces. Quant à savoir si cela a un effet sur le classement du site Web, nous ne pouvons pas encore le tester. Nous ne pouvons que l'optimiser d'abord pour voir l'effet.

Voyant cela, les webmasters sont très. intéressé. Que diriez-vous d'optimiser votre propre site ? Parce qu'il n'y a pas de balise officielle définie lors de la définition du type itemprop, seules certaines valeurs d'attribut pour certaines industries sont fournies, nous devrions donc attendre son amélioration ici !
Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn