How to Add HTML Sitemap to Your WordPress Blog

Typically, there are two kinds of sitemap:

  • XML sitemap
  • HTML sitemap

The XML sitemap is primarily meant for search engine bots, and the HTML sitemap is intended mainly for users.

Typically, the HTML sitemap contains links to all the posts, pages and categories of the site which makes it easier for the users to navigate to the content they want. It may also improve SEO of the blog.

If you want to add an HTML sitemap for your site, then follow the below steps.

Add HTML Sitemap to WordPress Blog

Here, we will see two plugins which help us to do this task. You can choose any one you prefer.

Keep in mind that the below plugins only create HTML sitemap and not XML sitemap.

  • angle-double-right
    Install and activate "Simple Sitemap" plugin. If you need help with installing plugins, take a look at our WordPress plugin installation guide.
  • angle-double-right
    After activation, you will be taken to the "Simple Sitemap Settings" page where you can see demo and shortcodes of the plugin. Check it out.
  • angle-double-right
    Now, go to Pages > Add New.
  • angle-double-right
    Provide the name of the page as you want. In this instance, I am providing the title as "Sitemap."
  • angle-double-right
    Now, enter the shortcode [simple-sitemap] in the editor.
Simple Sitemap plugin shortcode
  • angle-double-right
    Publish the page, and then view it. By default, this shortcode will only display pages on the sitemap page.
Html sitemap showing only pages

If you want to show posts along with pages, then you need to use the shortcode with following attributes:

[simple-sitemap types="post, page"]

Simple Sitemap shortcode to display posts and pages on sitemap
HTML sitemap showing posts and pages

Play with the plugin shortcodes and its attributes to customize the sitemap as per your need.

After you create HTML sitemap for your blog, its time to add it to your blog.

Typically, HTML sitemap is placed in the Footer of the blog. So, just copy the link of your sitemap page and paste it in the Footer section (or anywhere you prefer) of your blog.

Also, keep in mind that some shortcodes such as displaying categories are only available in the "pro" version of the plugin.

  • angle-right
    Install and activate "WP Sitemap Page" plugin.
  • angle-right
    Now, go to Settings > WP Sitemap Page.
  • angle-right
    Take a look at the "Settings" tab. Here, you can see many options such as excluding posts and pages from showing in sitemap using their ID. Do use the options if needed. In this instance, I left the Settings as intact.
  • angle-right
    Go to "How to use" tab to see the shortcodes of the plugin and check it out shortcodes.
  • angle-right
    Now, go to Pages > Add New.
  • angle-right
    Provide the title for this page, and in this instance, I am giving the title as "Sitemap."
  • angle-right
    Enter the shortcode [wp_sitemap_page] in the editor.
WP Sitemap Page plugin shortcode
  • angle-right
    Publish the page and view it. By default, this shortcode will display pages and posts by category.
HTML sitemap showing pages and post by category

You can play with different shortcodes of the plugin to customize the sitemap as per your need. Also, make sure to add HTML sitemap to the Footer (or anywhere) of your blog.

I hope that the information in this guide is useful to you. If you find the information in this post as useful, share with your friends.

If you have any queries, let me know in the Comment section below.

Also see: