HTML 5 et l'impact sur dans le référencement d'un site Internet (SEO)
Le HTML5 est la dernière version majeure de la norme HTML. Le HTML, est le langage de balisage qui nous permet de structurer et de présenter notre contenu sur le web. Le langage HTML donne aux moteurs de recherche les éléments nécessaires pour analyser et comprendre ce qui est contenus dans la page web.
Comment changer nos habitudes avec HTML5 dans le référencement web / SEO ? Quels sont les impacts possibles de HTML5 dans les algorithmes des moteurs de recherche ?
Segmentation de page web et conséquences sémantique
Un élément clé de HTML5 est qu’il ajoute de nouveaux éléments qui nous aident à mieux exprimer ce qui doit paraître sur une page web. Cela contribue à améliorer la segmentation des pages web : le « header », le « footer », le « main content », etc.
Lorsque le HTML5 sera plus présent sur la trame, les moteurs de recherche pourront utiliser ces nouveaux éléments afin d’en extraire du contenu important à mettre en avant sur une page.
Actuellement, nous utilisons l’élément <div> dans organisation et la segmentation d’une page web.
Le problème de l’élément <div> est qu’il n’a pas de sens. Il n’ajoute pas de valeur sémantique à ce qu’il contient.
Avec de nouveaux éléments tels que <header>, <article>, <aside> et <footer> , la segmentation de la page web devient plus parlante.
L’avantage est qu’il permettra aux moteurs de recherche d’explorer le site web plus facilement, en filtrant des sections telles que <footer> ou <header> pour l’indexation de la page (copyright ou nom du site ou le logo). L’indexation des moteurs de recherche sera alors plus efficace.
Éléments HTML5 qui peuvent affecter indexation des moteurs de recherche
Voici une série de nouveaux éléments HTML5 qui pourront avoir un impact direct sur le référencement / SEO.
<article>
Vous savez probablement l’importance des articles dans la fréquence de rafraichissement des robots de Google et donc de son classement dans les moteurs de recherche.
Le nouvel élément <article> est probablement l’un des ajouts les plus importants pour le HTML5 quand on parle de référencement web. Il vous permet d’indiquer l’importance d’un contenu d’une page web.
Un changement de la méthode d’indexation des moteurs de recherche pourront mettre plus de poids sur le contenu de l’élément <article>.
<section>
L’élément <section> est destiné à indiquer les diverses sections d’une page. L’avantage est que chaque section peut avoir sa rubrique HTML séparé. Cela peut donner aux moteurs de recherche une meilleure compréhension de la façon dont la page Web est segmenté et structurée. Les moteurs de recherche pourront être en mesure de démêler les informations du document HTML basé sur les <section>.
<header>
L’élément <header> peut donner aux moteurs de recherche une idée de l’endroit où le nom du site et du logo se trouve une page web lors d’une première inspection.
<footer>
Dans la conception web, un pied de page contient généralement des informations telles que les informations de copyright, des conditions générales, des mentions légales, des liens vers les pages statiques, et des liens vers les profils de réseaux sociaux. Cette section pourrait être utilisée par les moteurs de recherche pour identifier les articles relatifs au droit d’auteur, conditions d’utilisation, les politiques de confidentialité et de profils de réseaux sociaux.
<nav>
Ce nouvel élément peut donner des indices aux algorithmes d’indexation sur l’architecture de l’information de votre site web comme ce que fait le sitemap aujourd’hui.
Les nouveaux types de liens
Le classement d’une page web dans les moteurs de recherche sont déterminés soit par le biais des liens hypertexte.
Ces nouveaux types de liens dans HTML5 permettent de donner à nos liens plus de sens. Cela donne un contexte pour chaque lien que les moteurs de recherche rencontrent.
Les nouveaux types de liens utilisent également l’attribut rel comme dans le HTML4, mais son interprétation est différent.
On retrouve plusieurs nouvelles valeurs d’attribut comme rel="author" et rel="license" afin de décrire d’avantage les liens hypertexte. L’attribut rel="prev" et rel="next", permettent d’indiquer un lien vers une autre page web qui est lié à la page web actuelle.
Ci-dessous une petite liste d’attribut de liens intéressants pour l’élément <a> pouvant influencer dans l’indexation des moteurs de recherche à l’avenir :
alternate: Lien vers une autre présentation de la page web,author: Lien vers une page web liée à l’auteur de la page web,external: Lien pointant vers des domaines externes,help: Lien pointant vers des pages d’aide,license: Lien vers des conditions de licence,next: Lien vers une page suivante possédant un lien avec la page actuelle,nofollow: Indique que le lien n’est pas approuvé par le site,prev: Lien vers une précédente page possédant un lien avec la page actuelle
Voir la liste complète des nouveaux types de liens ici.
Amélioration de la gestion des médias
L’ajout d’éléments pour multimédia tels que <audio> et <video> peuvent signifier une interopérabilité avec les moteurs de recherche. Google, présente des vidéos de YouTube dans les résultats des moteurs de recherche.