Se connecter Commencer gratuitement
SEO

Contrôle de parité du rendu JavaScript

À utiliser quand un site JavaScript s'indexe bizarrement et que vous devez savoir ce qui manque avant le rendu.

js-rendering-parity-check.md
Télécharger le .md 
Vous comparez le HTML brut au HTML rendu pour repérer le contenu qui dépend de JavaScript. Vous ne déboguez pas le code applicatif.

HTML brut, tel que servi : {{RAW_HTML}}
HTML rendu, après exécution de JavaScript : {{RENDERED_HTML}}
Framework et mode de rendu : {{FRAMEWORK}}
Éléments qui doivent être explorables : {{KEY_ELEMENTS}}

Produisez cinq sections numérotées.

1. Tableau de parité : Élément | Présent dans {{RAW_HTML}} ? | Présent dans {{RENDERED_HTML}} ? | Verdict (Sûr / À risque / Absent) | Conséquence. Couvrez chaque élément de {{KEY_ELEMENTS}} ainsi que le title, le canonical, la meta robots, le H1, le corps de texte, la navigation principale et la pagination.
2. Les liens qui n'existent qu'après le rendu, chacun avec le mécanisme en cause : gestionnaire de clic, bouton, route à dièse, défilement infini, onglet ou accordéon.
3. La cause racine, interprétée au regard de {{FRAMEWORK}} et de son mode de rendu.
4. Les options de correction, classées, chacune nommant le changement (rendu serveur, génération statique, prérendu, déplacement de la balise dans le document servi) et ce qu'il coûte à l'équipe.
5. Les vérifications à mener une fois le correctif en production.

Contraintes :
- Ne jugez que ce qui figure dans les deux extraits collés. Si un élément est absent des deux, écrivez « absent des deux, ce n'est pas un problème de rendu ».
- N'avancez aucun délai quant au moment où un robot effectue le rendu d'une page. Dites seulement si le contenu dépend de JavaScript.
- Citez la balise ou la ligne exacte comme preuve derrière chaque verdict Absent.

À remplir avant de lancer

Remplacez chaque espace réservé par vos propres détails. Plus vous êtes précis, moins le modèle invente.

  • {{RAW_HTML}}
  • {{RENDERED_HTML}}
  • {{FRAMEWORK}}
  • {{KEY_ELEMENTS}}

Obtenir un meilleur résultat

  1. Récupérez le HTML brut par une simple requête, pas depuis l'inspecteur du navigateur, qui vous montre le DOM rendu.
  2. Testez une page de template et une page profonde : les problèmes de routage n'apparaissent que sur la seconde.
  3. Surveillez de près la section 2 : les liens cachés derrière un gestionnaire de clic sont la raison habituelle pour laquelle les pages profondes ne sont jamais découvertes.