Réparation du plan de titres

Les titres forment un plan de document sur lequel s'appuient les technologies d'assistance comme les moteurs de recherche. Des niveaux choisis pour la taille visuelle plutôt que pour la hiérarchie produisent un plan qui dit autre chose que la page. Cette compétence répare la structure sans toucher au design.

Le fichier de compétence

---
name: heading-outline-repair
description: À utiliser quand une page se lit bien pour un humain mais que sa structure de titres est illisible pour un crawler ou un lecteur d'écran.
---

# Réparation du plan de titres

Les titres forment un plan de document sur lequel s'appuient les technologies d'assistance comme les moteurs de recherche. Des niveaux choisis pour la taille visuelle plutôt que pour la hiérarchie produisent un plan qui dit autre chose que la page. Cette compétence répare la structure sans toucher au design.

## Ce qu’il vous faut d’abord

- La page rendue
- Sa hiérarchie visuelle telle que conçue

## Méthode

1. Extrayez chaque titre dans l'ordre du document avec son niveau, en ignorant totalement la mise en forme.
2. Vérifiez les trois défauts structurels : absence de H1, plus d'un H1, et sauts de niveaux comme un H2 suivi directement d'un H4.
3. Lisez le plan extrait isolément. S'il ne décrit pas la page, les niveaux sont faux, quelle que soit l'apparence de la page.
4. Regardez ce que contient le H1. Un texte masqué destiné aux lecteurs d'écran, ou un élément de titre rotatif, peut gonfler le titre à des centaines de caractères, un humain voit un titre court là où un crawler lit un paragraphe.
5. Corrigez en changeant les niveaux pour qu'ils correspondent au sens, puis rétablissez l'apparence en CSS. Taille et niveau sont indépendants.
6. Sortez du titre toute phrase réservée aux lecteurs d'écran vers un élément frère, afin que la technologie d'assistance la conserve pendant que le titre reste court.

## Ce que ça produit

Un plan corrigé, ainsi que tout contenu masqué retiré des titres et déplacé sans perte.

## Là où ça dérape

- Choisir le niveau de titre selon la taille de police
- Laisser du texte visuellement masqué dans un H1, ce qui le gonfle pour les crawlers
- Utiliser plusieurs H1 parce qu'un template de framework en produit plusieurs

---

Extrait de la bibliothèque de compétences QuQi - https://www.quqi.io/fr/skills/heading-outline-repair

Ce qu’il vous faut d’abord

• La page rendue
• Sa hiérarchie visuelle telle que conçue

Méthode

1. 01 Extrayez chaque titre dans l'ordre du document avec son niveau, en ignorant totalement la mise en forme.
2. 02 Vérifiez les trois défauts structurels : absence de H1, plus d'un H1, et sauts de niveaux comme un H2 suivi directement d'un H4.
3. 03 Lisez le plan extrait isolément. S'il ne décrit pas la page, les niveaux sont faux, quelle que soit l'apparence de la page.
4. 04 Regardez ce que contient le H1. Un texte masqué destiné aux lecteurs d'écran, ou un élément de titre rotatif, peut gonfler le titre à des centaines de caractères, un humain voit un titre court là où un crawler lit un paragraphe.
5. 05 Corrigez en changeant les niveaux pour qu'ils correspondent au sens, puis rétablissez l'apparence en CSS. Taille et niveau sont indépendants.
6. 06 Sortez du titre toute phrase réservée aux lecteurs d'écran vers un élément frère, afin que la technologie d'assistance la conserve pendant que le titre reste court.

Ce que ça produit

Un plan corrigé, ainsi que tout contenu masqué retiré des titres et déplacé sans perte.

Là où ça dérape

• Choisir le niveau de titre selon la taille de police
• Laisser du texte visuellement masqué dans un H1, ce qui le gonfle pour les crawlers
• Utiliser plusieurs H1 parce qu'un template de framework en produit plusieurs

Utiliser cette compétence dans votre propre IA

Le fichier téléchargé est un simple markdown dont l'en-tête porte le nom et le déclencheur. Quand un assistant sait charger des compétences tout seul, c'est cet en-tête qu'il lit pour décider que celle-ci s'applique.

Plus dans SEO on-page