Skip to Main Content

How to add an HTML sitemap to a website

Divi: the easiest WordPress theme to use

Easily create your website with Elementor

Elementor allows you to easily create any website design with a professional look. Stop paying expensive for what you can do yourself. [Free]

Are you looking to create an HTML sitemap of a WordPress blog?

Unlike XML sitemaps that are submitted to search engines for better indexing, HTML Sitemaps display an organized list of your pages to your users.

In this tutorial, I will show you how to add an HTML sitemap on WordPress.

create an HTML sitemap

But before, if you have never installed WordPress discover How to Install a WordPress Blog in 7 Steps et How to search, install and activate a WordPress theme on your blog 

Then back to why we are here.

What is the real difference between HTML and XML sitemaps

An XML document is written or generated in XML which is very popular with search engines. You can submit your XML sitemap to these different search engines to facilitate indexing of your blog.

Discover also our 7 plugins to add a sitemap with ease on your WordPress blog

An HTML sitemap on the other hand is supposed to be geared towards your visitors. This document is written in simple HTML and usually displays a list of all your pages and articles available on your blog.

See also Using Sitemaps WordPress

Now that you have realized the difference between the two documents, now is the time to show you how to add an HTML sitemap to your WordPress blog.

Divi: The best WordPress theme of all time!

With over 901.000 downloads, Divi is the most popular WordPress theme in the world. It is complete, easy to use and comes with more than 62 free templates. [Recommended]

How to add an HTML sitemap with the list of your articles and pages?

The first thing to do in this case is to install and activate the plugin " WP Page Sitemap Available on You can install this plugin directly from your dashboard.

You can go further by discovering How to install a plugin in WordPress: The guide

Once done, just create a new page where you want to display the HTML sitemap.

Then add this new page the following shortcode:


This is how the plugin will display your sitemap. At the top, you will find categories with the number of items available in each category. You will then find a list with all articles by category and finally your different to add html sitemap wordpress website 1

How to create an HTML sitemap that only displays pages

To display an HTML sitemap that contains only pages, vhere's what to do.

As seen above, start by installing and activating the plugin " WP Page Sitemap ". After activation, simply add the following shortcode where you want to display an HTML sitemap.

 [wp_sitemap_page only = "page"]

Here is how the list will appear on your blog

how to add html sitemap wordpress website 2

The WP Sitemap Page plugin offers several options that you can customize by accessing the " Settings> WP Sitemap Page From your dashboard.

Discover also some premium WordPress plugins  

You can use other WordPress plugins to give a modern look and optimize the grip of your blog or website.

Are you looking for the best WordPress themes and plugins?

Download the best plugins and WordPress themes on Envato and easily create your website. Already more than 49.720.000 downloads. [EXCLUSIVE]

We offer you here some premium WordPress plugins that will help you do that.

1. Easy Social Share Buttons 

Easy Social Share Buttons is a premium WordPress plugin that offers one of the longest feature lists I have ever seen. Depending on your specific needs, it could be a good thing or a bad thing. But no one can say that you don't have enough options with this plugin.

Easy Social Share Buttons for WordPress plugin

And the fact that Easy Social Share Buttons has maintained a rating of 4,66 stars (on 5) on more than 24 000 sales suggests that many people appreciate its degree of functionality.

Among its features you will find among others: the possibility of customize your tweets, actions after sharing, the ability to view detailed analyzes of your button performance and even run A / B tests to try to strengthen your actions, recovery of the number of shares lost if you change domain or if you go to HTTPS, and many others.

It's a long list so I haven't covered all the features, but if you want to know more, check out its demo.  

Download | Demo | Web hosting

2. Ultimate Membership Pro

Ultimate Membership Pro is a very popular premium WordPress plugin, which sets up an exclusive access system on your website on multiple levels. This system is configured according to the different types of packages of your users (free or paid).Ultimate Membership Pro WordPress Membership Wordpress Plugin

Its main features are: nunlimited subscription levels (free / paid), content protection, multiple levels of content restriction, support for ppayment slogans: PayPal,, Stripe, 2CheckOut, BrainTree, Payza, bank transfer, afree / paid trial period, the support of Visual Composer, etc ...

Download | Demo | Web hosting 


WP GDPR Pro is a premium WordPress plugin whose main objective is to ensure GDPR compliance with your WordPress blog. In particular, it allows you to provide forms for managing data-related queries. GDPR-wordpress-plugin-banner.png

This WordPress plugin offers features on the consent of cookies, the account deletion by data form and notifications on the use of personal data.

Download | Demo Web hosting

Recommended Resources

Find out about other recommended resources to help you build and manage your website.

Easily create your Online Store

Download free WooCommerce, the best e-commerce plugins to sell your physical and digital products on WordPress. [Recommended]


Here ! That's all for this tutorial, I hope it has been of great use to you. If you have suggestions or remarks, leave them in our section Comments.

However, you will also be able to consult our resources, if you need more elements to carry out your projects of creation of Internet sites, by consulting our guide on the WordPress blog creation.

Feel free to share this article with your friends on your favorite social networks


This article features 0 comments

Leave a comment

Your email address will not be published. Required fields are marked with *

This site uses Akismet to reduce unwanted. Learn more about how your comments data is used.

Back To Top