HTML5 sémantique nous offre la possibilité d’améliorer nos sites Web et d’optimiser les moteurs de recherche. On peut tirer pleinement parti de ces possibilités en utilisant des éléments HTML 5 sémantiques lisibles par machine pour décrire les contours de page. Des conteneurs spécialement nommés peuvent aider les moteurs de recherche et les navigateurs à identifier plus facilement la manière dont les pages sont organisées.
Par exemple, <header> est son propre élément maintenant, tel que <nav>, et ainsi que de suite. Vous avez la possibilité de décrire le contour de votre page en utilisant ces termes. A propos, il est important de ne pas confondre <header> avec les balises de titre. Celles-ci ont également des règles sémantiques qu’on doit suivre, en particulier sur leur niveau relatif.
Articles authentiques
L’élément HTML5 sémantique le plus importante peut-être <article>. Cela peut être utilisé de manière à ce que votre contenu idéal soit analysé dans les lecteurs d’écran et les vues des internautes et les moteurs de recherche trouveront un signal codé pour un contenu unique sur la page.
Ci-dessous une vidéo expliquant ces faits :
Vous pouvez tester pour voir comment cela fonctionne avec une page chargée dans votre navigateur en basculant l’affichage du lecteur. Si vous ne voyez pas votre commutateur à bascule ou s’il n’y a pas de balise dans le code page, vous n’avez pas l’option du tout ou il ne chargera rien séparément.
Plusieurs articles
Bien qu’il ne soit pas syntaxiquement incorrect d’avoir plus d’une balise article par page, ce n’est toujours pas une bonne idée. Vous n’obtenez pas les options d’affichage du lecteur de cette façon, et il n’y a aucun avantage non plus pour les moteurs de recherche.
Pour les pages d’accueil de blogs qui répertorient des publications, vous pouvez considérer chaque publication comme un article, sauf qu’un extrait d’article n’est pas la réalité. Au lieu de cela, essayez d’utiliser la base section pour chaque résumé de publication où les détails associés sont rassemblés.