Dans une vidéo récente, John Mueller de Google a répondu à une question sur la façon dont le HTML sémantique aide les moteurs de recherche à comprendre le contenu d’un site Web. Mueller a expliqué comment le HTML sémantique affecte le référencement, l’accessibilité et les classements de recherche d’un site. Mais d’abord, définissons le HTML sémantique et son fonctionnement.
HTML sémantique 101
Les éléments HTML sémantiques fournissent un sens et une structure au contenu Web. Il aide les moteurs de recherche et les navigateurs à mieux comprendre le contenu et les relations sur la page. Certains éléments sémantiques communs incluent les éléments suivants :
- Rubriques sont utilisés pour indiquer l’importance et créer une hiérarchie.
est le plus important, est le moins
- Paragraphes sont utilisés pour représenter des blocs de texte. L’élément définit un paragraphe.
Listes sont utilisés pour organiser les éléments.
- et
- définit un élément de liste
- les tables structurer les données tabulaires. crée un tableau, définit les lignes, définit les en-têtes de colonne et définit les cellules de données
- Liens ou des ancres () créent des hyperliens entre les pages. Ils aident à montrer les liens entre le contenu
- créent respectivement des listes non ordonnées et ordonnées.
L’attribut alt fournit une description textuelle de l’image, ce qui facilite l’accessibilité et le référencement
- Des articles () représentent un contenu indépendant et réutilisable, comme des articles de blog ou des actualités
- Sections () regroupent du contenu connexe, tel que des chapitres ou des parties d’un document
- En passant () contiennent du contenu tangentiellement lié au contenu principal, comme les barres latérales
Ils montrent la relation entre les médias et le texte environnant
HTML sémantique – un facteur de classement ?
Bien que le HTML sémantique aide les moteurs de recherche à analyser le contenu et la structure des pages, ce n’est pas un facteur de classement direct, précise Mueller : « Le HTML sémantique aide à comprendre une page. Cependant, ce n’est pas un multiplicateur magique pour augmenter le classement d’un site Web. Bien que le HTML sémantique n’améliore pas immédiatement les classements, il améliore le référencement et l’accessibilité et reste une pratique exemplaire fondamentale. En l’utilisant, vous pouvez optimiser pour les moteurs de recherche tout en créant une expérience utilisateur optimale.
Comment le HTML sémantique profite à Google
L’utilisation appropriée d’éléments HTML sémantiques peut aider le référencement de la manière suivante :
- Avoir des titres pour structurer des passages de texte
- Mettre des images à côté des mots qui les concernent
- Utiliser des balises de tableau pour les tableaux de données, pas seulement pour positionner le contenu
- Avoir des liens d’ancrage plutôt que des liens qui fonctionnent via JavaScript
Mueller note que les algorithmes de Google ne sont pas trop précis sur des éléments similaires. Par exemple, lors du regroupement de sections de texte, Google traite les éléments section, article et div de la même manière. L’élément spécifique utilisé est moins important que d’avoir une structure et une relation claires entre les éléments.
Comment le HTML sémantique profite aux gens
Le HTML sémantique améliore considérablement l’expérience des utilisateurs de divers horizons, y compris les personnes handicapées. Il le fait de la manière suivante :
- Le HTML sémantique aide les logiciels de lecture d’écran à transmettre le contenu Web aux utilisateurs aveugles ou malvoyants
- Le HTML sémantique assure la navigabilité du clavier. Des éléments tels que les liens » et les formulaires « / » sont accessibles à l’aide des commandes du clavier, qui aident les utilisateurs à mobilité réduite
- Les technologies d’assistance telles que les lecteurs Braille et les logiciels de synthèse vocale bénéficient de la structure et de la signification claires du HTML sémantique
- Les éléments sémantiques facilitent la conception Web réactive, garantissant que le contenu est accessible sur divers appareils
- Le contenu HTML sémantique assure la pérennité du contenu en adhérant aux normes Web. Cela signifie que tous les utilisateurs pourront probablement accéder au contenu même à mesure que la technologie progresse
Les développeurs peuvent créer du contenu Web que les humains et les machines comprennent en suivant les principes HTML sémantiques, conduisant à une expérience Web inclusive.
Appel de Mueller aux propriétaires de sites Web
Mueller conclut la vidéo en appelant les propriétaires de sites Web à utiliser le HTML sémantique même s’il ne s’agit pas d’un facteur de classement direct. « Veuillez utiliser le HTML sémantique. Ce n’est pas un facteur de classement, mais cela peut aider nos systèmes à mieux comprendre votre contenu.
Source : Google Search Central Featured Image : Capture d’écran de YouTube.com/GoogleSearchCentral, juin 2023.