HTML5 vient de naître et ses papas balbutient avec le bébé. L'usage de certaines balises qu'ils préconisent est parfois confus, voire incompréhensible... c'est encore un brouillon.

Mais les concepteurs de sites Web vont s'y atteler. Tout du moins pour un maquettage, car passer un site en HTML5 doit s'envisager avec circonspection, le problème étant que la base installée de navigateurs trop anciens pour lire convenablement du HTML5 et CSS3 est si importante que le mouvement vers la modernité va être lent.

Le webmestre prudent pourra néanmoins y aller moderato et utiliser (avec le bon Doctype) la syntaxe (HTML ou XHTML) en récupérant tout ce qui provient d' HTML4, et quelques conteneurs sémantiques sur lesquels je ne vois pas le W3C revenir, pour y aller, plus tard, allegro quand les têtes pensantes du consortium nous auront pondu des specs dignes de ce nom (fin 2010, sans précision).

HTML5 et le référencement en 3 chapitres :

Différences entre HTML4 et HTML5

Structure et balises HTML5

SEO et HTML5

Si du point de vue d'un néophyte, HTML5 semble s'orienter vers un langage de programmation (voir l'article très technique d'Olivier Croisier sur HTML5 et les API), il n'en est rien : HTML5 demeure un langage de description.

Les nouvelles balises d'HTML5 paraissent de prime abord plus complexes que celles d'HTML4 ? HTML5 n'est pourtant pas si différent de HTML4. HTML5 n'est pas une refonte complète du cahier des charges d'HTML. Pas de panique donc : il ne sera pas nécessaire de repartir à zéro dans la refonte du site que vous envisagez. Voyons pourquoi :

HTML4 et HTML5

Avec HTML4 et CSS2 les webmestres avertis ¹ codent depuis un bon moment déjà les pages Web de manière moins archaïque. Les tables, les font, les br sans fins sont passés aux oubliettes.
Ils structurent aussi leurs documents d'un point de vue sémantique :

<div id="news">
  <div class="section">
   	<div class="article">
     <div class="header">
      	<h1>HTML4</h1>
     	 <p class="date">32 décembre 2009</p>
     </div>
     <div class="content">
		<p>Sed ut perspiciatis, unde omnis iste...</p>
		<p>Ut enim ad minima veniam, ...</p>
		<p>At vero eos et accusamus et iusto</p>
     </div>
     <div class="footer">
      <p>Tagadas : HMTL, code, latin</p>
     </div>
   </div>
   <div class="aside">
     <div class="header">
      <h2>Cartouche d'infos complémentaires</h2>
     </div>
     <div class="content">
		<p>At vero eos et accusamus et iusto</p>
		<p>Temporibus autem quibusdam</p>
      	<p>....</p>
     </div>
     <div class="footer">
		<p>Tagadas : HMTL, code, latin</p>
     </div>
   </div>
  </div>
</div>

Avec HTML5 le code est simplifié et apporte aux conteneurs de la page une valeur sémantique :

<article>
	<header>
      <h1>HTML5</h1>
      	<abbr>
			<time class="entry-date published"
			datetime="2009-32-18T12:00:00+00:00">
			32 décembre 2009
			</time>
		</abbr>
	</header>
		<p>Sed ut perspiciatis, unde omnis iste...</p>
		<p>Ut enim ad minima veniam, ...</p>
   	 <p>At vero eos et accusamus et iusto</p>
	<footer>
   		<p>Tagadas : HMTL, code, latin</p>
	</footer>
</article>
<aside>
	<header>
		<h2>Cartouche d'infos complémentaires</h2>
	</header>
		<p>At vero eos et accusamus et iusto</p>
		<p>Temporibus autem quibusdam</p>
		<p>....</p>
	<footer>
		<p>Tagadas : HMTL, code, latin</p>
	</footer>
</aside>

Comme vous pouvez le voir, HTML5 permet de remplacer notre multitude de div par des balises dotées de sens. Celles-ci améliorent non seulement la signification du code de nos pages Web, mais nous permet aussi d'éliminer bon nombre de class et d'id qui étaient auparavant nécessaires pour cibler nos feuilles de styles. En fait, HTML5 et CSS3 permettent d'éliminer pratiquement tous les id et class.
Avec HTML5, on a donc un contrôle précis de la structure des pages ; avec la puissance de CSS3, c'est une véritable révolution pour les interfaces Web qui pointe son nez.
Revenons maintenant au sujet principal qui intéresse les référenceurs : HTML5 va t-il améliorer le référencement de vos pages Web ?

HTML5 et le référencement

HTML5, le webmestre et le référenceur

HTML5 est encore balbutiant disais-je dans mon avant-propos mais il est déjà exploitable. Pour que son impact sur le référencement soit mesurable il faut que les webmestres et référenceurs s'y collent sans tarder : plus il y aura de pages codées en HTML5, plus les moteurs de recherche vont leur accorder d'attention. C'est seulement quand un nombre important de sites seront codés ainsi qu'il sera possible de savoir exactement comment les moteurs de recherche traitent les pages HTML5.
Mais il ne faut pas se leurrer : l'adoption massive de HTML5 ne se fera pas de si tôt. Il faudra un « certain temps » pour que les navigateurs s'adaptent ce qui retardera encore le déploiement de sites en HTML5.
Il est inéluctable que HTML5 sera le standard dominant dans les années à venir et c'est pourquoi, webmestres et référenceurs, vous devez dès aujourd'hui intégrer les balises HTML5 dans vos sites.
Vous pouvez ranger vos missels.