Google récupère-t-il le rendu JS ?

Par Sheldon Poon, publié le

Nous travaillons actuellement sur le site d'un client dont nous avons récemment fait passer le code React du rendu côté client au rendu côté serveur. Vous pouvez lire les raisons et l'impact ici : Ne pas utiliser le rendu côté client dans React (pour les sites de commerce électronique)


Maintenant que le code HTML est quelque peu structuré avant d'être envoyé au client, nous constatons qu'il existe encore une autre couche de données qui n'est pas « peinte » du côté du serveur.

Pour la petite histoire, il s'agit d'un site de commerce électronique avec un inventaire très complexe. Nous travaillons avec de nombreux clients du secteur automobile et nous connaissons bien les catégories, les sous-catégories, les sous-sous-catégories, les données relatives à l'adaptation des véhicules, et bien d'autres choses encore. Ce site ne fait pas exception à la règle.

Donc, ce que nous voyons maintenant, c'est que, alors que la structure de la page est entièrement rendue du côté serveur, les données produit réelles arrivent toujours sous la forme d'un objet JSON que JS doit ensuite analyser et peindre dans le DOM.

Cela signifie qu'il y a toujours un rendu côté client. Un grand pas en avant pour le référencement sur Google.

Lors de l'audit de ce site et de la détermination de la marche à suivre, nous nous sommes posé quelques questions sur la manière dont Google comprend ce contenu.

  1. Google sait-il qu'il faut attendre que le DOM soit peint à l'aide de JS avant de l'indexer ?
  2. Google comprendra-t-il les données relatives au produit même si le formatage n'est pas en JSON-LD ?
  3. Google comprendra-t-il les données relatives au produit même si le formatage n'est pas en JSON-LD ?


Google sait-il qu'il faut attendre que le domaine soit peint en JS avant de l'indexer ?

Oui, mais avec des réserves :
Googlebot peut rendre JavaScript, et il attend généralement de rendre et d'indexer le DOM final.

Cependant, le rendu de JavaScript prend plus de temps et peut être différé, en particulier pour les sites de grande taille ou ceux dont le langage de programmation est inefficace.

Google utilise une indexation en deux phases :

  1. Tout d'abord, il indexe tout ce qui se trouve dans le code HTML brut.
  2. Plus tard (éventuellement des jours ou des semaines plus tard), il revient pour rendre la page et indexer le contenu rendu par JavaScript


✅ Si le contenu essentiel n'est disponible qu'après le JS, Google peut le voir, mais vous comptez sur une indexation retardée et des coûts d'exploration et de rendu plus élevés.


2. Google comprendra-t-il les données relatives aux produits même si le formatage n'est pas en JSON-LD ?

Probablement pas.
Google prend principalement en charge les données structurées dans :

  • JSON-LD (de préférence)
  • Microdonnées
  • RDFa


Un objet JSON géant intégré dans du HTML n'est pas quelque chose que Google analyse pour des données structurées.

Même si les données sont techniquement présentes dans la source, elles ne déclencheront pas de résultats enrichis ou de compréhension des données structurées à moins qu'elles ne soient dans un format reconnu (par exemple, application/ld+json). Ainsi, bien que Google puisse indexer le contenu visible du produit,
il ne traitera pas votre objet JSON brut comme des données structurées.

3. Si nous produisons un ensemble distinct de code Json-Ld, cela va-t-il perturber Google ou faire en sorte que la page soit marquée comme spam ?

Non, cela ne perturbera pas Google si c'est fait correctement.
En fait, il s'agit de la meilleure pratique. Google vous encourage à inclure JSON-LD dans les données structurées, même si le contenu de la page est généré dynamiquement.

La seule précaution à prendre est de s'assurer que les données JSON-LD correspondent au contenu visible (après rendu). Si elles sont contradictoires ou trompeuses, Google pourrait le faire :

  • Le signaler comme spammeur ou manipulateur
  • Ignorer entièrement les données structurées


✅ Tant que votre JSON-LD est précis et reflète ce que les utilisateurs voient réellement (éventuellement), il est sûr et fortement recommandé.


Résumé de la recommandation

Concerne
 
  • Contenu en rendu JavaScript 
  • Données produit en JSON brut
  • Sortie JSON-LD supplémentaire

Suggestion

  • Acceptable, mais lent ; envisager SSR, hydratation, ou prerendering si critique pour le SEO
  • Inutilisable par Google ; l'envelopper dans un JSON-LD valide
  • Encouragé, tant qu'il correspond au contenu visible de la page


Si vous rencontrez ce genre de problèmes et que vous ne savez pas vers qui vous tourner pour obtenir de l'aide, écrivez-nous ! Nous vivons pour ce genre de problèmes techniques profonds.

Besoin d'aide avec vos données ?

  • Partager: