Pro Tips - Ultimate guide to create sitemap for Blogger in HTML and XML (Posts & Pages)

In this post, we will know about How to create sitemap for blogger? If you want to rank your blog post in Search Engine, firstly you need to know how to create sitemap for blogger and then submit your sitemap to search engine.

Many people say that only the XML sitemap is correct. HTML Sitemap does not happen at all. But let me tell you how much important html sitemap is for a blogger or website. 

This is most important for user engagement or search engine optimization on your blog or website. Which leads to an increase in visitors of your website and a decreasement in the bounce rate of your website.

First of all, you have to know what is xml and html sitemap? Let's see in this complete blog post.

Read Also: Why Digital Marketing career will be having cut-throat competition in future in 2021?

What is Sitemap?

A sitemap is a file where you provide information about the pages, videos, and other files on your site in organised way and search engines crawler bots like Googlebot, Bingbot, Baiduspider, Applebot & other bots read this file to more intelligently crawl your site.

What is XML Sitemap?

An XML means extensible markup language. Now, XML Sitemap is the set of website pages or blog posts. It's look like URL table list to tell search engines what content is available and how to reach it.

What is HTML Sitemap?

An HTML sitemap is a tabular list of all pages and posts in a website or blog. That anyone can read.

Difference between XML Sitemap and HTML Sitemap.

XML Sitemap is for crawler web bots for understanding how many pages or posts are available in the website. And other side HTML Sitmap for human beings or visitors for understanding how many pages or posts are available in the website.

Read Also: Google's algorithm update, called MUM, is new SERP organizer AI technology

How to create sitemap for blogger in HTML? Also as How to create sitemap page for Blogger?

I tell you that HTML Sitemap page only available for blog posts not blog pages. There can be a way of that too, but I don't know. Even if this happens. So wait for the next post, I will definitely write it. 

Step 1: Go to Blogger.com and login with your Gmail account.

Step 2: Firstly, you need to create a page called "Sitemap" and published it.

Note: To check Permalink, make sure yoursite.blogspot.com/p/sitemap.html. If no, you need to edit the permalink in the manner.

Step 3: Come back to this post, copy the HTML Sitemap example code and paste it to your sitemap page in HTML view.

HTML Sitemap example code 

<style>
p.labels a{color: #242424; text-transform: uppercase;font-size: 15px;}
a.post-titles {color: #0000FF;}
ol li{list-style-type:decimal;line-height:25px;}
</style>
<!---Gitesh Geeky Blog – giteshgeeky.blogspot.com--->
<script>
//<![CDATA[
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 tocLoaded=false;var numChars=250;var postFilter="";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<n.link.length;g++){if(n.link[g].rel=="alternate"){j=n.link[g].href;break}}var o="";for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="enclosure"){o=n.link[g].href;break}}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}}}}}b();sortBy="titleasc";sortPosts(sortBy);sortlabel();tocLoaded=true;displayToc2();document.write('</br><div class="sitemap-link"><a href="https://giteshgeeky.blogspot.com/2021/02/create-sitemap-for-blogger-in-html-and-xml.html" style="font-size: 10px; text-decoration:none; color: #5146CD;">Get This Widget</a></div>')}function filterPosts(a){scroll(0,0);postFilter=a;displayToc(postFilter)}function allPosts(){sortlabel();postFilter="";displayToc(postFilter)}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";sortPosts(sortBy);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){break}}}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(a){var l=0;var h="";var e="Post Title";var m="Click to sort by title";var d="Date";var k="Click to sort by date";var c="Category";var j="";if(sortBy=="titleasc"){m+=" (descending)";k+=" (newest first)"}if(sortBy=="titledesc"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="dateoldest"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="datenewest"){m+=" (ascending)";k+=" (oldest first)"}if(postFilter!=""){j="Click to view all"}h+="<table>";h+="<tr>";h+='<td class="header1">';h+='<a href="javascript:toggleTitleSort();" title="'+m+'">'+e+"</a>";h+="</td>";h+='<td class="header2">';h+='<a href="javascript:toggleDateSort();" title="'+k+'">'+d+"</a>";h+="</td>";h+='<td class="header3">';h+='<a href="javascript:allPosts();" title="'+j+'">'+c+"</a>";h+="</td>";h+='<td class="header4">';h+="Read all";h+="</td>";h+="</tr>";for(var g=0;g<postTitle.length;g++){if(a==""){h+='<tr><td class="entry1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="entry2">'+postDate[g]+'</td><td class="entry3">'+postLabels[g]+'</td><td class="entry4"><a href="'+postPublished[g]+'">Read</a></td></tr>';l++}else{z=postLabels[g].lastIndexOf(a);if(z!=-1){h+='<tr><td class="entry1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="entry2">'+postDate[g]+'</td><td class="entry3">'+postLabels[g]+'</td><td class="entry4"><a href="'+postPublished[g]+'">Read</a></td></tr>';l++}}}h+="</table>";if(l==postTitle.length){var f='<span class="toc-note">Show All '+postTitle.length+" Posts<br/></span>"}else{var f='<span class="toc-note">Show '+l+" posts by category '";f+=postFilter+"' the "+postTitle.length+" Total Posts<br/></span>"}var b=document.getElementById("toc");b.innerHTML=f+h}function displayToc2(){var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];document.write("<p/>");document.write('<p class="labels"><a href="/search/label/'+temp1+'">'+temp1+"</a></p><ol>");firsti=a;do{document.write("<li>");document.write('<a class="post-titles" href="'+postUrl[a]+'">'+postTitle[a]+"</a>");if(postRecent[a]==true){document.write(' - <strong><span style="color: rgb(255, 0, 0);">New!</span></strong>')}document.write("</li>");a=a+1}while(postLabels[a]==temp1);b=a;document.write("</ol>");sortPosts2(firsti,a);if(b>postTitle.length){break}}}function toggleTitleSort(){if(sortBy=="titleasc"){sortBy="titledesc"}else{sortBy="titleasc"}sortPosts(sortBy);displayToc(postFilter)}function toggleDateSort(){if(sortBy=="datenewest"){sortBy="dateoldest"}else{sortBy="datenewest"}sortPosts(sortBy);displayToc(postFilter)}function showToc(){if(tocLoaded){displayToc(postFilter);var a=document.getElementById("toclink")}else{alert("Just wait... TOC is loading")}}function hideToc(){var a=document.getElementById("toc");a.innerHTML="";var b=document.getElementById("toclink");b.innerHTML='<a href="#" onclick="scroll(0,0); showToc(); Effect.toggle(\'toc-result\',\'blind\');">?? Display Table of Contents</a> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw5bFVZ0OSlHKBmW2ME393o-qAAsBimBsRZGWffwgwEYElZ27F-QwhIuRNEA4enyZ5UheTzhmbcr_VyoHVR6LzHeFxn-Mr2762aQrnWHw3TSZZocxJv3G3JN8Yymryz8UlSmyFpa7nd-t5/s1600/new_icon.gif"/>'}function looptemp2(){for(var a=0;a<numberfeed;a++){document.write("<br>");document.write('Post Link : <a href="'+postUrl[a]+'">'+postTitle[a]+"</a><br>");document.write('Read all : <a href="'+postPublished[a]+'">'+postTitle[a]+"</a><br>");document.write("<br>")}};
//]]>
</script>
<script src="http://myblog.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=bloggersitemap"></script>

Step 4: Remove my blog feed URL (in red colour) and paste here your feed URL. 

Step 5: Now, Set the search description and don't allow comments and hide it exiting. Finally all done, you can update the page and view it.

All set, you can enjoy your HTML Sitemap for Blogger blog. Just like Sitemap page, I have created for myself Google page, AdSense page, How To guide page, Twitter page, Blogger page, SEO page, WordPress page and many more. You can see if you want.

Now, the second question is, what about xml sitemap for blogger. Let's see

How do I upload an XML sitemap file to Blogger? or How can I upload a sitemap to my blog?

You don't have to upload anything to Blogger. Blogger doesn't provide any option to upload files on his server. Read Google Support for Blogger.

How to create XML Sitemap for Blogger?

Blogger automatically creates sitemap, Google itself. You do not need to make. And it does not happen in a page like WordPress. It is different, meaning that it is different for the page, then different sitemap for the post.

This one for blogger posts: yourblog.blogspot.com/sitemap.xml

Second one for pages: yourblog.blogspot.com/sitemap-pages.xml

ठीक बा, फेर मिलेम! ("Good bye, see you again." in Bhojpuri Language).

If you like this blog post, subscribe to my blog, share it with your friends, and don't forget to tag with me on Facebook, Twitter/giteshsharma_, and Instagram. And if you have any doubt, don't hesitate to comments below and contact me on page. You can also do subscribe to me on YouTube/giteshgeeky and Telegram and watch my videos tutorial.