Le HTML5 va simplifier les codes d'une page
HTML 5 : une aubaine pour le référencement ?
Encore très récent, le HTML 5 risque de s’imposer prochainement comme le nouveau standard dominant du Web. Son adoption massive ne se fera cependant pas de si tôt. En effet, les navigateurs trop anciens pour lire correctement le HTML 5 et le CSS 3 sont encore très utilisés par les internautes et il faudra patienter un certain temps avant de les voir s’adapter à ces nouveaux langages.
Les experts en référencement naturel doivent toutefois se pencher sur le HTML 5 dès aujourd’hui afin de mesurer l’impact que pourrait avoir le balisage d’un tel langage sur le positionnement des sites.
Une révolution pour les interfaces Web
Le HTML 5 se présente comme le digne successeur du HTML 4.01. Il a été officialisé par le W3C (World Wide Web Consortium : organisme de standardisation à but non-lucratif) en 2007. Depuis, un important travail a été effectué afin de rendre le HTML 5 entièrement compatible avec ses ancêtres. Ce facteur explique pourquoi son développement a été aussi long. HTML 5 n’est donc pas une refonte complète du cahier des charges d’HTML. Les Webmasters ne sont donc pas contraints de repartir à zéro, s’ils envisagent une refonte de leurs sites.
Si de prime abord, les balises du HTML 5 paraissent plus complexes que celles du HTML 4, il n’en est rien. Les deux langages n’ont pas de grandes différences. Le HTML 5 permet même de simplifier et de clarifier le code d’une page.
Dans l’exemple ci-dessous, on constatera que toutes les balises de type <div> ont été remplacées par des balises dotées de sens. Ces dernières ont permis de supprimer bon nombre de class et d’id qui étaient auparavant utilisées pour appeler les attributs des feuilles de style (css).
Parmi les nouveautés du HTML 5, on notera la suppression des balises ouvrantes et fermantes pour certains éléments. C’est le cas des balises : <html>, <head>, <body>, <thead>,<tfoot> et <tbody>. La présence de ces éléments devient donc implicite.
L’apparition de nouvelles balises pour le référencement
Cumulé à la puissance du CSS 3, le HTML 5 va permettre à chacun de contrôler, lors d’une creation de site, la structure de ses pages de façon simple et précise.
De nouvelles balises ont fait leurs apparitions avec le HTML 5.C’est précisément ces balises qui permettent de rendre les <div> moins utiles. Grâce à elles, les différentes parties d’une page Web vont pouvoir être découpées non plus avec une balise <div id= »header »> mais simplement avec <header>.
Avant de voir l’impact que pourrait avoir la segmentation d’une page codée en HTML 5 sur les moteurs de recherche, il est important de définir précisément le rôle de ces nouvelles balises.
La balise <section> :
Elle permet d’identifier une section thématique afin de regrouper un contenu dans un contexte précis. On peut y inclure des titres <h>, des paragraphes <p>, un header et/ou un footer. Cette balise peut être utilisée plusieurs fois sur une même page.
Combiné à un titre <h>, cette balise peut jouer un rôle important pour le référencement. Elle peut en effet faciliter la mise en valeur d’un contenu particulier.
La balise <article> :
Cette balise paraît intéressante pour le référenceur dans la mesure où elle permettrait de séparer du contenu général de la page, un bloc de contenu. Ce contenu est indépendant et n’a pas besoin d’être placé dans le contexte de la page pour être compris.
La balise <article> permet entre autres de rendre le code HTML plus propre par l’élimination des balises <div>.
Les moteurs de recherche risquent ainsi de porter une attention toute particulière au contenu enserré de cette balise.
La balise <aside> :
Elle doit être utilisée à l’intérieur de l’article afin d’apporter un complément d’information au sujet.
L’efficacité d’une telle balise sur le référencement a par ailleurs été testée par le site : on-air.hiseo.fr. Dans ce test, le site avait volontairement placé deux syntagmes métaphoriques dans des balises HTML5 différentes pour tester la réaction de Google. Le premier syntagme fût placé dans le corps de l’article, le second dans la fameuse balise <aside>. Au final, c’est la première métaphore (celle placée dans le corps de l’article) qui ressort le mieux.
En conclusion, il est préférable de ne faire figurer dans la balise <aside>, qu’un contenu de second niveau, auquel Google n’accordera que peu d’importance.
La balise <header> : (à ne pas confondre avec la balise <head>)
Possédant le même niveau d’importance qu’une balise h1, le header offre des possibilités très intéressantes pour le référenceur. La balise <header> peut en effet contenir un certain nombre d’éléments, tels que des titres (qu’on pourra d’ailleurs regrouper dans une balise dédiée : hgroup), des paragraphes, des liens, etc…
La balise <footer> :
Elle permet de renseigner en bas d’une page ou d’un bloc, le nom de l’auteur du site, ses coordonnées, les liens vers les pages internes, etc…
Il est toutefois intéressant de préciser que ces balises, tout comme les balises <header>, peuvent être utilisées à plusieurs reprises et à différents endroits sur une même page. Il est ainsi possible d’utiliser un footer différend pour chaque bloc et y placer du contenu pertinent.
La balise <nav> :
La balise <nav> permet de spécifier l’emplacement d’une section qui contient des liens de navigation interne, comme un menu par exemple.
On pourra ainsi permettre aux robots des moteurs de recherche de distinguer clairement les liens de navigation d’un site, des autres liens. Cette balise permettra donc de crawler et d’indexer les pages d’un site plus facilement.
La balise <hr /> :
Si elle était considérée comme purement visuelle sous HTML 4, la balise <hr/> revêt un tout autre sens avec le HTML 5. Désormais elle permet d’indiquer une rupture de sujet dans le contenu. Si elle est prise en compte par les robots, cette balise permettrait aux moteurs de recherche de mieux distinguer les différentes parties d’un site.
Les balises <audio> et <video> :
Ces éléments sont dédiés à l’utilisation de contenu vidéo ou sonore. Il viendra donc remplacer la balise <object> utilisée jusqu’alors pour tous les types de contenus multimédia. A l’inverse de cette dernière, les balises <audio> et <video>, permettraient à tout moteur ou navigateur de connaître implicitement l’emplacement d’une vidéo, d’un son ou d’un flux audio.
Quel impact sur le référencement ?
Comme nous l’avons vu précédemment, le HTML 5 permet de clarifier et de simplifier la segmentation d’une page Web. On peut alors supposer que grâce au HTML 5, les moteurs de recherche pourront décomposer une page Web plus simplement. Ils auront ainsi plus de facilités à séparer les informations importantes de celles qui le sont moins. Et c’est justement ce qui inquiète certains spécialistes du référencement…
Seobook pense ainsi qu’en facilitant le travail des moteurs de recherche, on amoindrit les chances de voir l’internaute atterrir sur notre site. A en croire le site spécialiste du SEO, cette crainte proviendrait des Rich Snippets ; ces descriptions enrichies lancées par Google quelques mois plus tôt et permettant d’afficher un certain nombre d’informations complémentaires sur les moteurs de recherche. Seobook a en réalité peur que l’internaute, disposant d’un grand nombre d’informations grâce aux moteurs, n’ait plus besoin de cliquer sur les liens des différents sites. Un moyen pour les moteurs de faire rester les internautes le plus longtemps possible sur leurs pages.
Les moteurs de recherche affirment pourtant que ces « Snippets » n’auront aucun impact négatif sur la fréquentation des sites. Bien au contraire ils pourraient bien inciter les internautes à se rendre sur les différents sites proposés.
Autre élément qui inquiète les référenceurs depuis quelques temps : l’attribut rel= »noreferer », apparu avec le HTML 5. Cette fonctionnalité, qui s’utilise avec les balises <a>, permet aux développeurs web de cacher le referer ou autrement dit l’adresse depuis laquelle vient l’internaute.
Le souci, c’est qu’à l’avenir cette fonctionnalité pourrait bien fausser les statistiques et la mesure du trafic provenant des sites tiers et des moteurs de recherche. Mais nous n’en sommes pas encore là… Pour l’instant, seule la dernière version du navigateur : WebKit supporte cette fonctionnalité.
Le HTML5 n’en est encore qu’à ses premiers pas… il est pourtant déjà exploitable. Pour que son impact sur le référencement soit mesurable, les référenceurs et les webmasters doivent s’y atteler au plus vite. Plus il y aura de sites codés en HTML 5 sur la toile, plus les moteurs de recherche leur accorderont de l’attention. Il sera alors possible de connaître avec exactitude la façon dont les moteurs de recherche réagissent aux sites codés en HTML 5.
---------------------------------------------------------
Recommander ce site