Comment créer une table des matières dans WordPress (2026): Les méthodes sans code qui fonctionnent toujours - FR

WordPress a livré un bloc Table des matières depuis 2022. Quatre ans plus tard, c'est toujours signalé “expérimental,” donc une installation auto-hébergée par défaut ne peut même pas la voir dans l'éditeur. Cela signifie que chaque tutoriel vous dit de “ajoutez simplement le bloc natif” pointe vers une fonctionnalité qui n'existe pas vraiment. Voici la partie que personne ne mentionne: vous avez probablement déjà une table des matières fonctionnelle, niché dans un plugin que vous avez installé pour autre chose.

Réponse rapide: Exécution de Rank Math ou All in One SEO? Vous disposez déjà d'un Bloc Table des matières. Déposez-le au-dessus de votre premier titre et il construit automatiquement la liste à partir de vos H2 et H3.. Pas encore de plugin SEO? Installer SimpleTOC (un bloc de 10 000 installations qui ajoute zéro JavaScript frontal) ou Table des matières facile (600,000+ installe, insertions automatiques sur l'ensemble de votre site). Je ne veux aucun plugin du tout? Vous pouvez créer manuellement des liens d’ancrage en dix minutes environ.


comment-créer-une-table-des-matières-sans-codage-guide-comment-héberger


Dernière révision: juin 2026. Nombre d'installations de plugins, notes, et le statut du bloc principal a été vérifié par rapport à WordPress.org et au projet Gutenberg ce mois-ci.

Ce qui différencie ce guide des dizaines qui le précèdent: il ignore le bloc expérimental que la plupart des sites ne peuvent pas utiliser. Il mène avec l'outil gratuit que vous possédez probablement déjà. Et il vous indique quels niveaux de titre et quels emplacements aident réellement les lecteurs., pas seulement quels plugins existent.

Pourquoi une table des matières mérite sa place

Deux raisons, et ils tirent dans la même direction. Première, les lecteurs parcourent. Sur un guide de 2 500 mots, a clickable list near the top lets someone jump straight to the section they came for. No scrolling past four things they don’t need. Less friction, fewer bounces.

Deuxième, Google reads those anchor links too. When your headings carry proper anchors, Google can show “sauter à” links right under your result, sending visitors deep into the page. That extra real estate in the results pushes your listing taller and lifts click-through. If on-page structure for search is your main goal, associer un plan de titre épuré avec Hébergement optimisé pour le référencement couvre à la fois le contenu et la livraison.

Une mise en garde honnête. Une table des matières aide à un contenu long. Mettez-en un sur un message de 400 mots et c'est du désordre. La ligne dure: si l'article comporte quatre sections H2 ou plus, ajoutez-en un. En dessous de ça, saute-le.

Méthode 1: Utilisez le bloc Table des matières que vous possédez déjà

Commencez ici, parce que cela ne coûte rien et n'ajoute aucun nouveau plugin. Deux des gros plugins SEO gratuits, Rank Math et référencement tout-en-un, inclure un bloc Table des matières sans frais. Si l'un ou l'autre est déjà sur votre site, le travail est pratiquement terminé.

Pour SEO tout-en-un, ouvrez le message dans l'éditeur de bloc, cliquez sur Ajouter un bloc (+) icône où vous voulez la liste (généralement juste après votre introduction), et recherche “AIO.” Choisissez le Table des matières AIOSEO bloquer. Il scanne la page, extrait chaque titre, et indente seul vos H3 sous leurs H2 parents. Vous obtenez des options de style de liste (des puces ou des chiffres) et une bascule pliable pour que les lecteurs mobiles puissent la replier.

Rank Math fonctionne de la même manière: insérer son bloc Table des matières, et il génère la liste à partir de vos rubriques. Les deux sont gratuits. Les deux se mettent à jour à mesure que vous ajoutez ou réorganisez les titres. Ni l'un ni l'autre ne vous demande de toucher une ligne de HTML.

Un piège si vous exécutez Yoast. C’est le plugin SEO le plus installé du marché, mais sa version gratuite n'a aucun bloc Table des matières. Yoast en regroupe un seul dans son version payante Niveau Premium. Donc si Yoast est votre plugin et que vous n'êtes pas sur Premium, ne perds pas vingt minutes à chercher un bloc qui n'est pas là. Utiliser la méthode 2 ou 4 au lieu.

Le piège à connaître: un bloc se trouve dans un seul message. Il n’apparaîtra pas automatiquement sur les articles plus anciens. Si vous souhaitez que chaque article du site ait une table des matières sans que vous les éditiez chacun, passer à la méthode 3.

  • Coût: gratuit, pas de plugin supplémentaire si vous utilisez déjà une suite SEO
  • Effort: à propos 30 secondes par message
  • Meilleur pour: les personnes qui ont déjà installé Rank Math ou AIOSEO

Méthode 2: Un bloc poids plume (SimpleTOC)

Pas de plugin SEO, et tu n'en veux pas juste pour une liste? SimpleTOC est le choix lean. Il s’agit d’un bloc Gutenberg à usage unique avec une note de 5 étoiles. 76 avis sur WordPress.org, et son trait remarquable est ce qu'il ne fait pas: par défaut il se charge pas de JavaScript et pas de CSS sur le front-end. Le défilement fluide et le style en accordéon sont facultatifs, et ils n'ajoutent des actifs que lorsque vous les activez.

Cette retenue compte plus qu'il n'y paraît. Easy Table of Contents supporte 60 fois la base d'installation, mais il charge son propre JavaScript et CSS sur chaque page affichant une table des matières. L'empreinte proche de zéro de SimpleTOC signifie qu'il n'apparaîtra pas comme un poids bloquant le rendu dans un audit PageSpeed.. Sur un hôte rapide, la différence est faible, mais c'est réel, et votre vitesse d'origine fait toujours le gros du travail dans les deux cas. Hébergement de votre site sur Hébergement WordPress basé sur SSD fait plus pour le temps de chargement que la réduction de quelques kilo-octets d'une table des matières ne le fera jamais.

La configuration est la même routine en deux clics: ajoutez le bloc SimpleTOC au dessus de votre premier H2, et il construit le plan à partir de vos titres. Il s'agit par défaut de simples listes HTML, c'est exactement ce que vous voulez pour l'accessibilité et un balisage propre.

  • Coût: gratuit, pas de niveau payant
  • Effort: ajouter un bloc par message
  • Meilleur pour: sites soucieux de la vitesse sans plugin SEO installé

Méthode 3: Réglez-le et oubliez-le (Table des matières facile)

Voici celui à atteindre lorsque vous en avez 200 messages existants et aucun intérêt à tous les éditer. Easy Table of Contents est l'option la plus installée dans cet espace sur 600,000+ installations actives, noté 4.4 hors de 5 à travers 219 Commentaires, et il est activement entretenu (version 2.0.85, testé jusqu'à WordPress 7.0). Ce n'est pas un plugin abandonné.

Son véritable truc est l'insertion automatique. Dans les paramètres du plugin, vous choisissez quels types de publications obtiennent une table des matières (des postes, pages, ou les deux), définir un nombre de titres minimum pour le déclencher, et choisis où il atterrit. A partir de là, chaque article éligible reçoit une liste sans travail par publication. Rétroactivement. C'est la fonctionnalité que SimpleTOC et les blocs du plugin SEO ne peuvent pas égaler.

Quelques limites honnêtes. La version gratuite gère tout via cette insertion automatique globale et un shortcode, pas un bloc glisser-déposer; le bloc Gutenberg et le widget Elementor vivent dans le niveau Pro payant. Et l'insertion automatique à l'échelle du site signifie que vous obtiendrez occasionnellement une table des matières à un endroit où vous n'en vouliez pas., alors gardez l'option de désactivation par publication à portée de main. Pour la plupart des blogs, l'échange en vaut la peine.

  • Coût: noyau gratuit, Pro en option pour le bloc et les widgets
  • Effort: configuration unique, puis automatique
  • Meilleur pour: sites avec de nombreuses publications existantes qui nécessitent une table des matières en même temps

Je ne veux pas d'un autre plugin dans la pile? Vous pouvez créer une table des matières à la main dans l'éditeur de blocs. Aucun code au-delà de quelques clics par rubrique. C’est aussi la méthode la plus durable, car cela ne dépend de rien qui puisse casser lors d'une mise à jour.

Le processus comporte deux moitiés: marquer chaque titre avec une ancre, puis créez un lien vers ces ancres à partir d'une liste en haut.

  • Étape 1: Ajouter une ancre. Cliquez sur un H2, ouvrir la barre latérale des paramètres de blocage, développer Avancé, et tapez un court slug dans le champ HTML Anchor (dire, tarification ou étapes de configuration). Répétez pour chaque titre que vous souhaitez lier.
  • Étape 2: Construire la liste. En haut de ton message, ajoutez un bloc Liste et tapez les titres de vos sections.
  • Étape 3: Liez chaque élément. Mettre en surbrillance un élément de la liste, cliquez sur le bouton lien, et entrez # plus l'ancre que vous avez fixée (par exemple, #tarification). Le hachage indique au navigateur de faire défiler jusqu'à cet endroit sur la même page.
  • Étape 4: Testez-le. Prévisualisez la publication et cliquez sur chaque lien. Chacun devrait sauter dans sa section.

Oui, c'est plus manuel, et vous devez mettre à jour la liste à chaque fois que vous ajoutez une section. Mais cela produit le balisage le plus propre possible, survit aux changements de plugin, et vous donne un contrôle total sur la formulation et l'ordre. Pour une page fondamentale que vous toucherez rarement, c'est un bon choix. Pour un blog sur lequel vous publiez chaque semaine, l'entretien vieillit vite, c'est exactement à ce moment-là que la méthode 1 ou 3 gagne.

À propos de ça “Indigène” Bloc Table des matières

Cela fait trébucher beaucoup de gens, alors mettons les choses au clair. WordPress a ajouté un bloc Table des matières au projet Gutenberg dans la version 13.3, libéré dans 2022. Le problème? Il n'a jamais obtenu son diplôme. À partir de juin 2026 c'est toujours marqué expérimental, ce qui signifie qu'il n'apparaît que si vous avez installé le plugin Gutenberg séparé et activé les fonctionnalités expérimentales. Une installation WordPress standard (le logiciel de base que la plupart des hébergeurs vous proposent) ne l'affiche pas du tout dans l'outil d'insertion de blocs.

WordPress.com brouille encore plus les cartes. Les sites proposent un bloc Table des matières qui se construit automatiquement à partir de vos en-têtes H2 à H6.. Mais même la propre page d’assistance de WordPress.com indique qu’elle s’appuie sur le plugin Gutenberg actif.. Donc, si un guide vous dit que le blocage est “intégré” et tu es allé chercher et tu n'as rien trouvé, tu ne l'as pas fait mal. Ce n'est généralement pas encore là.

Conclusion: n'attendez pas le bloc de base. Les méthodes fonctionnent surtout aujourd’hui sur n’importe quel site WordPress actuel. Et le bloc SEO-plugin dans Méthode 1 vous offre la même commodité d'un seul bloc que les gens attendent du modèle natif.

Quelle méthode devriez-vous réellement choisir?

Ignorer la routine de liste de contrôle des fonctionnalités. Adaptez plutôt la méthode à votre situation.

  • Vous utilisez déjà Rank Math ou AIOSEO, publier quelques articles par mois: utilisez le bloc du plugin SEO (Méthode 1). Zéro nouveau plugin, et c'est gratuit. Ajouter un plugin TOC dédié par-dessus serait tout simplement un poids redondant.
  • Pas de plugin SEO, vous vous souciez de la vitesse des pages, moins de ~50 messages: SimpleTOC (Méthode 2). L'empreinte sans JavaScript maintient votre score PageSpeed ​​propre, et l'insertion par publication n'est pas un fardeau à ce volume.
  • Un grand blog existant (100+ des postes) tout cela a besoin d'une table des matières maintenant: Table des matières facile (Méthode 3). L'insertion automatique s'applique rétroactivement à l'ensemble de l'archive dans un seul paramètre. Faire cela à la main ou bloc par bloc prendrait des jours.
  • Une seule page de destination de grande valeur, ou vous refusez d'ajouter des plugins: ancres fabriquées à la main (Méthode 4). Contrôle maximal, zéro dépendance, et rien à casser lors d'une mise à jour d'un plugin.
  • Vous construisez avec Elementor Pro: utilisez son widget de table des matières intégré. C'est une fonctionnalité réservée aux professionnels, mais si vous payez déjà pour Elementor, Theme Builder peut le placer sur l'ensemble du site en un seul geste. Aucun plugin séparé n'est nécessaire.

Un chevauchement pour appeler: n'en lancez pas deux à la fois. Un bloc de plugin SEO et l'insertion automatique d'une table des matières facile sur le même article vous donnent deux tables des matières empilées l'une sur l'autre.. Choisissez un chemin par type de publication.

Style et bonnes pratiques

Une table des matières fonctionnelle est la première étape. Une règle utile suit quelques règles que la plupart des tutoriels ignorent.

  • Placez-le après votre introduction, avant le premier H2. Les lecteurs veulent la carte après avoir connu le contenu de l'article., pas avant. Cet emplacement se trouve également au-dessus du pli sur la plupart des publications.
  • Limitez-le à H2 et H3. Extraire les H4 et H5 fait de la liste un mur de liens que personne ne lit. Deux niveaux de profondeur sont le point idéal. La plupart des blocs vous permettent de définir la profondeur.
  • Rendre le pliable sur mobile. Une liste de 12 éléments qui abaisse votre contenu réel d'un demi-écran sur un téléphone fait plus mal qu'elle n'aide. Les options AIOSEO et Easy Table of Contents offrent toutes deux une bascule pliable. Utilisez-le.
  • Pensez à coller uniquement sur des pièces très longues. Une table des matières flottante qui suit le défilement est pratique sur une page pilier de 4 000 mots et ennuyeuse sur un article de 900 mots. Réservez-le aux grands.
  • Attention au poids. Si vous empilez un plugin TOC sur un site déjà riche en plugins, les kilo-octets s'additionnent. Notre répartition du formule de vitesse d'hébergement montre où quelques scripts supplémentaires commencent réellement à réduire le temps de chargement, et là où ils ne le font pas.

Note d'accessibilité rapide, parce que c'est gratuit de réussir: conserver la liste comme de véritables éléments de liste HTML avec un texte descriptif. Les lecteurs d'écran naviguent à travers eux, et Google aussi. Les quatre méthodes ci-dessus produisent un balisage approprié par défaut, vous êtes donc couvert tant que vous ne le remplacez pas par des hacks HTML personnalisés.

Dépannage des problèmes courants

Presque toujours une inadéquation d’ancrage. Sur des listes construites à la main, confirmer la cible du lien (#tarification) correspond exactement à l'ancre HTML sur le titre. Avec des tables des matières basées sur des blocs, il y a une bizarrerie connue: certains ne génèrent pas d'ancres en direct tant que vous n'avez pas enregistré la publication et rechargé l'éditeur une fois. sauver, rafraîchir, puis teste à nouveau avant de supposer qu'il est cassé.

Deux tables des matières s'affichent

Vous disposez d'un plugin d'insertion automatique (Table des matières facile) et un bloc manuel tirant sur le même poste. Désactivez-en un. Soit désactivez l'insertion automatique pour ce type de message, ou supprimer le bloc. Choisissez une seule méthode par type de contenu et les doublons disparaîtront.

La table des matières est vide ou des sections manquantes

Deux causes habituelles. Votre message peut ne pas atteindre le nombre minimum de titres que le plugin doit déclencher (vérifiez ce seuil dans les paramètres). Ou vos titres sont rédigés en texte brut plutôt qu'en véritables blocs de titres H2/H3., donc le générateur ne peut pas les voir. Convertissez-les en titres appropriés et ils apparaîtront.

Cela semble bien sur ordinateur mais casse la mise en page sur mobile

Une longue liste non réduite ou un contenu superposé qui se chevauche. Activez l'option pliable, et déposez le positionnement collant sur les messages plus courts. Si votre thème combat le style, le conflit est généralement dû à un thème ou à une version PHP obsolète; hébergement WordPress géré garde cette pile à jour pour vous, ce qui évite beaucoup de ces bugs d'affichage.

Questions fréquemment posées

WordPress a-t-il une table des matières intégrée?

Pas au sens pratique. Un bloc Table des matières existe dans le projet Gutenberg, mais c'est expérimental depuis 2022 et n'est toujours pas dans le noyau de WordPress à ce jour 2026. Une installation normale ne le montrera pas. Le plus proche “intégré” l'option est le bloc gratuit dans Rank Math ou All in One SEO, si vous en exécutez déjà un.

Ai-je besoin d'un plugin pour ajouter une table des matières dans WordPress?

Non. Vous pouvez en créer un à la main en utilisant des ancres HTML sur vos titres et une liste chaînée en haut, sans plugin du tout. Un plugin ou un bloc de plugin SEO automatise simplement ce travail et met à jour la liste lorsque vos titres changent. Pour une seule page, le manuel est bien; pour un blog chargé, l'automatisation fait gagner du temps réel.

Quel est le meilleur plugin de table des matières gratuit pour WordPress?

Pour la plupart des gens, le bloc déjà dans Rank Math ou AIOSEO, puisque cela n'ajoute rien de nouveau. Si vous n'avez pas de plugin SEO et souhaitez un poids de page minimal, SimpleTOC (pas de JavaScript frontend par défaut) est le choix lean. Pour appliquer une table des matières sur des centaines de publications existantes à la fois, Table des matières facile et ses gains d'insertion automatique.

Yoast SEO a-t-il un bloc de table des matières?

Seulement celui payant. Yoast SEO Premium fournit un bloc Table des matières, mais le plugin gratuit Yoast ne l'inclut pas. Si vous exécutez Yoast gratuitement, ne mettez pas à niveau juste pour ça. Ajouter SimpleTOC, activer la table des matières facile, ou construisez à la main les liens d'ancrage à la place.

Une table des matières aide-t-elle le référencement?

Indirectement, Oui. Cela ne vous classe pas plus haut en soi, mais les liens d'ancrage peuvent gagner “sauter à” liens sous votre résultat Google, qui augmente les clics. Il permet également aux lecteurs de rester plus longtemps sur la page en les aidant à trouver ce qu'ils veulent.. Les deux sont des signaux de récompense pour les moteurs de recherche.

Où doit aller la table des matières dans un article de blog?

Juste après l'introduction et avant votre premier cap H2. Les lecteurs veulent un aperçu une fois qu’ils connaissent le sujet, pas avant. Cette position a également tendance à se situer au-dessus du pli, donc c'est visible sans faire défiler la plupart des messages.

Généralement une des deux choses. Les ancres de titre et les cibles de lien ne correspondent pas exactement (une faute de frappe ou un slug différent), ou une table des matières basée sur des blocs n'a pas encore actualisé ses ancres. Enregistrez le message, recharger l'éditeur, et re-tester. Si vous avez créé les liens à la main, revérifiez chacun # cible par rapport au champ d'ancrage HTML de son titre.

Prochaines étapes

Une table des matières est un petit élément permettant de rendre le long contenu WordPress lisible et convivial.. Une fois que c'est dedans, les plus gros gains viennent du contenu qui l'entoure: titres bien structurés, pages rapides, et des articles qui valent la peine d'être parcourus en premier lieu. Si vous êtes encore en train de développer votre site, notre regard sur Constructeur WordPress IA explique comment rédiger cette structure rapidement, et les guides d'hébergement et de vitesse SEO liés ci-dessus gèrent le côté livraison. Obtenez les bons titres, choisissez la méthode qui correspond à votre configuration, et vos lecteurs (et Google) trouveront leur chemin sans hésiter.

Recherche et rédaction par:
Éditeurs HowToHosting
HowToHosting.guide fournit une expertise et un aperçu du processus de création de blogs et de sites Web, trouver le bon hébergeur, et tout ce qui se trouve entre les deux. En savoir plus...

Laisser un commentaire

Votre adresse email ne sera pas publiée. les champs requis sont indiqués *

Ce site utilise des cookies pour améliorer l'expérience utilisateur. En utilisant notre site Web, vous consentez à tous les cookies conformément à notre Politique de confidentialité.
Je suis d'accord
Sur HowToHosting.Guide, nous proposons des avis transparents sur l'hébergement Web, garantir l’indépendance vis-à-vis des influences extérieures. Nos évaluations sont impartiales car nous appliquons des normes strictes et cohérentes à tous les avis..
Bien que nous puissions gagner des commissions d'affiliation de certaines des sociétés présentées, ces commissions ne compromettent pas l'intégrité de nos avis et n'influencent pas notre classement.
Les revenus de l'affilié contribuent à couvrir l'acquisition du compte, frais de tests, entretien, et développement de notre site Web et de nos systèmes internes.
Faites confiance à howtohosting.guide pour des informations fiables et une sincérité en matière d'hébergement.