MicroData : Toujours plus d’information

0

On ne parle pas de Micro Data sans parler de HTML5. A l’initiative des moteurs les plus utilisés dans le monde (Yahoo, Bing, Yandex et Google), les microdatas sont des attributs permettant de définir des types d’identification à des variables données : schema.org en fait une liste exhaustive. Toutes ces Micro-Datas ne sont pas utiles pour votre site. Voici celle que j’utilise régulièrement car je les trouve intéressantes :

<html>

<head>

<title>Titre de l’article | Nom de la Marque</title>

<meta http-equiv= »Content-Type » content= »text/html; charset=utf-8″>

<meta name= »title » content= »Titre de l’article | Nom de la Marque  » />

<meta name= »description » content= »chapô » />

<meta name= »robots » content= »index,follow,archive » />

<meta name= »news_keywords » content= » » />

<meta name= »author » content= » » />

<meta name= »copyright » content= » » />

<meta name= »DC.language » content= »fr »>

<meta name= »DC.format » content= »text/html »>

<meta name= »DC.publisher » content= »Nom de la Marque »>

<meta property= »fb:app_id » content= » » />

<meta property= »og:site_name » content= »Nom de la Marque » />

<meta property= »og:type » content= »article » />

<meta property= »og:title » content= »Titre de l’article » />

<meta property= »og:description » content= »chapô » />

<meta property= »og:url » content= »url de cette page » />

<meta property= »og:image » content= »url de l’image mise en avant » />

<meta property= »og:count » content= » » />

<meta property= »dc:title » content= »Titre de l’article » />

<meta name= »twitter:card » value= »summary »>

<meta name= »twitter:site » value= »@Nom de la Marque »>

<meta name= »twitter:creator » value= »@Nom de la Marque »>

<meta name= »twitter:url » value= » »> <meta name= »twitter:title » value= » »>

<meta name= »twitter:description » content= » »>

<meta name= »twitter:image » content= » »>

</head>

 

<body>

<!– Dossiers –>

<ul class= »dossiers »>

<li itemprop= »breadcrumb »>

<a class= » » href= »/ »>Home</a> >

<a class= » » href= »/Categorie 1″>Catégorie 1</a> >

<a class= » » href= »/Catégorie 1/Catégorie 2″>Catégorie 2</a> </li> </ul>

 

<!– Top Container_article –>

<article class= » » itemprop= »mainContentOfPage » itemtype= »http://schema.org/Article » itemscope= » »>

<h1 itemprop= »headline »>Titre de la page</h1>

<p><span id= »publisher » itemprop= »Publisher » data-source= »Marque »>Marque</span>

| Publié le <time datetime= »2013-10-30T10:29:20+01:00″itemprop= »datePublished »>30.10.2013 &agrave; 10h29</time>

| Mis à jour le <time datetime= »2013-10-30T14:37:45+01:00″itemprop= »dateModified »>30.10.2013 &agrave; 14h37</time>

| <span class= »signature_article »>Par <span itemprop= »author » target= »_blank » href= » »>Nom de l’Auteur</a></span>

 

<!– Illustration de l’article –> <div itemtype= »http://schema.org/ImageObject » itemprop= »primaryImageOfPage » itemscope= » »>

<figure class= » »>

<img itemprop= »contentURL » alt= » » src= » »>

<figcaption class= » » itemprop= »description »>

<p>Légende de l’illustration</p> </figcaption> </figure> </div>

 

<!– Chapo de l’article –>

<h2 itemprop= »description »>le chapo de l’article</h2>

 

<!– Contenu de l’article –>

<div class= » » itemprop= »articleBody »>

<p>contenu paragraphe 1</p>

<h3>INTER</h3>

<p>contenu paragraphe 2</p>

</div>

 

<!– Signature de l’article –>

<div id= »authorpic »>

<img width= » » height= » » src= »url de la photo du Journaliste »></div>

<div class= »signature » itemprop= »author »>

<strong>A propos de l’auteur :</strong>

<a href= »url fiche Journaliste » rel= »author »>Nom de l’auteur</a>

<img src= » » alt= » » itemprop= »image »></img>

| <span itemprop= »jobTitle »>Journaliste</span>

| <span itemprop= »email »>email@author.fr</span>

<meta itemprop= »interactionCount » content= »UserTweets:1203″/>

<meta itemprop= »interactionCount » content= »UserComments:78″/>

<a title= »Voir son profil Google+ » target= »_blank » rel= »author me » href= » »>

<img width= » » height= » » alt= »Nom de l’auteur sur Google+ » src= » »></a>

<a title= »Voir son compte Twitter » target= »_blank » rel= »me » href= » »><img width= » » height= » » alt= »Nom de l’auteur sur Twitter » src= » »></a>

<a title= »Voir son compte Facebook » target= »_blank » rel= »me » href= » »>

<img width= » » height= » » alt= »Nom de l’auteur sur Facebook » src= » »></a>

<a title= »Voir son compte LinkedIn » target= »_blank » rel= »me » href= » »><img width= » » height= » » alt= »Nom de l’auteur sur LinkedIn » src= » »></a></p></div>

<a href= »http://www.com » itemprop= »url »>Retrouvez tous les articles de Nom de l’auteur</a> </div> </article>

 

<!– Commentaires –>

<!– Commentaires : tous–>

<meta content= »UserComments:3″ itemprop= »interactionCount »>

<div itemscope itemtype= »http://schema.org/Review »>

<span itemprop= »itemreviewed »>Titre de l’article</span>

 

<!– Imbrication d’un item –>

<span itemprop= »rating » itemscope itemtype= »http://data-vocabulary.org/Rating »>

L’article a été noté :

<span itemprop= »ratingValue »>90</span>

sur <span itemprop= »bestRating »>100</span>

(note basée sur <span itemprop= »ratingCount »>35</span>

votes) </span>

<!– / fin de l’imbrication –>

<!– / fin Commentaires : tous –>

 

<!– Commentaires : Auteur 1–>

<!– Auteur du commentaire –>

<p>Commenté par <span itemprop= »reviewer »>Auteur 1</span>

<img alt= »Auteur 1″ src= » »>

le <time itemprop= »dtreviewed » datetime= » »>2013-10-29 18:39:41</time>.</p>

<!–/ fin Auteur du commentaire –>

 

<!– Contenu du commentaire –>

<p>

<span itemprop= »summary »>Titre du Commentaire 1</span></p>

<p><span itemprop= »commentText »>Contenu du commentaire #1</span><p>

<p>Rating de l’auteur 1: <span itemprop= »rating »>4.5</span></p>

<!– / fin Commentaires : Auteur 1 –>

 

</body>

</html>

Il en manque a votre goût ? Lesquelles ?

Share.

About Author

Je ne suis pas tombée dans la marmite du SEO lorsque j'étais petite ! Par contre, j'y suis aujourd'hui (dans la marmite) et j'y suis bien :) Je glane les infos à droite et à gauche, je travaille sur certains sujets et je compte bien tout partager avec vous. Ma seule problématique : le temps n'est pas élastique et cela prend du temps de partager mes données !

Leave A Reply

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.