PHPMatters Help You Better Hosting Your PHP-based Sites
How to Create HTML Sitemap for WordPress

How to Create HTML Sitemap for WordPress

No matter which kinds of websites you set up with what scales, creating the HTML sitemap can be a necessary practice for you to improve the reading experiences for your visitors. It simply acts as a website menu, showing all your webpages in an organized manner. In this case, you can give your readers, especially the first-time readers a clear picture of your website structure, helping them navigate to their targets with much ease.

Looking to build one for your WordPress site? In the following, we have presented a simple tutorial that tells you how to create HTML sitemap for WordPress.

Before the Creation

Before introducing the steps for creating the HTML sitemap, we firstly want to inform you of the differences between the HTML sitemap and the XML sitemap, so that you will never mix them up to get a negative result of website optimization.


  • The XML sitemap is generated in XML language, which is preferred by search engines to achieve the better website crawling and indexing.
  • The HTML sitemap is written in plain HTML, which is created for your website visitors with all the pages and posts listed in a clear manner.


To create a XML sitemap for your WordPress site, the best way is to install the WordPress Yoast SEO plugin and leverage its default sitemap function. As for the creation of HTML sitemap, however, this powerful plugin cannot be put into use.

How to Create HTML Sitemap for WordPress

In fact, you can find a lot of plugins to create the HTML sitemap from WordPress Plugin directory. Here, we highly recommend the option named as Simple Sitemap.

After installing it on your WordPress admin, you simply need to hit the button of Simple Sitemap from the Settings drop-down menu. Here, you can check the settings of this plugin.

Simple Sitemap

First of all, you should decide whether to display the pages or posts in the front-end of your sitemap, and then choose the default categorizations for them based on the titles, publishing dates and authors. If needed, you can also display your custom post types in your HTML sitemap.

Besides, this plugin allows you to exclude some pages from being showcased on your sitemap. If you have this kind of webpages, you can enter them in the Exclude Pages area using the comma for separation.

After finishing the configurations of this plugin, you now can create a new webpage and name it as Sitemap and any others you like, and then, enter the shortcode showcased in the above screenshot. After publishing this page, your HTML sitemap is created automatically.

Sitemap for Posts and Pages

Connects the HTML Sitemap with the XML One

This is a special requirement for some WordPress users who use the WordPress by Yoast as their main SEO plugin. To be frank, this practice has no direct impacts on your website SEO and overall optimization, but can give you a double confirmation that searching spiders will find your sitemap to crawl and index your website effectively.

To do this, you can use the WP SEO HTML Sitemap plugin. Upon the installation of it, you can find a SEO HTML Sitemap button under the Settings tab. Click it to configure this plugin.

SEO HTML Sitemap

Basic Settings

To begin with, you should decide the exact webpage for displaying your sitemap. If this page has contents, you can choose to showcase your sitemap before or after the content. Even, you can replace the existing webpage content with your HTML sitemap or use the shortcode of [wpseo_html_sitemap] for the custom position.

Sitemap Showcase

As for the display of the sitemap, you can decide the number of columns you want to have from 1 column to 4 columns. Also, you can choose to enable the CSS style for the better design of this webpage.

Link XML Sitemap

For this purpose, you only need to choose the option of “Add a Link to the Sitemap XML”.

After saving the changes, you can check your newly-created sitemap promptly.

Connects HTML Sitemap with XML One