Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coupe WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Comment ajouter une page de plan de site HTML dans WordPress (2 façons)

Un plan de site HTML est comme une feuille de route qui affiche la direction à prendre. Il s’agit d’un guide visuel qui présente l’ensemble de votre contenu de manière claire et organisée, ce qui permet aux internautes de l’explorer facilement et de trouver exactement ce qu’ils recherchent.

Contrairement aux sitemaps XML utilisés par les moteurs de recherche, les sitemaps HTML sont conçus pour permettre aux internautes d’explorer facilement votre contenu et de trouver ce qu’ils recherchent.

Dans ce guide, nous vous afficherons comment créer un plan de site HTML utile pour votre site WordPress, transformant ainsi votre contenu en une bibliothèque simple/simple d’utilisation et accessible à vos utilisateurs/utilisatrices.

How to add an HTML sitemap page in WordPress

Quelle est la différence entre les plans de site XML et HTML ?

Un plan de site XML est un fichier qui répertorie le contenu de votre site au format XML pour les moteurs de recherche comme Google et d’autres.

Vous pouvez envoyer votre plan de site XML dans les outils pour webmasters afin d’améliorer et de rechercher comment les moteurs de recherche explorent votre site.

En revanche, le plan de site HTML est destiné aux internautes qui visitent votre site. Il s’agit d’une page simple qui répertorie toutes vos publications et pages de manière organisée.

Maintenant que vous connaissez la différence, voyons comment ajouter une page HTML sitemap sur WordPress en utilisant deux extensions WordPress différentes. Vous pouvez utiliser les liens rapides ci-dessous pour passer directement à la méthode que vous souhaitez utiliser :

Tutoriel vidéo

Subscribe to WPBeginner

Si vous préférez des instructions écrites, continuez à lire.

Méthode 1 : Ajouter une page HTML de plan de site dans WordPress avec All in One SEO

Nous vous recommandons d’utiliser l’extension All in One SEO pour ajouter une page HTML sitemap dans WordPress. C’est la meilleure extension WordPress SEO sur le marché, utilisée par plus de 3 millions de sites, et elle vous permet de créer un sitemap HTML en quelques clics.

Note : Il existe une version gratuite d’All in One SEO Lite, qui inclut la fonctionnalité de sitemap HTML ci-dessous, mais nous utiliserons la version premium dans nos captures d’écran car elle inclut des fonctionnalités puissantes comme les sitemaps intelligents, le gestionnaire de redirection, les schémas SEO, et bien plus encore.

La première chose à faire est d’installer l’extension All in One SEO. Pour plus de détails, consultez notre guide étape par étape sur l’installation d’une extension WordPress.

Une fois activé, l’assistant de configuration d’AIOSEO s’ouvrira et vous guidera pour configurer le plugin et obtenir les bons réglages de référencement.

Il vous suffit de cliquer sur le bouton « Premiers pas » et de suivre les étapes abonnés.

AIOSEO setup wizard

Après cela, vous serez dirigé vers le Tableau de bord WordPress, où vous aurez une nouvelle option de menu appelée  » All in One SEO « .

Ensuite, vous devez aller dans All in One SEO  » Sitemaps, cliquer sur l’option de menu  » HTML Sitemap « , et vous assurer que la case  » Activer le plan du site  » est activée.

Enable HTML sitemap

Ensuite, vous pouvez choisir la manière dont vous souhaitez afficher votre plan de site HTML.

Pour ce tutoriel, nous sélectionnerons l’option  » Page Sélectionnée « , mais vous pouvez également l’ajouter en tant que code court, bloc, widget, et plus encore.

Saisissez ensuite l’URL de la page où vous souhaitez que le plan de site HTML s’affiche. L’extension créera automatiquement une nouvelle page pour vous.

Enter URL for HTML sitemap page

Une fois que vous avez fait cela, défilez vers le bas jusqu’à la section « Réglages du plan de site HTML ».

Ici, vous pouvez personnaliser l’affichage de votre plan de site HTML. Vous pouvez trier les publications et les pages qui s’afficheront, les taxonomies telles que les catégories et les identifiés, l’ordre de tri, etc.

Customize HTML sitemap settings

Vous pouvez également activer l’option « Archives compactes » pour afficher votre plan du site HTML dans un format d’archive par date compact.

Ceci est similaire à la façon dont nous affichons nos archives compactes sur nos pages 404 ici à WPBeginner.

Une fois que vous avez fini de personnaliser les paramètres de votre sitemap HTML, n’oubliez pas de cliquer sur le bouton « Enregistrer les modifications ».

Save custom HTML page settings

Vos internautes peuvent désormais voir votre plan de site HTML et naviguer plus facilement sur votre site.

Si vous avez choisi l’option « Page dédiée » ci-dessus, vous pouvez visiter la page en cliquant sur le bouton « Ouvrir le plan du site HTML ».

HTML sitemap example page

Méthode 2 : Ajouter une page HTML de plan du site dans WordPress avec Simple Plan de Site

Simple Sitemap est une extension gratuite qui vous permet d’ajouter facilement un plan de site HTML à votre site WordPress.

La première chose à faire est d’installer et d’activer l’extension Simple Sitemap. Pour plus de détails, consultez notre guide du débutant sur l’installation d’une extension WordPress.

Une fois l’extension activée, vous pouvez ouvrir une page existante ou créer une nouvelle page HTML sitemap en naviguant vers Pages  » Add New.

Ajout d’un plan du site HTML avec Simple Sitemap Using Blocks (Plan du site simple à l’aide de blocs)

Cette extension dispose de blocs Gutenberg que vous pouvez utiliser pour ajouter simplement une page sitemap HTML.

Il vous suffit de cliquer sur l’icône « + », puis de sélectionner l’option « Plan du site simple ».

Add simple sitemap block

Un autre bloc inclus dans cette extension est le « Groupe de plan du site simple » qui crée un plan du site visuel ramifié. Mais nous allons utiliser le bloc ‘Simple Sitemap’ pour ce tutoriel.

Une fois le bloc ajouté, il créera automatiquement votre plan de site HTML.

Dans le menu de droite, vous disposez d’options de personnalisation où vous pouvez choisir d’afficher les « Publications » ou les « Pages », ou les deux ensemble.

Dans la case « Sélectionné les types de publication à afficher », saisissez simplement « Publication » ou « Page » pour choisir ce que vous voulez afficher.

Sitemap created add posts or pages

Vous pouvez ensuite modifier l’affichage de la liste en modifiant les menus déroulants « Orderby » ou « Order ».

Vous pouvez également afficher l’extrait des pages ou des publications répertoriées et activer ou désactiver les liens. Cependant, nous allons conserver les réglages par défaut de l’extension pour que notre plan de site HTML reste simple et facile à parcourir.

Customize sitemap order and appearance

Une fois que vous avez fini de personnaliser votre page HTML sitemap, cliquez sur « Publier » ou « Enregistrer » si vous mettez à jour une page plus ancienne.

Lorsque vos internautes accèdent à votre plan de site HTML, ils voient apparaître une page de navigation semblable à celle présentée ci-dessous.

Final block sitemap example

Ajout d’un plan du site HTML avec Simple Sitemap à l’aide de codes courts

Une autre façon d’ajouter un plan de site HTML à WordPress est d’utiliser un code court. Cela vous donne plus de contrôle sur l’emplacement de votre sitemap HTML et fonctionne pour ceux qui utilisent les éditeurs/éditrices classiques.

Créez simplement une nouvelle page en naviguant vers Pages  » Ajouter nouveau, puis donnez un nom à votre nouvelle page.

Add new block for HTML sitemap

Ensuite, cliquez sur l’icône « Plus » pour ajouter un nouveau bloc à votre page.

Ensuite, tapez « code court » dans le champ de recherche et sélectionnez le bloc « Code court ».

Add shortcode block

Après cela, il suffit de copier et de coller l’un des codes courts suivants dans l’éditeur de texte. Le premier code court listera vos publications par catégorie, et le second code court listera vos pages.

[simple-sitemap-group]

[simple-sitemap]
Paste shortcode and publish

Une fois que vous avez fait cela, cliquez sur « Publier » ou « Mettre à jour » pour enregistrer vos modifications.

Si vous avez besoin de plus d’aide, consultez notre guide sur l ‘ajout d’un code court sur WordPress.

C’est ainsi que l’extension affichera votre plan du site aux internautes.

HTML sitemap posts and pages

Création d’un plan du site HTML avec Simple Sitemap pour les pages de haut de page uniquement

De nombreux propriétaires de sites utilisent WordPress comme CMS et publient leur contenu principal sous forme de pages plutôt que de publications. Pour plus de détails, voir la différence entre les articles et les pages dans WordPress.

Dans ce cas, vous souhaitez que votre plan de site HTML affiche les pages dans l’ordre hiérarchique approprié.

Voici comment ajouter un plan de site HTML contenant uniquement des pages.

Ajoutez simplement ce code court à la page où vous souhaitez afficher votre plan de site HTML. Suivez les mêmes étapes que ci-dessus pour ajouter le code court à une nouvelle page WordPress :

[simple-sitemap]

C’est ainsi qu’il affichera votre plan de site HTML avec toutes vos pages WordPress répertoriées dans une liste hiérarchique.

HTML sitemap page example

Il comprend également vos pages parent et enfant répertoriées de manière imbriquée. Pour plus de détails, consultez notre guide sur la création d’une page enfant dans WordPress.

Guides d’experts sur l’amélioration de la navigation sur WordPress

Nous espérons que cet article vous a aidé à apprendre comment ajouter une page HTML sitemap dans WordPress. Vous pouvez également consulter d’autres guides similaires liés à l’amélioration de la navigation sur WordPress :

Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons gagner une commission. Consultez comment WPBeginner est financé, pourquoi cela compte et comment vous pouvez nous soutenir. Voici notre processus éditorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

L'ultime WordPress Toolkit

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tous les professionnels devraient avoir !

Reader Interactions

21 commentairesLaisser une réponse

  1. Syed Balkhi

    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!

  2. Robert Thompson

    WordPress wants me to pay them $300 just to upgrade to their business plan so that I can have access to their plugins. I’ll pass on their offer.

  3. faraz ahmed

    How can i show sitemap specific category wise?

    • WPBeginner Support

      The second plugin from this article should allow you to separate the content by category.

      Administrateur

  4. Carol

    Cannot get POSTS to show like pages do, so it’s useless for me. On my site, pages are static stuff, About, etc. But posts are the new items that people want to see right away. I do research on various topics and that is the heart and soul of my blog. I want them to see the new stuff in order on that subject, in a list. I really don’t care about Pages, Privacy, Cookies, About, stuff you look at once, maybe, if ever

    I have experimented with the code, get only the CODE on the finished page.

    What can I do?

  5. Shawn

    I’d like to generate a sitemap page with all my woocommerce shop categories and products. Can this plugin do that?

  6. Raghvendra singh Jadon

    can’t we make a sitemap page like privacy policy or contact us

  7. deepa

    is it possible if we can create our own sitemap

  8. shirish

    really very nice and useful article.

  9. ibu solihatun

    The article is very interesting. Helped me understand many things and will be happy soon to write like again.

  10. Memory

    Thank you so very much, this site map is amazingly fine-tuned, absolutely perfect, and saved me a great deal of time.

  11. srekanth

    how can i create the xml sitemap like html site is there any possibilites

  12. adilop

    Sir, sitemap of yoast plugin isn’t enough?

  13. Blane Beckwith

    I added an HTML site map to my webpage, and it made a very nice looking, and functional archive page.

  14. Connor Rickett

    Never a bad idea to have a sitemap for your visitors. Just as a side note, when/if you submit your sitemap to Google, make sure it’s the XML one!

  15. Natascha

    What I do miss though is, why would someone need a HTML sitemap or when is it recommended? Maybe a short pro and cons list would help. Thanks

    • WPBeginner Support

      It is more useful for sites with static and non-chronological content, i.e. pages. A sitemap page can help users see all the pages in their hierarchical order.

      Administrateur

Laisser une réponse

Merci d'avoir choisi de laisser un commentaire. Veuillez garder à l'esprit que tous les commentaires sont modérés selon notre politique de commentaires, et votre adresse e-mail ne sera PAS publiée. Veuillez NE PAS utiliser de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.