How to Add an HTML Sitemap in WordPress

Sitemap is very important element of any website. Once you are done making your website, it is recommended that you create a sitemap for your website. However, many people are still confused about which type of sitemap to use. In this article we will talk mainly about HTML sitemap and how is it different than XML sitemap. We will also see how to add an HTML sitemap in WordPress.

Difference between XML and HTML sitemaps

The sitemap is a file that presents the complete information about the structure of your website. Sitemaps come in two flavors: XML and HTML.

An XML sitemap is written and generated in XML markup language. XML sitemap are mainly intended for use of search engines. XML sitemap contains the site’s main URL and all the other URLs within the site along with the associated metadata. You can add XML sitemaps in WordPress with various plugins available.

HTML sitemap is written in plain HTML format in a user-readable form. This sitemap contains just the information and pages/posts which any general user may be interested into. The HTML sitemap provides an effective means for your visitors to find contents. When you’re in any webpage and you are looking for any specific item like any page or contact info, and can’t find it then you can go to the sitemap of that page and find it there. If your site is user-friendly, you can get a better search rank too.

How to Add an HTML Sitemap in WordPress

With the help of Plugins you can easily add HTML sitemap. We will be using Hierarchical HTML Sitemap. To create sitemap with all all post and pages. Follow these steps to add Hierarchical HTML Sitemap in your website

1. Login to Admin Dashboard. Go to Plugins > Add new.
2. In the WordPress plugin repository search for Hierarchical HTML Sitemap. Install and activate plugin with the icon shown in picture.
How to Add an HTML Sitemap in WordPress

3. The plugin do not have any settings to configure. So after it is activated, it is ready for use.
4. Now create a new page where you want sitemap to exist.
5. Copy and paste the following shortcode and save.

[htmlmap showpages]

How to Add an HTML Sitemap in WordPressNote: there are number of parameters of the shortcode. You can check the plugin’s download page for the full list of parameters.
6. Now when you view the page in the frontend you should see a nice sitemap being created automatically by the plugin.

This plugin easy, lightweight and simple. The output of the sitemap do not contain any CSS or Javascript. You can style it according to your theme style. The sitemap of this plugin shows the list of all the posts and page. But if you want to a sitemap showing pages only in proper hierarchical order you can try other plugin called WP Sitemap Page.
How to Add an HTML Sitemap in WordPressYou can install the plugin using the similar above mentioned way. Upon activation you can add shortcode to display the sitemap in any page. You can read the documentation as well as configure the plugin by going to Settings > Wp Sitemap Page. This is a wonderful plugin that give you much more control in the display of posts and pages in sitemap.

Also Read:   Setup AccessPress Social Counter Plugin in WordPress

If you want to display the pages only in the sitemap you can paste the following shortcode in your sitemap page.

[wp_sitemap_page only="page"]

Similarly to display the post by category try this shortcode.

[wp_sitemap_page only="post"]

Similarly you can display categories, tags, authors and many other information in the similar fashion using the shortcode specified in the plugins settings page.

There are few more plugins like Simple Sitemap, Kwayy HTML Sitemap etc that can help you with adding sitemap in your site. We hope that with the help of our article you can successfully add a HTML sitemap in your website.


The following two tabs change content below.

Kantiman Bajracharya

Kantiman Bajracharya is a freelance web developer. He is a computer geek who has a Bachelor’s degree in Computer Engineering. He has earned lots of satisfied customers while working for numerous successful projects. He is also a WordPress theme creator and web article writer. On free time he likes reading philosophy books, traveling and playing chess.

Share This Post