Do you wish to add an HTML sitemap web page in WordPress?
In contrast to XML sitemaps which are submitted to serps for higher crawling, HTML sitemaps current an organized record of your pages and posts in your web site guests.
On this article, we’ll present you learn how to add an HTML sitemap web page in WordPress.
What’s the Distinction Between XML and HTML Sitemaps?
An XML sitemap is a file that lists your web site content material in an XML format for serps like Google and others.
You may submit your XML sitemap in webmaster instruments to enhance and management how the major search engines crawl your web site.
However, an HTML sitemap is in your precise web site guests. It’s a easy web page that lists all of your posts and pages in an organized means.
Now that the distinction, let’s check out learn how to add an HTML sitemap web page to WordPress utilizing two completely different WordPress plugins. You should utilize the short hyperlinks beneath to leap straight to the tactic you wish to use.
Technique 1. Add HTML Sitemap Web page in WordPress With All in One search engine optimisation
We advocate utilizing the All in One search engine optimisation plugin so as to add an HTML sitemap web page in WordPress. It’s the perfect WordPress search engine optimisation plugin available in the market utilized by over 3 million web sites and allows you to create an HTML sitemap with a few clicks.
Observe: There’s a free model of All in One search engine optimisation Lite accessible which incorporates the HTML sitemap characteristic beneath, however we shall be utilizing the premium model in our screenshots as a result of it consists of highly effective options like good sitemaps, redirection supervisor, search engine optimisation schema, and extra.
The very first thing it is advisable to do is set up the All in One search engine optimisation plugin. For extra particulars, see our step-by-step information on learn how to set up a WordPress plugin.
Upon activation, the AIOSEO setup wizard will open, which can information you thru organising the plugin and getting your search engine optimisation settings proper.
Merely click on the ‘Let’s Get Began’ button and observe the steps.

After that, you’ll be taken to the WordPress admin dashboard, the place you’ll have a brand new menu possibility referred to as ‘All in One search engine optimisation’.
Then, it is advisable to go to All in One search engine optimisation » Sitemaps, click on on the ‘HTML Sitemap’ menu possibility, and ensure the ‘Allow Sitemap’ toggle is turned on.

Subsequent, you may select the way you wish to show your HTML sitemap.
For this tutorial, we’ll choose the ‘Devoted Web page’ possibility, however it’s also possible to add it as a shortcode, block, widget, and extra.
Then, enter the web page URL the place you need the HTML sitemap to show. The plugin will mechanically create a brand new web page for you.

When you’ve completed that, scroll all the way down to the ‘HTML Sitemap Settings’ part.
Right here you may customise how your HTML sitemap will show. You’ve management over what posts and pages will show, taxonomies corresponding to classes and tags, kind order, and extra.

It’s also possible to activate ‘Compact Archives’ to show your HTML sitemap in a compact date archive format.
That is much like how we show our compact archives on our 404 pages right here at WPBeginner.
After you’re completed customizing your HTML sitemap settings, be sure to click on the ‘Save Adjustments’ button.

Now your guests can view your HTML sitemap and extra simply navigate round your web site.
If you happen to selected the ‘Devoted Web page’ possibility above, then you may go to the web page by clicking the ‘Open HTML Sitemap’ button.

Technique 2. Add HTML Sitemap Web page in WordPress With Easy Sitemap
Easy Sitemap is a free plugin that allows you to simply add an HTML sitemap to your WordPress web site.
The very first thing it is advisable to do is set up and activate the Easy Sitemap plugin. For extra particulars, see our newbie’s information on learn how to set up a WordPress plugin.
As soon as the plugin is activated, you may open an present web page, or create a brand new HTML sitemap web page by navigating to Pages » Add New.
Including an HTML Sitemap With Easy Sitemap Utilizing Blocks
This plugin has newly added Gutenberg blocks that you need to use to easily add an HTML sitemap web page.
All it is advisable to do is click on the ‘Plus’ icon, then choose the ‘Easy Sitemap’ possibility.

One other block included with this plugin is the ‘Easy Sitemap Group’ that creates a branching visible sitemap. However, we’re going to make use of the ‘Easy Sitemap’ block for this tutorial.
When you add the block, it’ll mechanically create your HTML sitemap.
On the right-hand menu, you’ve customization choices the place you may select to show ‘Posts’ or ‘Pages’, or each collectively.
Within the field underneath ‘Choose put up varieties to show’, merely enter ‘Publish’ or ‘Web page’ to decide on what you wish to show.

Subsequent, you may change how the record shows by altering the ‘Orderby’ or ‘Order’ drop-downs.
It’s also possible to show the excerpt for the pages or posts listed, and allow or disable hyperlinks. Nonetheless, we’re going to maintain the default plugin settings to maintain our HTML sitemap easy and straightforward to browse.

When you’ve completed customizing your HTML sitemap web page, click on ‘Publish’ or ‘Save’ in case you’re updating an older web page.
When your guests go to your HTML sitemap, they’ll see a navigation web page that appears much like the one beneath.

Including an HTML Sitemap With Easy Sitemap Utilizing Shortcodes
One other means so as to add an HTML sitemap to WordPress is through the use of a shortcode. This provides you extra management over the position of your HTML sitemap and works for individuals who are utilizing the basic editor.
Merely create a brand new web page by navigating to Pages » Add New, then give your new web page a reputation.

After that, click on the ‘Plus’ icon so as to add a brand new block to your web page.
Then, kind ‘shortcode’ into the search field and choose the ‘Shortcode’ block.

After that, merely copy and paste one of many following shortcodes into the textual content editor. The primary shortcode will record your posts by class, and the second shortcode will record your pages.
[simple-sitemap]

When you’ve completed that, click on ‘Publish’ or ‘Replace’ to save lots of your adjustments.
If you happen to want extra assist, then see our information on learn how to add a shortcode to WordPress.
That is how the plugin will show your sitemap to your web site guests.

Creating an HTML Sitemap With Easy Sitemap for High Pages Solely
Many website homeowners use WordPress as a CMS with their predominant content material revealed as pages as an alternative of posts. For extra particulars, see the distinction between posts and pages in WordPress.
On this case, you’ll need your HTML sitemap to indicate pages within the correct hierarchical order.
Right here is how one can add an HTML Sitemap with solely pages.
Merely add this shortcode to the web page the place you wish to show your HTML sitemap. Observe the identical steps above so as to add the shortcode to a brand new WordPress web page.
That is the way it will show your HTML sitemap with all of your WordPress pages listed in a hierarchical record.

It additionally consists of your mum or dad and little one pages listed in a nested vogue. For extra particulars, see our information on learn how to create a baby web page in WordPress.
We hope this text helped you learn to add an HTML sitemap web page in WordPress. You might also wish to see our skilled picks of the perfect digital enterprise telephone quantity apps and our skilled information on how to decide on the perfect running a blog platform.
If you happen to appreciated this text, then please subscribe to our YouTube Channel for WordPress video tutorials. It’s also possible to discover us on Twitter and Fb.
The put up Easy methods to Add an HTML Sitemap Web page in WordPress (2 Methods) first appeared on WPBeginner.


