{"id":2603,"date":"2021-12-13T10:42:46","date_gmt":"2021-12-13T08:42:46","guid":{"rendered":"https:\/\/www.scalahosting.com\/kb\/?p=2603"},"modified":"2022-02-02T16:26:20","modified_gmt":"2022-02-02T14:26:20","slug":"how-to-create-an-html-sitemap-page-for-wordpress","status":"publish","type":"post","link":"https:\/\/www.scalahosting.com\/kb\/how-to-create-an-html-sitemap-page-for-wordpress\/","title":{"rendered":"How to Create an HTML Sitemap Page for WordPress?"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Improving the website&#8217;s user experience should be high on your priority list, regardless of the type of project you&#8217;re running.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">It may not sound like it, but an HTML sitemap can actually be <\/span><b>an enormous factor in making your site easier and more enjoyable to interact with<\/b><span style=\"font-weight: 400;\">. It can also <\/span><b>improve its search engine rankings<\/b><span style=\"font-weight: 400;\">, so it&#8217;s not something you should ignore. The problem is, many people think that creating a sitemap requires advanced technical skills.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">As we&#8217;ll find out with today&#8217;s guide, this is not the case if you use WordPress.<\/span><b><\/b><\/p>\n<h2><b>Why Is an HTML Sitemap So Important?<\/b><b><\/b><\/h2>\n<p><span style=\"font-weight: 400;\">In basic terms, an HTML sitemap is a page with links to all your website&#8217;s pages and posts. With it, users can <\/span><b>quickly find what they&#8217;re looking for<\/b><span style=\"font-weight: 400;\">, and they are much more likely to be happy with the overall browsing experience.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">With a sitemap, you don&#8217;t need to worry about your content getting lost, either. If you write a blog, the new posts you publish regularly appear on your homepage by default. This is important for keeping your audience interested. However, the unwanted side effect is that, although it may still be relevant,&nbsp; <\/span><b>older content will not be easily accessible<\/b><span style=\"font-weight: 400;\">. A sitemap can organize and categorize all your articles, meaning even the oldest posts are <\/span><b>no more than a couple of clicks away<\/b><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">This is also good for <\/span><b>your site&#8217;s search engine rankings<\/b><span style=\"font-weight: 400;\">. According to SEO experts, Google determines how important each page and post is based on, among other things, how many internal links point to it. Thanks to the links on the sitemap page, the search engine crawlers will have an easier time discovering and indexing your content.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">In addition to all this, Google will recognize the fact that you&#8217;re trying to improve your site&#8217;s <\/span><b>user experience<\/b><span style=\"font-weight: 400;\">, bringing yet more SEO benefits.<\/span><b><\/b><\/p>\n<h2><b>What Is the Difference Between XML and HTML Sitemaps?<\/b><b><\/b><\/h2>\n<p><span style=\"font-weight: 400;\">There are a couple of types of sitemaps: <\/span><b>XML sitemaps and HTML sitemaps<\/b><span style=\"font-weight: 400;\">. The differences between the two groups are predetermined by the differences between the programming languages they&#8217;re written in.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Where HTML makes data human readable, <\/span><b>XML is more focused on its structure and transfer.<\/b><\/p>\n<p><span style=\"font-weight: 400;\">In much the same way, HTML sitemaps are designed to <\/span><b>help your site&#8217;s visitors find their bearings<\/b><span style=\"font-weight: 400;\">. XML sitemaps, meanwhile, are <\/span><b>built solely for search engine bots<\/b><span style=\"font-weight: 400;\">.<\/span><b><\/b><\/p>\n<h2><b>How to Create Your WordPress HTML Sitemap<\/b><b><\/b><\/h2>\n<p><span style=\"font-weight: 400;\">As is often the case with <\/span><a href=\"https:\/\/www.scalahosting.com\/blog\/how-to-install-wordpress\/\"><b>WordPress<\/b><\/a><span style=\"font-weight: 400;\">, there are a couple of ways to approach a task: <\/span><b>with a plugin or without one<\/b><span style=\"font-weight: 400;\">. If you want to create your sitemap manually, you&#8217;ll need to create <\/span><b>a new template file<\/b><span style=\"font-weight: 400;\"> in your WordPress theme and write the PHP code that collects and organizes all your content into a single page. Then, you need to create a new page and use the template you&#8217;ve just put together.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">You can find the relevant PHP code online, and helpful developers have even included step-by-step tutorials and videos showing you how everything should work. Nevertheless, success can only be guaranteed if you&#8217;re comfortable using <\/span><b>a code editor and an <\/b><a href=\"https:\/\/www.scalahosting.com\/kb\/how-to-establish-an-ftp-connection-to-your-hosting-account\/\"><b>FTP client<\/b><\/a><span style=\"font-weight: 400;\"> and have at least <\/span><b>a basic understanding of PHP syntax<\/b><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">That&#8217;s why most people prefer to create their HTML sitemaps with a plugin.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Search for &#8220;sitemap&#8221; on WordPress&#8217;s official plugin directory, and you&#8217;ll find <\/span><a href=\"https:\/\/wordpress.org\/plugins\/search\/sitemap\/\"><span style=\"font-weight: 400;\">quite a few sitemap generators<\/span><\/a><span style=\"font-weight: 400;\">. You need to bear in mind that not all plugins you&#8217;ll see are suitable for HTML sitemaps.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">One of the popular ones that have the functionality is <\/span><a href=\"https:\/\/wordpress.org\/plugins\/simple-sitemap\/\"><span style=\"font-weight: 400;\">Simple Sitemap<\/span><\/a><span style=\"font-weight: 400;\">. It has <\/span><b>over 80 thousand active installations<\/b><span style=\"font-weight: 400;\"> at the time of writing, it receives regular updates, and today, we&#8217;ll show you how to set up your HTML sitemap with it.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">After installing the plugin, set up a new page through the <\/span><b>Pages<\/b><span style=\"font-weight: 400;\"> &gt; <\/span><b>Add New <\/b><span style=\"font-weight: 400;\">menu of your WP dashboard.<\/span><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-large wp-image-2605\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/12\/html-sitemap-1024x312.png\" alt=\"How to Create an HTML Sitemap Page for WordPress?, How to Create Your WordPress HTML Sitemap\" width=\"1024\" height=\"312\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/12\/html-sitemap-1024x312.png 1024w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/12\/html-sitemap-300x91.png 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/12\/html-sitemap-768x234.png 768w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/12\/html-sitemap-1536x467.png 1536w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/12\/html-sitemap.png 1919w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Pick a title for the new page (e.g., &#8220;Sitemap&#8221;), and click the <\/span><b>+<\/b><span style=\"font-weight: 400;\"> button to add a new block.<\/span><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-large wp-image-2606\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/12\/html-sitemap-1-1024x500.png\" alt=\"How to Create an HTML Sitemap Page for WordPress?, How to Create Your WordPress HTML Sitemap 2\" width=\"1024\" height=\"500\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/12\/html-sitemap-1-1024x500.png 1024w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/12\/html-sitemap-1-300x146.png 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/12\/html-sitemap-1-768x375.png 768w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/12\/html-sitemap-1-1536x750.png 1536w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/12\/html-sitemap-1.png 1920w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">The <\/span><b>Simple Sitemap <\/b><span style=\"font-weight: 400;\">block should be one of the first options. If it&#8217;s not, you can use the search field or click <\/span><b>Browse all<\/b><span style=\"font-weight: 400;\"> to find it.<\/span><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-2607\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/12\/html-sitemap-2.png\" alt=\"How to Create an HTML Sitemap Page for WordPress?, How to Create Your WordPress HTML Sitemap 3\" width=\"501\" height=\"492\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/12\/html-sitemap-2.png 501w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/12\/html-sitemap-2-300x295.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">By default, the Simple Sitemap block adds links to your pages only.<\/span><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-2608\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/12\/html-sitemap-3.png\" alt=\"How to Create an HTML Sitemap Page for WordPress?, How to Create Your WordPress HTML Sitemap 4\" width=\"396\" height=\"285\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/12\/html-sitemap-3.png 396w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/12\/html-sitemap-3-300x216.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">On the right, you have plenty of options for adding your posts, ordering them, organizing them in tabs, etc.<\/span><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-2609\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/12\/html-sitemap-4.png\" alt=\"How to Create an HTML Sitemap Page for WordPress?, How to Create Your WordPress HTML Sitemap 5\" width=\"277\" height=\"692\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/12\/html-sitemap-4.png 277w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/12\/html-sitemap-4-120x300.png 120w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">After you&#8217;re done customizing the page, you can publish it and add it to the footer of the WordPress theme you&#8217;re currently using.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">If you use the <\/span><a href=\"https:\/\/wordpress.org\/plugins\/classic-editor\/\"><b>Classic Editor<\/b><\/a><span style=\"font-weight: 400;\">, you&#8217;ll need to use one of the shortcodes available under the <\/span><b>Simple Sitemap<\/b><span style=\"font-weight: 400;\"> &gt; <\/span><b>Settings <\/b><span style=\"font-weight: 400;\">menu in the navigation bar of your WordPress dashboard.<\/span><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-large wp-image-2610\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/12\/html-sitemap-5-1024x504.png\" alt=\"How to Create an HTML Sitemap Page for WordPress?, How to Create Your WordPress HTML Sitemap 6\" width=\"1024\" height=\"504\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/12\/html-sitemap-5-1024x504.png 1024w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/12\/html-sitemap-5-300x148.png 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/12\/html-sitemap-5-768x378.png 768w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/12\/html-sitemap-5-1536x756.png 1536w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/12\/html-sitemap-5.png 1903w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Getting the right combination of a shortcode and its attributes may be a bit tricky. Fortunately, Simple <\/span><b>Sitemap&#8217;s developers <\/b><span style=\"font-weight: 400;\">have included detailed information explaining what each one of them does.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Improving the website&#8217;s user experience should be high on your priority list, regardless of the type of project you&#8217;re running. It may not sound like it, but an HTML sitemap can actually be an enormous factor in making your site easier and more enjoyable to interact with. It can also improve its search engine rankings, [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_seopress_analysis_target_kw":"","footnotes":""},"categories":[34],"tags":[],"class_list":["post-2603","post","type-post","status-publish","format-standard","hentry","category-web-hosting"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/posts\/2603","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/comments?post=2603"}],"version-history":[{"count":5,"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/posts\/2603\/revisions"}],"predecessor-version":[{"id":3069,"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/posts\/2603\/revisions\/3069"}],"wp:attachment":[{"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/media?parent=2603"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/categories?post=2603"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/tags?post=2603"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}