Déplacer JavaScript sous les en-têtes HTML

John Mueller de Google suggère de placer le code JavaScript sous la balise d’en-tête HTML 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. Plus précisément, il est important de conserver la section du document HTML en haut de la page. Cette section doit contenir les informations dont Google a besoin pour lire correctement votre site. Tout code JavaScript doit être placé sous les en-têtes HTML. Pour s’assurer que JavaScript n’interfère pas avec la section, Mueller recommande d’utiliser l’outil de rendu dans la Search Console  : « 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’inclure le code JavaScript au bas du document HTML près de la balise de fermeture. En effet, JavaScript peut retarder le rendu d’une page Web pendant son chargement, ce qui entraîne une mauvaise expérience utilisateur. En plaçant le JavaScript au bas de la page, le HTML peut être rendu en premier, permettant à l’utilisateur de visualiser le contenu pendant que le JavaScript se charge en arrière-plan. De plus, vous pouvez empêcher les fichiers JavaScript externes de bloquer le rendu de la page à l’aide des attributs async ou defer.

Source : Reddit Image en vedette : StockEU/Shutterstock

Tags: ,