Trendings

6/recent/ticker-posts

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

How to create sitemap for blogger in html
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.

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.

Create sitemap for blogger
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.

Create sitemap for blogger in Html or xml

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.

How to generate sitemap for blogger in html

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 FacebookTwitter/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.

Post a Comment

9 Comments

  1. Thank you for the info!

    ReplyDelete
    Replies
    1. Thank you for your kind words. I'd you have any of the problem regarding this please leave comments. And keep visiting.

      Delete
  2. bhai nhi ho paya dusra idea batao

    ReplyDelete
    Replies
    1. Bhai, Sahi Se step follow karo, gurantee hai ki ho jayega

      Delete
  3. Thanks for sharing this information. It is really helpful for blogger.

    ReplyDelete
    Replies
    1. I'm glad you liked my work. Keep visiting the blog for similar articles. If you have any suggestions or questions to ask, you can comment.

      Thank you for visiting.

      Delete
  4. Thanks for this wonderful blog keep sharing your knowledge like this...
    HTML Training in Chennai
    Go Lang Training in Chennai

    ReplyDelete

Your comments and feedback increase our enthusiasm and help us get better. Feel free to leave us your feedback. We hope, you do comment something good. Please don't spam. Read our privacy policy, terms and disclaimer. Any query please contact us.