How To Create Sitemap Page For Blogger- Best Ways In 2022

How To Create Sitemap Page In Blogger

Are you attempting to create a sitemap page for Blogger? If so, you are where you need to be. A key distinction exists between an HTML sitemap and an XML sitemap.

A site map, also known as a sitemap, is a description of a website’s pages. A site map is a representation of the content on a website made to assist in website design for both search engines and users.

Similar to how a traditional geographic map helps people locate locations they are looking for in the real world, a site map is an ordered representation of a Web site’s content that allows users to navigate across the site and find the data they are searching for.

Many websites feature user-visible sitemaps that offer a systematic perspective of the website, usually hierarchical. These can be used by robots and are meant to help visitors find relevant pages. A different strategy is to arrange site maps alphabetically, often known as site indexes.

Let’s get started

The difference between XML and HTML sitemaps

HTML Sitemap: What Is It?

HTML sitemaps are standard HTML pages that both users and search engine algorithms can read. The main goal of using an HTML-based sitemap is to organize and present all of your posts so that your users may browse them all on a single page. HTML sitemaps are reportedly useful for website visitors. Each page on the website, from the home page to the sub-pages, is included in the sitemaps. It is usually helpful in creating a sitemap page for Blogger.

XML Sitemap: What Is It?

In reality, search engines use their own search tools (bots) to find pages via links from both within and outside of their own websites. Your website’s sitemap is an XML document that gives crawlers access to this information. The sitemap file contains a list of all post URLs along with details about each URL.

This information is used by the search engine to search for your posts as accurately as possible. Your site pages will be searched in search engines if you use an XML Sitemap file.

Difference Between an XML Sitemap and an HTML Sitemap page for Bloggers

A sitemap in HTML is quite different from one in XML. As just a blogger, we send an XML Sitemap to search engines in order to increase crawling rates or obtain speedy scanning of fresh blog posts.

The HTML Sitemap displays a page with your published posts nicely structured. This guide explains how to make an HTML sitemap page for Blogger. Continue reading as we examine a variety of styles.

User And Search Engine Benefits Of A Sitemap

Benefits For Users Of A Sitemap

The user benefits from the sitemap since they can look at it if they can’t find a page of your website through the navigation menu and might find the data there.

Also Read: How To Get Instant Web Traffic On A Blog Or Website

If your website is vast, using a sitemap can really divide it into smaller chunks by labels, authors, categories, or other criteria. In order to make it easier for users to find content on your site, you should create a sitemap.

A sitemap’s advantages for search engines

Search engines can access your sitemap and discover all of your website’s pages. As a result, it will aid in the indexing of your website as well as for SEO purposes to aid in particular page ranks.

Features of Blogger’s HTML sitemap page

  • It is alphabetically sorted (A to Z).
  • It lists blog entries according to labels.
  • It automatically tags the most recent articles as “New.”
  • Labels are clearly divided.
  • A lightweight Java script is used.
  • beautiful colour scheme.
  • Each label on a blog post includes an automatic numbering system.
  • Users can easily navigate between posts.

How can an HTML sitemap for a Blogger blog be generated?

The creation of an HTML sitemap page is quite simple. For Blogger, I provided the codes for an HTML sitemap page for Blogger. To add a code to your blog, choose one and carefully follow the instructions below.

  1. Visit the Dashboard after signing into your blogger account.
  2. Make a new page in Pages and give it the title “Sitemap.”
  3. Under page settings, add the Search description.
  4. Select “Don’t allow” under Reader comments by clicking Options.
  5. Go into HTML mode now and remove all of the default codes that are there.

HTML sitemap version 1

* Sitemap page */

<style type=”text/css”>



margin:5px auto;

border:1px solid #05a0ff;

-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);

-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);

box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);





margin:0 -5px;

padding:1px 0 2px 11px;

background:-moz-linear-gradient(right,#c2eafe 0%,#05a0ff 40%);

background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#05a0ff),color-stop(1,#c2eafe));

border:1px solid #37c2dd;


-webkit-border-radius:4px;box-shadow:3px 3px 1px #a0a0a0;

-moz-box-shadow:3px 3px 1px #a0a0a0;-webkit-box-shadow:3px 3px 1px #a0a0a0;display:block;


.labl a{color:#fff;









background:-moz-linear-gradient(right,#C2EAFE 0%,#fff 40%);

background:-webkit-gradient(linear,left 80,right 10,color-stop(0.50,#fff),color-stop(1,#C2EAFE));


.postname li{border-bottom: #ddd 1px dotted;




<br />

<div id=”sitemap”>

<script src=”” type=”text/javascript”></script>

<script src=”;alt=json-in-script&amp;callback=loadtoc”>




I hope this tutorial has helped you understand the distinction between an XML sitemap for Blogger and an HTML sitemap for Blogger. If you need help adding an HTML sitemap to Blogger, please let me know in the comments section. If you have any queries or tips for us about blogging, please share them with us!

I sincerely hope you like this article on how to construct an HTML sitemap page for Blogger. Please comment below if you have any questions or concerns.

Leave a Comment