John Mueller de Google suggère de garder la section de l’élément HTML « propre » pour s’assurer que les robots de recherche peuvent parfaitement comprendre votre site Web. Mueller partage ce conseil dans un fil Reddit, où un utilisateur demande si le placement de code HTML pourrait causer des problèmes de référencement. La réponse est oui; le placement du code HTML pourrait avoir un impact négatif sur vos efforts de référencement s’il n’apparaît pas en haut de la page.
Une note sur les remarques de Mueller
John Mueller utilise le terme en-têtes HTML. Mais l’élément n’est généralement pas appelé de cette façon.
- Les en-têtes HTML sont généralement compris (comme un jargon informel) comme faisant référence à l’élément (H1, H2, H3, etc.)
- Les éléments d’en-tête sont un élément HTML spécifique appelé, qui contient le menu, le logo, etc
- L’élément Head HTML est une section en haut du document HTML avec des métadonnées sur le document lui-même (titre, méta description, etc.)
Ainsi, lorsque Mueller fait référence aux « en-têtes », il parle spécifiquement de l’élément.
John Mueller sur JavaScript dans l’élément Head
L’intention de Mueller était de souligner l’importance de garder la section du document HTML propre et épurée avec des scripts qui peuvent être placés ailleurs. L’élément ne doit contenir que des métadonnées sur le document lui-même qui sont utilisées par les navigateurs et les moteurs de recherche, ce qui aide les moteurs de recherche à comprendre de quoi traite la page et fournit des données aux navigateurs et aux moteurs de recherche pour afficher correctement la page Web (ce qui signifie l’afficher correctement). Certains codes JavaScript qui peuvent être placés après l’élément doivent suivre. Après avoir déplacé tout JavaScript hors de la section, Mueller recommande d’utiliser l’outil de rendu de la Search Console pour vérifier si la page s’affiche correctement après le déplacement. « Les en-têtes html () doivent être à peu près au-dessus. Je déplacerais n’importe quel JS sous les en-têtes HTML et vérifierais avec l’outil de rendu dans la console de recherche que le JS ne gâche pas la section. En ce qui concerne le contenu principal, Mueller dit que son placement est moins important, bien qu’il soit crucial que la section soit propre et bien organisée afin que Googlebot puisse le comprendre correctement. Mueller poursuit : « Pour le contenu, cela n’a pas autant d’importance, mais comme l’en-tête concerne les informations lisibles par machine dont la présence dans une partie spécifique de la page a été vérifiée, il faut vraiment qu’elles soient propres en haut. A bas JavaScript ! (dans la ) »
Pourquoi le placement de JavaScript est-il important pour le référencement ?
Lors de la conception d’un site Web, il est préférable d’utiliser les attributs asynchrones et différés d’une manière stratégique qui permet le meilleur rendu et l’interactivité à la vitesse de page la plus rapide pour les utilisateurs. En effet, JavaScript peut retarder le rendu d’une page Web pendant son chargement, ce qui entraîne une mauvaise expérience utilisateur. Le HTML peut être rendu en premier, permettant à l’utilisateur d’afficher le contenu pendant que le JavaScript se charge en arrière-plan avec l’utilisation appropriée des attributs defer et async.
Source : Reddit Image en vedette : StockEU/Shutterstock