HTML Sitemap App

The most popular HTML Sitemap App available for WordPress

just got even simpler to use. You can now build and preview your sitemap visually directly in the post editor! There’s no need to use confusing and complicated shortcodes anymore. Constant swapping back and forth between the editor and front end is a thing of the past.

HTML Sitemap App helps improve your SEO ranking by automatically generating an HTML sitemap of your content. Add a full sitemap literally in seconds. No coding or setup required. Works straight out of the box and includes plenty of flexible customization options.

The latest version now also includes a responsive tabbed layout option that looks fantastic. We’re super excited to share this with you.

Keeps on Getting Better

HTML Sitemap App is a well-established App and has been consistently developed and maintained for several years. It’s currently used on over 80,000 websites.

The big news is that we’ve recently completely overhauled the HTML Sitemap App and added some great new features. Two dedicated editor blocks have been added that allow you to add and edit your sitemap directly inside the new WordPress editor codenamed Gutenberg. You no longer need to leave the editor to preview your sitemap like you do when using shortcodes.

There are also new HTML Sitemap App settings available to determine how parent page links are managed.

Simply add a sitemap block to the editor and configure the sitemap settings in the block inspector panel to the right. Everything is managed visually and is very intuitive. If you thought the HTML Sitemap App was easy to use before just wait until you try out the new sitemap blocks!

Be prepared to be blown away at just how quick and easy it is to add a sitemap and configure settings.

Shortcodes Are Still Available

Alternatively, if you’re using an older version of WordPress, or you have the Classic Editor plugin installed, then you can still use shortcodes to display a sitemap. Just add the [simple-sitemap] or [simple-sitemap-group] to any page and the sitemap will be visible when the page is viewed on the front end of your site.

However, wherever possible we recommend you switch to using the new sitemap blocks instead as they are just so much easier to use than shortcodes.

What’s This? Tabbed Layout You Say?

That’s right. We’ve added support for a fully tabbed layout in HTML Sitemap App. While a lot of users are happy with displaying a sitemap in one long list you can now optionally display each post type in a separate tab too.

The ordering of sitemap tabs can be controlled via the block inspector panel along with all the other sitemap settings.

The tabs have been implemented via pure CSS and no JavaScript code is needed to render them. This means there’s less to go wrong and the tabs load quicker – they just have a nice snappy rock-solid feel to them.

As a bonus, the tabs are 100% responsive so on mobile devices you can be sure your sitemap still looks great!

Features Galore

Here’s a breakdown of the features included with HTML Sitemap App.

• Build sitemap visually. No Shortcodes needed!
• Preview sitemap directly in the editor.
• Choose from standard or tabbed layouts.
• Beautiful 100% CSS sitemap tabs. (no JavaScript)
• Display any number of posts or pages.
• List sitemap items in ascending or descending order.
• Sort by field. (e.g. title, author, date, ID)
• Optionally display post excerpt.
• Toggle post type label.
• Display individual sitemap items as text or links.
• Sitemap shortcodes available as an alternative to blocks.
• HTML Sitemap App settings to manage parent page links.
• Intelligent script handling.
• Support for multiple sitemaps per page.

Scripts used by the HTML Sitemap App will only be added to posts or pages that contain a sitemap block. They will NOT be added globally to all pages which would be inefficient.

Also, each sitemap has a unique ID assigned to it which is used to namespace the CSS. This enables you to add multiple sitemaps to a page and apply different settings/styles to each one.