Wondering how to add an HTML sitemap to your WordPress site?
Sitemaps can be useful for readers and even help you plan content.
In this article, we’ll provide an easy way to generate an HTML sitemap and we’ll explain the options for displaying it.
What is an HTML Sitemap?
An HTML sitemap is a complete list of all content on your site. Each web page is represented by a title and a hyperlink.
From an HTML sitemap, a user can navigate to every page on your website.
Benefits of an HTML Sitemap
HTML sitemaps can provide users with an alternative form of site navigation.
And just like a physical bookstore, they can offer a unique way to discover new items of interest by browsing.
Some marketers suggest there’s an SEO benefit to HTML sitemaps. This is due to the internal links they provide.
XML Sitemaps vs HTML Sitemaps
You may have heard of XML sitemaps. How are they different from HTML sitemaps? XML sitemaps are designed for search engine crawlers (or “bots”) to read.
By contrast, HTML sitemaps are visible to readers and designed for site visitors.
Some plugins, like All in One SEO (AIOSEO), automatically generate an XML sitemap for you and update it whenever you publish new pages or edit existing content.
XML stands for extensible markup language.
Because All in One SEO includes a sitemap generator, it can also create an HTML sitemap for you with a few button clicks.
Here’s how to do that.
How to Add an HTML Sitemap to Your WordPress Website
Step 1: Download the All in One SEO (AIOSEO) Plugin
We recommend downloading the All in One SEO (AIOSEO) plugin.
This is an established plugin with thousands of 5-star reviews on WordPress. And it’s backed by a support team of experienced WordPress engineers.
Step 2: Enable the HTML Sitemap
In the WordPress editor, navigate to AIOSEO » Sitemaps.
Then select HTML Sitemap.
Now, scroll down a bit to Enable Sitemap. And click the toggle button.
Step 3: Display HTML Sitemap
Scroll down a bit further, and you’ll see Display HTML Sitemap.
By default, Dedicated Page is selected. At the bottom, you’ll see an option to type in the name of your HTML sitemap page.
In the image below, we used “sitemap” as the name of our page.
- Scroll to the bottom and click Save Changes.
- Now, click on Open HTML Sitemap (see above image) to see your new HTML sitemap page.
Other Display Options
You’ll notice that you have other options for displaying your HTML sitemap. Here’s a rundown of these.
- Gutenberg block: To insert your HTML sitemap as a block, navigate to a page or post and search for the AIOSEO – HTML Sitemap block.
- Shortcode: You also have the option to use a shortcode to display your sitemap.
- Widget: To add this widget, visit your widgets page and look for the AIOSEO – HTML Sitemap widget. (Your widget page can be found at yourdomain.com/wp-admin/widgets.php)
- PHP code: Click on PHP code, and a code snippet will appear.
Step 4: Optional: Choose Settings
Scroll down to view the HTML Sitemap Settings.
You’ll see there are default settings that you can change. If you’re satisfied with the default settings, skip this section.
Here’s an explanation of the settings options.
- Post types: Select all or select either Posts or Pages.
- Taxonomies: Include all or select either Categories or Tags.
- Sort Order: Select your preference from the drop-down menu.
- Publish date
- Last Updated Date
- Post / Term ID
- Sort Direction: Choose Ascending or Descending.
- Publication Date: Choose Hide or Show.
- Compact Archives: Choose Enabled or Disabled.
- This enables you to provide a compact version of your archive. This feature uses the WPBeginner Compact Archives technology, and you can view what it looks like here.
There are 2 advanced settings to choose from.
- Exclude Posts / Pages: Use this to omit web pages from your HTML sitemap. Type in either the page ID, title, or slug.
- Exclude Terms: Use this to omit any taxonomy (such as categories or tags).
Other Types of Sitemaps
Interested in additional sitemap types?
- Add a video sitemap: This option, available with the Pro version of All in One SEO, can help boost the SEO of video content.
- Add a Google News sitemap: Your site must be submitted to Google Publisher for approval.
- RSS sitemap: This is created automatically for you, along with an XML sitemap, when you install All in One SEO.
We hope this post helped you create an HTML sitemap the easy way.
If you found this article helpful, please subscribe to our YouTube Channel. You’ll find lots of simple search engine optimization tutorials there. You can also follow us on Twitter, LinkedIn, or Facebook to stay in the loop.