How to Create HTML Sitemap Page for Blogger Blog & Rank in Google

Before proceeding let’s understand What is an HTML Sitemap Page.

As the name suggests a Sitemap page for Blogger is a page that consists of all the related locations/links of Post & Pages of a site.

A Sitemap page is used by both the user as well as the search engine crawlers to navigate through the site. A user can find the exact information from a sitemap page they are looking for.

But not only the user a sitemap page is important for the web crawlers to navigate your site and collect the data of your post, pages, or different categories.

Before knowing how to add a sitemap page to blogger, let’s just understand the types of Sitemap.

Type of Sitemap?

Generally, there are two types of sitemap stated below:

  • XML SItemap
  • HTML Sitemap

What is a XML Sitemap?

XML Sitemap is a file that contains all the links of a site and serves it to the Web Crawlers. There are a billion websites that exist on the internet.

In fact, a study shows there are over 2 billion websites and these numbers are growing day by day.

So to deal with the rankings and indexing every search engine has their own Web Crawlers and these Web Crawlers collects the data of a site from an XML Sitemap.

So Basically XML Sitemap is the interior design on a site.

XML Sitemap with Google Search Console

Google Search Console helps in Indexing the post and pages of a website on their Search engine. XML SItemap tells Google Search Console about the links of the site. So it plays a very important role in your rankings.

What is HTML Sitemap?

This is the main aim of this article. so we’ll start with its definition.

HTML Sitemap Page is a normal web page just like any other post of your site. HTML Sitemap page is generally for your audience/visitor to navigate the site from a single page.

Web Crawlers or bots treat this page like a regular HTML page containing a lot of internal links.

Key Features of an HTML Page

  • Automatically Gets Updated when you publish a new post or page.
  • Well Organised and sorted.

Let’s add an HTML Sitemap to your blogger blog then we’ll understand how to rank it in Google.

How to Add HTML Sitemap Page for Blogger

Now we’ll see how you can create a sitemap page for blogger step by step.

STEP-1: Navigate to your Blogger Dashboard

Go to your blogger dashboard and click on Pages from the left sidebar as shown below.


STEP-2: Add a New Page by clicking on the Plus or Add new Icon

Simply you need to click on add new page to create a sitemap page for blogger blog as shown below.


STEP-3: Select the HTML View option

To create a sitemap page for Blogger you will need to paste the code given below into the HTML section of your Page.


STEP-4 Add the Code given below into the HTML Section in your editor

<script type='text/javascript'>
var postTitle = new Array();
var postUrl = new Array();
var postPublished = new Array();
var postDate = new Array();
var postLabels = new Array();
var postRecent = new Array();
var sortBy = "titleasc";
var numberfeed = 0;
function bloggersitemap(a) {
    function b() {
        if ("entry" in a.feed) {
            var d = a.feed.entry.length;
            numberfeed = d;
            ii = 0;
            for (var h = 0; h < d; h++) {
                var n = a.feed.entry[h];
                var e = n.title.$t;
                var m = n.published.$t.substring(0, 10);
                var j;
                for (var g = 0; g <; g++) {
                    if ([g].rel == "alternate") {
                        j =[g].href;
                var o = "";
                for (var g = 0; g <; g++) {
                    if ([g].rel == "enclosure") {
                        o =[g].href;
                var c = "";
                if ("category" in n) {
                    for (var g = 0; g < n.category.length; g++) {
                        c = n.category[g].term;
                        var f = c.lastIndexOf(";");
                        if (f != -1) {
                            c = c.substring(0, f)
                        postLabels[ii] = c;
                        postTitle[ii] = e;
                        postDate[ii] = m;
                        postUrl[ii] = j;
                        postPublished[ii] = o;
                        if (h < 10) {
                            postRecent[ii] = true
                        } else {
                            postRecent[ii] = false
                        ii = ii + 1
    sortBy = "titledesc";
function sortPosts(d) {
    function c(e, g) {
        var f = postTitle[e];
        postTitle[e] = postTitle[g];
        postTitle[g] = f;
        var f = postDate[e];
        postDate[e] = postDate[g];
        postDate[g] = f;
        var f = postUrl[e];
        postUrl[e] = postUrl[g];
        postUrl[g] = f;
        var f = postLabels[e];
        postLabels[e] = postLabels[g];
        postLabels[g] = f;
        var f = postPublished[e];
        postPublished[e] = postPublished[g];
        postPublished[g] = f;
        var f = postRecent[e];
        postRecent[e] = postRecent[g];
        postRecent[g] = f
    for (var b = 0; b < postTitle.length - 1; b++) {
        for (var a = b + 1; a < postTitle.length; a++) {
            if (d == "titleasc") {
                if (postTitle[b] > postTitle[a]) {
                    c(b, a)
            if (d == "titledesc") {
                if (postTitle[b] < postTitle[a]) {
                    c(b, a)
            if (d == "dateoldest") {
                if (postDate[b] > postDate[a]) {
                    c(b, a)
            if (d == "datenewest") {
                if (postDate[b] < postDate[a]) {
                    c(b, a)
            if (d == "orderlabel") {
                if (postLabels[b] > postLabels[a]) {
                    c(b, a)
function sortlabel() {
    sortBy = "orderlabel";
    var a = 0;
    var b = 0;
    while (b < postTitle.length) {
        temp1 = postLabels[b];
        firsti = a;
        do {
            a = a + 1
        } while (postLabels[a] == temp1);
        b = a;
        sortPosts2(firsti, a);
        if (b > postTitle.length) {
function sortPosts2(d, c) {
    function e(f, h) {
        var g = postTitle[f];
        postTitle[f] = postTitle[h];
        postTitle[h] = g;
        var g = postDate[f];
        postDate[f] = postDate[h];
        postDate[h] = g;
        var g = postUrl[f];
        postUrl[f] = postUrl[h];
        postUrl[h] = g;
        var g = postLabels[f];
        postLabels[f] = postLabels[h];
        postLabels[h] = g;
        var g = postPublished[f];
        postPublished[f] = postPublished[h];
        postPublished[h] = g;
        var g = postRecent[f];
        postRecent[f] = postRecent[h];
        postRecent[h] = g
    for (var b = d; b < c - 1; b++) {
        for (var a = b + 1; a < c; a++) {
            if (postTitle[b] > postTitle[a]) {
                e(b, a)
function displayToc() {
    var a = 0;
    var b = 0;
    while (b < postTitle.length) {
        temp1 = postLabels[b];
        document.write('<div class="post-archive"><h4>' + temp1 + '</h4><div class="ct-columns">');
        firsti = a;
        do {
            document.write('<a " href="' + postUrl[a] + '">' + postTitle[a] + "");
            if (postRecent[a] == true) {
                document.write(' - <strong><span>New!</span></strong>')
            a = a + 1
        } while (postLabels[a] == temp1);
        b = a;
        sortPosts2(firsti, a);
        if (b > postTitle.length) {
<script src="" type="text/javascript"></script>

Note: Replace with your site url.

STEP:5 Publish the Sitemap Page

So with all these steps you have successfully created a sitemap page for your own site.

If you encounter some kind of issues then please comment below with your site link. Our team will surely help you.

Now let’s rank our Sitemap page on Google.

Also Read: Content-Writing-tips-for-bloggers

Rank Sitemap Page in Google

What does Ranking Sitemap Page mean? What are the benefits of ranking a sitemap page on Google?

Ranking A Sitemap page in Google can easily be understood by the image provided below.


The sitemap page gets indexed and helps in gaining traffic to your site.

You don’t need any magic if you want your sitemap page to be ranked!

Google’s Web Crawlers will automatically rank your sitemap page but if you want to rank it quickly, then all you have to do is follow these simple steps mentioned below:

STEP:1 Copy the link of your Sitemap page and submit it to Inspect search box in Google Search Console.

STEP:2 If the page is not indexed it will show you and you have to click on Request Indexing and you are done.

Now your Sitemap page will get indexed in next 48 hours.


We have successfully created a Sitemap Page and implemented it on the blogger.

You need not to update your sitemap page it will automatically get updated when you post a new page or post and adds a suffix “NEW” to it.

If you get any error, feel free to ask in our comment section, Our team will surely help you.

Frequently Asked Questions

How to add blogger sitemap

I have properly explained how you can add a blogger sitemap and also how you can index it on google.

How do I upload an XML Sitemap to Blogger?

Go to this Site and generate your blogger XML Sitemap.

The Next Step is to go to your blogger settings and Enable custom robots.txt and then simply paste the Sitemap Code that you generated.

You may also like...

3 Responses

  1. Saurav says:

    html sitemap page for blogger useful article sir

  1. November 16, 2020

    […] Also Read: Sitemap-for-blogspot-bloggers […]

  2. November 25, 2020

    […] Also Read: How to Create HTML Sitemap Page for Blogger […]

Leave a Reply

Your email address will not be published. Required fields are marked *