Structurer un blog WordPress avec les Microdata (Schema)

Les Microdata c’est quoi ?

Les “données structurées” c’est le code source qui permet de mieux structurer vos données avec des Microdata (autrement dit des petits bouts de code source :) ) pour aider les robots à mieux identifier le type de donnée donc à mieux les classer et les indexer.

Une grosse évolution du HTML apporté par HTML5 c’est justement les données structurées appelé “Microdata” : https://html.spec.whatwg.org/multipage/microdata.html#microdata

Google et les plus grands moteurs de recherche nous recommandent d’utiliser schema.org pour les données structurées : https://developers.google.com/structured-data/schema-org?rd=1

Cas d’étude sur la mise en place de microdata :

Afin de mieux vous expliquer comment faire j’ai mis en place les microdata sur le blog : http://www.black-hat-seo.org/Blog-BH/ et voici comment j’ai fait :

1) j’ouvre : /wp-content/themes/nom_template/header.php

je remplace :

<body>

1

<body>

par :

<body itemscope="itemscope" itemtype="http://schema.org/WebPage">

1

<body itemscope="itemscope" itemtype="http://schema.org/WebPage">

je remplace :

<h1><a href="<?php bloginfo('siteurl');?>/" title="<?php bloginfo('name');?>"><?php bloginfo('name');?></a></h1>

1

<h1><a href="<?php bloginfo('siteurl');?>/" title="<?php bloginfo('name');?>"><?php bloginfo('name');?></a></h1>

par :

<h1 itemprop="headline"><a href="<?php bloginfo('siteurl');?>/" title="<?php bloginfo('name');?>"><?php bloginfo('name');?></a></h1>

1

<h1 itemprop="headline"><a href="<?php bloginfo('siteurl');?>/" title="<?php bloginfo('name');?>"><?php bloginfo('name');?></a></h1>

je remplace :

<h2><?php bloginfo('description'); ?></h2>

1

<h2><?php bloginfo('description'); ?></h2>

par :

<h2 itemprop="description"><?php bloginfo('description'); ?></h2>

1

<h2 itemprop="description"><?php bloginfo('description'); ?></h2>

je remplace :

<div id="mainmenu"> <ul> <li><a href="<?php bloginfo('home'); ?>/">HOME</a></li> <li><a href="url">test</a></li> <li><a href="url">test</a></li> </ul> </div>

1
2
3
4
5
6
7

<div id="mainmenu">
<ul>
<li><a href="<?php bloginfo('home'); ?>/">HOME</a></li>
<li><a href="url">test</a></li>
<li><a href="url">test</a></li>
</ul>
</div>

par :

<div id="mainmenu" itemscope="itemscope" itemtype="http://schema.org/SiteNavigationElement"> <ul> <li><a href="<?php bloginfo('home'); ?>/" itemprop="url"><span itemprop="name">HOME</span></a></li> <li><a href="url" itemprop="url"><span itemprop="name">test</span></a></li> <li><a href="url" itemprop="url"><span itemprop="name">test</span></a></li> </ul> </div>

1
2
3
4
5
6
7

<div id="mainmenu" itemscope="itemscope" itemtype="http://schema.org/SiteNavigationElement">
<ul>
<li><a href="<?php bloginfo('home'); ?>/" itemprop="url"><span itemprop="name">HOME</span></a></li>
<li><a href="url" itemprop="url"><span itemprop="name">test</span></a></li>
<li><a href="url" itemprop="url"><span itemprop="name">test</span></a></li>
</ul>
</div>

2) j’ouvre : /wp-content/themes/nom_template/index.php, /wp-content/themes/nom_template/page.php, /wp-content/themes/nom_template/single.php

je remplace :

<div id="content" >

1

<div id="content" >

par :

<div id="content" itemscope="itemscope" itemtype="http://schema.org/Blog">

1

<div id="content" itemscope="itemscope" itemtype="http://schema.org/Blog">

je remplace :

<div class="post" id="post-<?php the_ID(); ?>">

1

<div class="post" id="post-<?php the_ID(); ?>">

par :

<div class="post" id="post-<?php the_ID(); ?>" itemscope="itemscope" itemtype="http://schema.org/BlogPosting" itemprop="blogPost">

1

<div class="post" id="post-<?php the_ID(); ?>" itemscope="itemscope" itemtype="http://schema.org/BlogPosting" itemprop="blogPost">

je remplace :

<h1><a href="<?php bloginfo('siteurl');?>/" title="<?php bloginfo('name');?>"><?php bloginfo('name');?></a></h1>

1

<h1><a href="<?php bloginfo('siteurl');?>/" title="<?php bloginfo('name');?>"><?php bloginfo('name');?></a></h1>

par :

<h1 itemprop="headline"><a href="<?php bloginfo('siteurl');?>/" title="<?php bloginfo('name');?>"><?php bloginfo('name');?></a></h1>

1

<h1 itemprop="headline"><a href="<?php bloginfo('siteurl');?>/" title="<?php bloginfo('name');?>"><?php bloginfo('name');?></a></h1>

je remplace :

<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h2>

1

<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h2>

par :

<h2 itemprop="headline"><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h2>

1

<h2 itemprop="headline"><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h2>

je remplace :

<div class="date"><span><?php the_time('m/d/Y'); ?></span></div>

1

<div class="date"><span><?php the_time('m/d/Y'); ?></span></div>

par :

<div class="date"><span itemprop="datePublished"><?php the_time('m/d/Y'); ?></span></div>

1

<div class="date"><span itemprop="datePublished"><?php the_time('m/d/Y'); ?></span></div>

je remplace :

<div class="entry">

1

<div class="entry">

par :

<div class="entry" itemprop="articleBody">

1

<div class="entry" itemprop="articleBody">

3) Pour les images je met ce filtre dans mon fichier wp-content/themes/nom_template/functions.php :

<?php add_filter( 'the_content', 'my_the_content_filter', 20 ); function my_the_content_filter($content) { $content = str_replace("<img ", "<img itemprop=\"image\" ", $content); return $content; } ?>

1
2
3
4
5
6
7
8

<?php
add_filter( 'the_content', 'my_the_content_filter', 20 );

function my_the_content_filter($content) {
$content = str_replace("<img ", "<img itemprop=\"image\" ", $content);
return $content;
}
?>

Vérifier la mise en place des microdata :

Pour vérifier l’implantation des microdata rendez vous sur https://developers.google.com/structured-data/testing-tool/?url=http://www.black-hat-seo.org/Blog-BH/

Plus d’informations sur les Micro Data :

Retrouvez plus d’informations sur :

Intégrez la SearchBox dans vos sites Internet

Microdata Hproduct pour les pages avec des produits à vendre

Microdonnée, donnée structurée, Rich Snippets et Schema c’est quoi ?

Rating: 5.0/5. From 1 vote.

Please wait...

Télécharger l'article au format PDF

novembre 5, 2015 - Tutoriel Divers, Tutoriel Seo - Tagged: Content, Contenu, Contenus, google, HTML, Microdata, rédaction, Schema, seo, Wordpress - no comments

Structurer un blog WordPress avec les Microdata (Schema)

Les Microdata c’est quoi ?

Cas d’étude sur la mise en place de microdata :

Vérifier la mise en place des microdata :

Plus d’informations sur les Micro Data :

Laisser un commentaire

La GHS Team :

Structurer un blog WordPress avec les Microdata (Schema)

Les Microdata c’est quoi ?

Cas d’étude sur la mise en place de microdata :

Vérifier la mise en place des microdata :

Plus d’informations sur les Micro Data :

Laisser un commentaire

La GHS Team :

Étiquettes