Je sais que Google est de nos jours assez bon en analyse du DOM et que l'ajout d'éléments sur votre site à l'aide de javascript n'est plus un problème.
Le fait est que j'utilise JavaScript (jQuery) pour collecter des informations à partir d'une page Web parfaitement structurée afin de créer une sorte de widget. J'ai trop honte de montrer du code parce que, vraiment, c'est un peu le bordel. Et pas vraiment pertinent pour ma question.
Donc, dans le contenu original, il y a quelque chose comme ceci:
<h2>Title</h2>
<p>Content here</p>
<h2>Title two</h2>
<p>Content two</p>
Je collectionne des éléments de toute la page pour les réorganiser en éléments que je ne souhaite pas que Google affiche comme ceci:
<div class="titles-wrap"><a href="#">Title</a><a href="#">Title two</a></div>
<div class="content-wrap"><div class="content">content here</div><div class="content">Content two</div></div>
Encore une fois, s'il vous plaît, ne vous limitez pas à mes vieilles et horribles façons de penser ici.
Google lit-il maintenant la version sémantiquement originale ou la version JavaScript ruinée?
Après quelques tests entre Google cache
et fetch as Google
, je me suis rendu compte que le temps moyen que Google attend après onLoad
, qu'un contenu chargé en javascript arrive ou non, est de 5-6 secondes. Donc, si votre objectif est de cacher quelque chose à Google, vous devez charger votre matériel beaucoup plus tard.
Une autre méthode consiste à lier le chargement à toute action de l'utilisateur. Mais comme Googlebot semble être sans tête Chrome je ne crois pas vraiment qu'il ne puisse pas accomplir les actions des utilisateurs - les résultats de mes tests étaient jusqu'à présent insuffisants.