Vous souhaitez ajouter une table des matières à vos publications ou pages WordPress ?
Une table des matières (TOC) peut faciliter la navigation dans un long article et améliorer le référencement de votre site WordPress. Cependant, elle peut être difficile à créer pour les débutants.
Dans cet article, nous allons vous afficher comment créer une table des matières dans les publications et les pages de WordPress.
Pourquoi ajouter une table des matières aux publications et aux pages dans WordPress ?
Vous avez peut-être déjà vu la table des matières sur des sites comme Wikipédia. Nous les utilisons également sur WPBeginner pour nos longs articles, comme notre guide ultime pour booster la vitesse et les performances de WordPress.
Vous pouvez ajouter une table des matières aux publications de votre site WordPress afin de faciliter le passage d’une section à l’autre d’un long article.
Non seulement ils améliorent l’expérience des utilisateurs/utilisatrices, mais ils aideront également votre référencement WordPress. En effet, Google peut utiliser la table des matières pour ajouter automatiquement des liens » passer à la section » dans les résultats de recherche.
Une table des matières peut également aider votre publication à figurer en tant que mis en avant (featured snippet) en haut de la page de résultats des moteurs de recherche.
Cela vous aidera à obtenir un maximum de trafic pour le référencement.
Ceci étant dit, voyons comment créer facilement une table des matières dans les publications et les pages de WordPress. Nous allons vous afficher comment le faire automatiquement avec une extension et manuellement en utilisant des liens d’ancrage :
Méthode 1 : Ajout automatique d’une table des matières dans WordPress
AIOSEO, également connu sous le nom de All in One SEO, est la meilleure extension WordPress SEO, et il est livré avec un bloc de table des matières intégré pour WordPress.
Nous recommandons cette méthode car elle vous permet de gagner du temps en générant automatiquement la table des matières sur la base de vos sous-titres, tout en la rendant entièrement personnalisable grâce à des liens modifiables.
En savoir plus, voir notre Avis terminé sur AIOSEO.
La première chose à faire est d’installer l’extension gratuite All in One SEO Lite. Pour plus de détails, consultez notre guide étape par étape sur l’installation d’une extension WordPress.
Vous avez juste besoin de la version gratuite pour ajouter facilement une table des matières, mais AIOSEO Pro offre encore plus de fonctionnalités avant de vous aider à mieux vous classer dans les pages de résultats des moteurs de recherche.
Une fois activé, vous devrez configurer l’extension à l’aide de l’assistant de configuration d’AIOSEO. Pour des instructions détaillées, consultez notre guide sur la façon de configurer correctement All in One SEO pour WordPress.
Ajout d’une table des matières avec All in One SEO
Vous devrez créer ou modifier la publication ou la page où vous souhaitez ajouter la table des matières. Ensuite, cliquez sur l’icône bleue « + » dans l’éditeur de blocs et trouvez le bloc « AIOSEO – Table des matières ».
Il suffit de faire glisser le bloc sur la publication ou la page où vous souhaitez que la table des matières apparaisse.
Note : Une fois que vous aurez ajouté une table des matières, vous remarquerez peut-être que le bloc « AIOSEO – Table des matières » sera grisé. C’est parce que vous pouvez uniquement avoir une table des matières par publication ou par page.
L’extension identifiera automatiquement les titres de la page et les ajoutera à votre table des matières. Si vous utilisez différents niveaux de titres (par exemple H2 et H3), les titres de niveau inférieur seront indentés pour afficher la structure de votre contenu.
Si vous êtes encore en train de rédiger le contenu de votre publication ou de votre page, alors tous les titres ajoutés au document seront automatiquement ajoutés à la table des matières.
Personnaliser la table des matières avec All in One SEO
Il existe plusieurs façons de personnaliser la table des matières en fonction de vos besoins. Par exemple, vous pouvez cliquer sur un Titre pour le renommer. Cela renommera le Titre dans la table des matières, mais pas l’article.
AIOSEO créera automatiquement des liens d’ancrage pour chaque Titre. Vous pouvez cliquer sur l’icône Lien pour modifier le texte de l’ancre, et celui-ci est modifié à la fois dans la table des matières et dans la rubrique du contenu de la publication.
Vous pouvez également cliquer sur l’icône en forme d’œil située à côté de l’un des titres pour le masquer. Les utilisateurs/utilisatrices Pro peuvent réorganiser les titres dans le bloc de la table des matières. Le Titre réorganise les titres dans la table des matières, mais pas dans l’article.
Vous trouverez également un Réglage pour le bloc dans la colonne latérale. Vous pouvez y choisir un style de liste à puces ou numérotée pour votre table des matières.
Enfin, lorsque vous avez terminé de personnaliser votre table des matières WordPress, vous devez cliquer sur le bouton » Terminé » pour enregistrer vos modifications.
Vous pouvez maintenant voir à quoi ressemblera la table des matières pour vos internautes.
Il est conseillé d’ajouter un Titre ou un paragraphe au-dessus de la table des matières. Vos lecteurs comprendront ainsi clairement qu’il s’agit d’une table des matières.
Lorsque vos internautes cliquent sur un Link dans la table des matières, ils sont immédiatement dirigés vers ce Titre de l’article. Cela permet aux utilisateurs/utilisatrices de passer directement à la section qui les intéresse le plus.
La raison pour laquelle nous apprécions la fonctionnalité de table des matières d’AIOSEO est qu’elle vous permet de personnaliser les titres et de les masquer de manière sélective si nécessaire.
Il s’agit d’une fonctionnalité essentielle que la plupart des autres extensions de table des matières ne possèdent tout simplement pas.
Méthode 2 : Ajout manuel d’une table des matières dans WordPress
Vous pouvez également créer une table des matières manuellement à l’aide de liens d’ancrage sans avoir recours à une extension. Toutefois, cela vous demandera plus de temps et d’efforts.
Vous pouvez en savoir plus sur les liens d’ancrage dans notre guide sur l ‘ajout de liens d’ancrage dans WordPress.
Saisir la table des matières
Tout d’abord, vous devez ajouter un bloc » Liste » dans lequel vous pouvez ajouter les titres de la table des matières. Vous pouvez soit taper les titres dans la liste, soit les copier et les coller un par un à partir du contenu de votre article.
Comment ajouter un texte d’ancrage aux blocs de titres ?
Ensuite, vous devrez ajouter un attribut d’ancre à chaque Titre que vous souhaitez référencer dans la table des matières. Cela permettra à WordPress de savoir où sauter lorsqu’un internaute clique sur le titre dans la table des matières.
Vous devez d’abord cliquer sur le Titre, tel que H2 ou H3. Ensuite, vous devez cliquer sur la flèche « Avancé » dans le volet des Réglages du bloc pour afficher les réglages avancés.
Saisissez ensuite un mot ou une phrase unique sans espace dans le champ « Ancre HTML ». Si vous le souhaitez, vous pouvez utiliser des traits d’union pour séparer chaque mot.
Il suffit ensuite de répéter cette opération pour tous les autres titres qui figureront dans la table des matières.
Conseil : si vous collez le Titre dans ce champ, les traits d’union seront ajoutés automatiquement. C’est un moyen facile de créer un ID unique qui représente aussi clairement le Titre.
Ajout de liens d’ancrage à la table des matières
La dernière étape consiste à lier les titres de la table des matières aux ancres HTML que vous avez créées.
Vous devez mettre en évidence la première entrée de votre bloc de liste, puis cliquer sur l’icône « Link » dans la barre d’outils.
Ensuite, vous devez taper un hashtag (#), puis taper ou coller le texte d’ancrage de ce titre.
Le # indique à WordPress de passer à cette section de la publication en cours. Vous n’ajoutez pas le nom de domaine ou d’autres paramètres d’URL.
Une fois cette étape franchie, vous devez appuyer sur « Publier » ou cliquer sur l’icône « Envoyer » pour créer le lien.
Le lien d’ancrage sera ajouté à la liste de votre table des matières. Lorsque vos internautes cliqueront sur ce Link, ils seront immédiatement dirigés vers ce Titre dans le contenu de la publication ou de la page.
Vous pouvez répéter ces étapes pour ajouter des liens d’ancrage aux autres titres de la table des matières.
Nous espérons que ce tutoriel vous a aidé à apprendre comment créer une table des matières dans les publications et les pages WordPress. Vous pouvez également consulter notre guide sur la façon d’augmenter le trafic de votre blog ou notre choix d’experts des extensions WordPress incontournables pour développer votre site.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Sam Smith says
I am in word press post editor and I do not see the blue plus button or the advanced block. How do I see those features?
WPBeginner Support says
If you re using the block editor then you may want to try disabling distraction free editing in the top-right and that should allow you to see the plus again.
Administrateur
Ahmed Omar says
I am already using the first method, and it help my site to appear first in some search results and of course bringing more visitors
Thank you
WPBeginner Support says
You’re welcome!
Administrateur
Thank you so much says
Can you please tell how to change the font color in TOC?
WPBeginner Support says
For that, you would need to use CSS to change the color of the text. You can see how to change the text color in our article below!
https://www.wpbeginner.com/wp-tutorials/how-to-change-the-text-color-in-wordpress-easy-methods/
Administrateur
ario says
I tried to create table of content manually like the way you taught us and it worked well, until I added page break and separated the points into different parts or pages. Is there a solution for this?
WPBeginner Support says
If you separate the page then you would need to include the entire URL before the # as well as the anchor to link correctly.
Administrateur
Mark says
Back in the day, when websites were new, we used to call this a Site Map. But yeah, it was kind of expected for the search engines to find a site map on your website.
Thanks for the reminder and the info.
WPBeginner Support says
Sitemaps are slightly different, we have our guide below for sitemaps specifically. The Table of contents is to allow your visitors to jump to a specific section of a post
https://www.wpbeginner.com/beginners-guide/what-is-a-wordpress-sitemap-how-to-create-a-sitemap-in-wordpress/
Administrateur
samarth says
Which one is better for SEO? Adding TOC manually by HTML or using a Plugin?
WPBeginner Support says
If the information added is the same, then there is no difference. The plugin is there to help make the process easier and help ensure any markup is properly added.
Administrateur
Tay says
How can I manually place the TOC on specific pages? It seems I can only disable auto-insertion but I can’t then decide where I want to put the table on the page. Is this possible?
WPBeginner Support says
The table of contents would need to be enabled for pages and then there should be an option when editing the specific page you want to add it to.
Administrateur
Muhammad Arslan Sharif says
What a tutorial and very helpful for me and other who want to add new features in their websites and in blogs. In very short words you explain exceptionally.
WPBeginner Support says
Glad you found our guide helpful
Administrateur
Rianne says
Brilliant! What I thought would take me hours took me 20 minutes instead
WPBeginner Support says
Glad our guide was helpful
Administrateur
Claudia says
Thank you for all your helpful articles!
WPBeginner Support says
You’re welcome
Administrateur
Kim Balchios says
My developer created a Table of Contents on a really long blog I wrote. I edited one of the entries and the link fell off.
When I try to create a new entry it says « Paste URL or type to search. » If I add the URL, it will take the reader to the top of the blog not the exact place inside the blog.
WPBeginner Support says
You would want to create an anchor link following our guide below:
https://www.wpbeginner.com/beginners-guide/how-to-easily-add-anchor-links-in-wordpress-step-by-step/
Administrateur
David Ellin says
this video shows me how to create a table of contents within a post. I want to create a table of contents for my entire blog so that the title of each article appears in the TOC. How do I do that?
WPBeginner Support says
You would want to take a look at our article below for how to create a blog page as a ToC would get far too long for what you’re wanting to do.
https://www.wpbeginner.com/wp-tutorials/how-to-create-a-separate-page-for-blog-posts-in-wordpress/
Administrateur
jean says
Hi thank you for this informative post!
Only a small question, what is « override the global settings for this specific post / page. »
I chose to insert the table of content manually, and when i check only for h2 & h3, the table of content just doesn’t show up at all.
Thank you!
WPBeginner Support says
That would mean you are telling it to ignore your default settings for the plugin for that specific post/page. If you have no H2 or H3s on the page then there wouldn’t be anything for the plugin to add to the table.
Administrateur
Ahmad Zeeshan says
In setting there is no « Table of Content ». Where to find it?
WPBeginner Support says
You would want to ensure you activated the plugin after installing it.
Administrateur
Dheeraj soni says
Thanks for sharing an informative article, your content always helps me to go next level.
WPBeginner Support says
You’re welcome, glad you found our content helpful
Administrateur
Asthen says
Why wpbeginner don’t recommend using TOC unless it’s really long ?
How long is too long ?
WPBeginner Support says
If the page is too short to scroll then there wouldn’t be a reason to have a table of contents. It is a personal preference for the length of a post.
Administrateur
SAHIL DHIMAAN says
Hi, very helpful article
But….
Table of content isn’t showing in Mobile, what to do…
i use AMP plugin also…
WPBeginner Support says
Your AMP plugin would be removing the plugin’s additions. If you reach out to the table of contents plugin’s support they can let you know if they have AMP support.
Administrateur
Bee Lian Low says
Thank you, I have waited so long before I decided to install this Table Of ontent!
WPBeginner Support says
You’re welcome
Administrateur
Cecilia says
Thanks. Easy to use.
WPBeginner Support says
You’re welcome
Administrateur
Lucimar says
Good afternoon!
Congratulations on the article, it helped me a lot
However, it just didn’t work on amp pages.
Note: I use the « Accelerated Mobile Pages » plugin.
How can I solve?
Thank you!
WPBeginner Support says
You would want to reach out to the plugin’s support for if there is a recommendation for AMP.
Administrateur
Džangir Kolar says
Hi!
How those this plugin affect the speed of the page itself?
WPBeginner Support says
It shouldn’t affect your page’s speed.
Administrateur
Luke Richardson says
Using easy table of contents, is there an option to create hyperlinks to jump to that particular section when you click on one of the headings in the table.
Not sure if I’m missing something with the plugin, but when I click on the headings it doesn’t jump to that section at all.
thanks
WPBeginner Support says
The plugin should be allowing that, you may want to ensure there is enough room between your content and you don’t have any browser addons that would prevent scrolling to a certain section of your page.
Administrateur
Tosh Lubek says
I’ve checked « Initially hide the table of contents » but the TOC shows every time I open a post with a TOC. Is there something else I need to do?
WPBeginner Support says
You would want to reach out to the plugin’s support to ensure this is not a conflict between the plugin and your theme
Administrateur
Oulimata says
As usual, amazingly detailed and helpful. You guys have definitely become my go-to resource for anything blogging related.
WPBeginner Support says
Thank you, glad we can continue to be helpful
Administrateur
Raaz shrestha says
The plugin is really great. Thanks for sharing wpbeginner team.
WPBeginner Support says
Glad you liked our recommendation
Administrateur
Akamps says
Hey is there a way i can put this table of contents in my sidebar
WPBeginner Support says
The plugin does have a widget you can use
Administrateur
Nic says
Is there anyway to centre the table?
WPBeginner Support says
You would need to enable custom CSS and depending on your theme would determine the CSS needed
Administrateur
KM says
How use the plugin “manually” just one lost at a time? Instructions not clear
WPBeginner Support says
You would enable support for the post type you want to have the table of contents in and when you edit one of the types where it is activated, it will have the option at the bottom of the editor to add the table of contents
Administrateur
Kelvin says
NO it’s POSTS again – not pages!
How do I get a table into a page?
WPBeginner Support says
In the plugin’s settings you would enable support for pages and you should be able to follow the same procedure for pages that you do for posts.
Administrateur
Rishi says
nice
WPBeginner Support says
Glad you like our article
Administrateur
Abhishek says
Hi, is this possible to show/hide individual headings, just by clicking on it, like on Wikipedia?
I have too many subheadings under each h3 so I want it to be easier to navigate.
WPBeginner Support says
Hi Abhishek,
Please see our article on how to show hide text in WordPress using toggle effect.
Administrateur
Alex says
Thanks for article!
Prince Gabriel Okocha says
I have installed this plugin on my blog following the guideline in this post. But it’s not showing up on my posts. Is there anything I’m doing wrong? I really need this to ASAP
WPBeginner Support says
Hello,
Please review plugin settings, you need to enable support for the posts and pages. After that edit the post and page and below the post editor you will find TOC settings. From here, you need to check the box ‘Insert table of contents’ to add it in that particular post.
Administrateur
Srinu says
Thanks for the article it’s working for me, But I am getting with bullets and numbers, in TOC_Box how to change it. I already numbered with h2 tags.
so its repeated the numbers twice.
Mae says
Thank you so much! I used this for my Exclusives Library and I love it! Now my subscribers won’t have a difficult time looking for their printables.
XOXO,
Mae
Jan Peter Aursnes says
A fine plugin, but is there any way I can exclude pages? Writing in headings and using * and ⎮ does not work, for me anyway. I am not a tech guy so it could be I just need a bit of explanation.
Thanks in advance.
Raushan says
This is best plugin but when i created table of content from this plugin then showing multiple H1 tag which is not good at seo point of view.
How to solve this ?
Thanks
Sunil Suresh says
Thanks. Your article came at the right time for me! I was just now looking for something like this for a client of mine.