H1 Descriptif Unique

Ce qu'il fait

S'assure que chaque page possède exactement un élément <h1> significatif et signale les H1 manquants, dupliqués, vides ou contenant uniquement la marque. Cette règle explique pourquoi les H1 sont importants pour les moteurs de recherche, comment détecter les problèmes courants dans le DOM rendu, et fournit des corrections concrètes et des exemples pour des frameworks comme Next.js/React.

Quand l'utiliser

Utilisez cette compétence lors de l'audit de modèles de pages, de l'exécution de vérifications SEO automatisées, de la génération de suggestions de H1 pour des pages de destination ou des articles de blog, ou de la révision de sorties CMS susceptibles de produire des titres vides ou dupliqués. Idéal pour les ingénieurs, les éditeurs de contenu et les auditeurs SEO.

Ce qui est inclus

• Scripts : aucun script dans cette compétence (has_scripts=false)
• Références : inclut un répertoire references/ avec les détails de la règle et un lien externe vers frontendchecklist.io (has_references=true)
• Instructions : analyser le DOM rendu, compter les éléments <h1>, affirmer la présence d'exactement un H1 non vide, comparer avec le <title>, et s'assurer que le H1 n'est pas un élément d'en-tête partagé ou réservé à la marque. Fournit des étapes de remédiation et des exemples de balisage avant/après.

Agents compatibles

Idéal pour les agents capables d'inspecter le HTML/DOM rendu ou d'effectuer des audits de pages légers (agents capables de naviguer sur le Web, crawlers avec Puppeteer, ou vérifications de rendu côté serveur).