Mise en forme par listes

TL;DR — Les listes sont le format de contenu le plus extractable. Les moteurs IA générant des réponses à puces piochent presque toujours dans les éléments <ul>/<ol>. Une page sans listes oblige le modèle à faire plus de travail d'extraction — et il peut choisir une page concurrente qui a déjà des listes.

Pourquoi la mise en forme par listes est importante pour les moteurs IA

Les listes sont du contenu pré-extrait. Quand un moteur IA génère une réponse à puces, il pioche dans les éléments <ul> ou <ol> des pages sources — pas dans de la prose qu'il doit décomposer en puces. Le travail structurel de présentation de l'information sous forme de liste a déjà été fait par l'auteur, et le modèle peut le reproduire directement.

Ce n'est pas une préférence de mise en forme — c'est une propriété fondamentale du fonctionnement des systèmes de contenu extractif. Les paragraphes de prose denses exigent que le modèle identifie quelles phrases sont les affirmations clés, les décompose et les restructure en éléments de liste. Cette transformation introduit des erreurs et des paraphrases. Les listes éliminent entièrement la transformation.

Une page sans listes est structurellement pénalisée dans les contextes de citation IA. Le modèle doit faire significativement plus de travail pour extraire du contenu de qualité citation à partir de la prose, comparé à une liste bien structurée. Quand du contenu équivalent existe sur une page concurrente sous forme de <ul>, la page concurrente sera presque toujours préférée comme source de citation.

Comment implémenter

• Utilisez <ul> pour les éléments non ordonnés (fonctionnalités, options, considérations)
• Utilisez <ol> pour les étapes, les classements ou les processus ordonnés
• Gardez les éléments de liste parallèles en structure — tous commencent par un verbe, ou tous commencent par un syntagme nominal
• 3 à 8 éléments par liste est optimal ; les listes plus longues perdent en cohérence
• N'utilisez pas de lignes séparées par <br>, des tirets ou des caractères • comme fausses listes — ils ne sont pas sémantiques

Erreurs courantes

• Utiliser des éléments <div> stylisés en CSS comme listes visuelles — ils ressemblent à des listes pour les humains mais sont invisibles pour les analyseurs sémantiques
• Imbriquer les listes à plus de 2 niveaux de profondeur — les listes profondément imbriquées sont difficiles à extraire pour les modèles sans perdre la structure
• Listes d'un seul élément — une liste à un seul élément est juste un paragraphe avec un balisage supplémentaire ; combinez-le avec du contenu adjacent ou supprimez le wrapper de liste

Sources

• MDN — L'élément Liste non ordonnée