Gary Illyes, le googler bien connu, a quelque peu ironisé sur les frameworks Javascript sur Twitter. Ce dernier s’est notamment moqué de la génération de balises HTML faussées ou mal placés dans le code source après restructuration du DOM. Si cela peut prêter à rire, le tweet ne manque pas de sens car nous savons désormais que placer certaines balises HTML au mauvais endroit peut impacter négativement le référencement…
Le Google Trends Analyst a évoqué le problème des balises HTML placées au mauvais endroit dans le DOM, et notamment dans la section <head> des pages web. En effet, peu de balises ont l’honneur de pouvoir être placées dans le <head> sans être une faute de développement : <title>, <base>, <link />, <meta />, <style> et <script> (et <noscript>). Voilà, le tour est fait à ce jour et tout autre balise est proscrite, mais il arrive parfois que des développeurs ou frameworks peu précautionneux tombe dans le piège. C’est pourquoi Gary Illyes a écrit ceci (traduit par mes soins) :
Chers frameworks et plugins JavaScript, si vous pouviez arrêter d’insérer des balises invalides dans l’entête HTML, comme img et div, ce serait génial.
Visuellement, le rendu des balises ajoutées dans le <head> sera effectif, donc totalement transparent pour l’utilisateur. En revanche, côté navigateur et crawler, c’est une catastrophe dans certains cas, comme l’expliquait encore tout récemment John Mueller. D’ailleurs, la documentation de Google à propos du hreflang a été mise à jour récemment et précise bien qu’il faut un “head bien construit”.
C’est tout le problème du côté extrêmement permissif d’HTML, qui peut accepter des erreurs béantes sans rien dire. Dans le cas du SEO notamment, avoir des balises HTML invalides dans le <head> peut tout simplement bloquer l’indexation ou empêcher la compréhension de ce qui suit ces balises dans le code source. C’est donc un problème important et si les frameworks Javascript génèrent de telles erreurs, il va falloir prendre garde…
Étant plutôt passionné par l’informatique, le Web et le référencement, je m’intéresse à énormément de langages de programmation et aux technologies “en vogue”. Parmi tout ce qui existe, les frameworks Javascript (souvent Full JS) représentent certainement la solution la plus tendance du marché, mais avant de se lancer dans le marché infini de ces outils, il faudrait déjà pensé à tout ce qui peut en découler. Mon expérience m’impose de ne pas me fier uniquement aux modes du moment et à réfléchir en amont à l’intérêt de telle ou telle solution, et je suis au regret d’admettre que j’ai beaucoup de mal avec les frameworks Javascript, et il semblerait que Gary Illyes aussi… ^^
Voici quelques points qui peuvent être dérangeants avec les frameworks JS notamment :
Les frameworks JS ne sont pas l’eldorado comme certains veulent le faire croire, ils sont juste une solution éphémère de passage qui peut rendre service pour certains sites. Ils sont intéressants pour créer des applications web ou mobiles notamment, mais pas pour créer des sites dont le référencement est le maître mot. Pensez donc à bien choisir votre framework, et à vérifier que le code généré (en prerender ou non) est propre et valide HTML !
Auteur : Alexandra Martin / Mathieu Chartier
Editeur : Eyrolles
Prix : 32,00 € (345 pages)
Auteur : Alexandra Martin / Mathieu Chartier
Editeur : Eyrolles
Prix : 32,00 € (570 pages)
Auteur : Alexandra Martin / Mathieu Chartier
Editeur : Eyrolles
Prix : 29,90 € (522 pages)
Auteur : Mathieu Chartier
Editeur : First Interactive
Prix : 19,90 € (411 pages)
Auteur : Mathieu Chartier
Editeur : First Interactive
Prix : 29,90 € (622 pages)
Télécharger “SwipeMenu.zip”SwipeMenu.zip – Téléchargé 18072 fois – 52 Ko
Télécharger “Spider Simulator PHP”spider-simulator.zip – Téléchargé 17481 fois – 2 Ko
Télécharger “ReadingIndicator 1.0”readingIndicator-1.0.zip – Téléchargé 15920 fois – 7 Ko
Télécharger “Parseur Facebook”parser-facebook.zip – Téléchargé 17322 fois – 3 Ko
Télécharger “Pack complet – moteur de recherche PHP 5.5 – PHP 7”moteurPHP5.5.zip – Téléchargé 34890 fois – 171 Ko
Ce blog est le résultat de plusieurs années de travail mais il ne fait pas manger son homme. Découvrez l’agence web et l’organisme de formation géré par Mathieu Chartier et n’hésitez pas à prendre contact pour suivre des formations personnalisées.
Tous droits réservés © Blog Internet-Formation 2009 – 2022
G