John Mueller de Google : En savoir plus sur la section Head et JavaScript
La semaine dernière, nous avons rapporté un commentaire de John Mueller de Google sur la section d’en-tête de votre HTML et pourquoi vous devriez la garder propre. John, vendredi, a posté un Mastodonte thread expliquant plus sur la section head et comment les moteurs de recherche interagissent avec elle, surtout s’il contient beaucoup de JavaScript.
Voici le contenu du fil :
Le SEO dans la tête vs trop de #JavaScript ?
Cela revient de temps en temps, je pensais être plus élaboré une fois (ce n’est pas nouveau). Les moteurs de recherche (je ne connais vraiment que Google, YMMV) rendent les pages HTML et certains paramètres doivent être trouvés dans l’en-tête d’une page pour être valides. Si vous vous souciez de ces paramètres, ne faites pas le
cassant, et idéalement déplacer ces paramètres vers le haut de la tête.
Les paramètres de référencement auxquels je pense sont la balise méta des robots et l’élément de lien canonique, mais il y a aussi la balise méta du titre et de la description que certaines personnes considèrent comme importante. Il ne s’agit pas seulement de SEO non plus – vous voulez probablement aussi vous assurer que des éléments tels que la définition du jeu de caractères, la fenêtre d’affichage et le CSP sont considérés comme valides.
« Bien sûr, ma tête va bien » – parfois ce n’est pas aussi évident qu’un balisage clairement cassé. L’en-tête se ferme automatiquement, donc tout élément HTML qui n’est pas valide dans le
fera que le reste sera considéré comme une partie du corps. Il peut s’agir d’un img égaré qui se retrouve quelque part mal, il peut s’agir d’un iframe qu’un script injecte en haut de la tête lors du rendu. Ceci est visible si vous inspectez le DOM d’une page dans votre navigateur.
Les navigateurs sont parfois utiles et essaient d’interpréter ce que vous voulez dire, si vous ne voulez pas qu’une page soit indexée, ou si vous voulez une URL différente comme canonique, vous ne voulez probablement pas que les moteurs de recherche devinent. (Le référencement consiste en grande partie à ne pas faire deviner aux moteurs de recherche.)
En bref, évitez de rendre la tête fragile si vous vous souciez de ces paramètres de référencement, envisagez de les déplacer vers le haut de la tête (n’incluez pas 5k lignes de JS au-dessus d’eux), et revérifiez le DOM rendu dans votre navigateur de temps au temps.
Vous n’avez pas à le déplacer dans le corps (cela peut causer d’autres problèmes), je le déplacerais en dessous des éléments critiques que vous devez avoir découverts dans la tête.
– John Mueller n’est généralement pas là 🐀 (@JohnMu) 13 janvier 2023
C’est la fin de son fil de tête – compris ?
Forum de discussion sur Mastodonte.
