How to add HTML/ XML sitemap in blogger website

byInfokie •Monday, January 31, 2022

0

Contents

A-Overview
a-What is sitemap and how it works
b-Steps to create/ generate xml sitemap
c-Adding sitemap map in HTML

This post will tell you best way to create html sitemap, xml sitemap from blogger stage, so your blog can be recorded in google internet engine, sitemap gives rundown of URLs that are accessible on your page, thought is to assist with search engines list all your site more productively, with sitemap, you can further develop your search engine results and get higher traffic and more backlinks, to take advantage of your sitemap, you want submit it to web crawlers, a cycle which we will knowing in this article

Overview

Before we go through how to add sitemap XML and HTML record in blogger, above all else, we need to know what is sitemap, we will likewise find out about sitemap and its benefits.

Sitemap

Sitemaps are specific kinds of web index robots that will creep through pages or post of your site and permit search engine bots to completely explore website, sitemaps are a vastly improved approach to letting web indexes crawl your website in XML documents.

How it works

Sitemap consequently creates a rundown on all pages of your site, A sitemap crawl area (URL) and brief substance of webpage, this permits web crawlers to list your pages all more astutely, sitemap produces list of record to permit your site's pages to be more effectively and immediately crawled via web indexes, It examinations connection construction of each of pages on your site and fabricates a rundown with every one of them that can be downloaded as XML or HTML, there is no compelling reason to alter any documents, it helps to works

Steps to create/ generate xml sitemap to add in blogger

To create sitemap goto mysitemapgenerator
Enter website URL
Click to genrate
Now your XML code is ready to apply on your blogger

Steps to enabling XML sitemap to blogger

Go to settings --> Scroll to crawling and indexing
Enable custom robots.txt

Now select custom robots.txt

Now copy generated XML code and paste it on custom robots.txt and click save

Adding sitemap in HTML format

Add this, given code editorial manager change your URL name and paste it into the blogger of new posts

<div class='postSection sitemaps' id='sitemaps'>
  <div class='loading'>Loading....</div>
</div>
<script>
  /*
	<![CDATA[*/
  /* Blogger Sitemap Dropdown: change i.src="..." with your url */
  var toc_config = {
    containerId: 'sitemaps',
    showNew: 0,
    sortAlphabetically: {
      thePanel: true,
      theList: true
    },
    activePanel: 1,
    slideSpeed: {
      down: 400,
      up: 400
    },
    slideEasing: {
      down: null,
      up: null
    },
    slideCallback: {
      down: function() {},
      up: function() {}
    },
    clickCallback: function() {},
    jsonCallback: 'sitemaps',
    delayLoading: 0
  };
  window.onload = function() {
    ! function(e, o) {
      var t = o.getElementById(toc_config.containerId),
        c = o.getElementsByTagName("head")[0],
        n = [];
      e[toc_config.jsonCallback] = function(e) {
        for (var o, c, i = e.feed.entry, a = e.feed.category, l = "", s = 0, d = a.length; d > s; ++s) n.push(a[s].term);
        for (var r = 0, f = i.length; f > r; ++r)(toc_config.showNew || toc_config.showNew > 0) && r < toc_config.showNew + 1 && (i[r].title.$t += " %new%");
        i = toc_config.sortAlphabetically.theList ? i.sort(function(e, o) {
          return e.title.$t.localeCompare(o.title.$t)
        }) : i, toc_config.sortAlphabetically.thePanel && n.sort();
        for (var g = 0, h = n.length; h > g; ++g) {
          l += '<div class=\"sitemapBox\"><h4 class=\"sitemapTitle\">' + n[g] + '</h4>', l += '<div class=\"sitemapContent\"><ol>';
          for (var _ = 0, p = i.length; p > _; ++_) {
            o = i[_].title.$t;
            for (var w = 0, u = i[_].link.length; u > w; ++w)
              if ("alternate" == i[_].link[w].rel) {
                c = i[_].link[w].href;
                break
              } for (var v = 0, m = i[_].category.length; m > v; ++v) n[g] == i[_].category[v].term && (l += '<li><a href=\"' + c + '\" title=\"' + o.replace(/ \%new\%$/, "") + '\">' + o.replace(/ \%new\%$/, "") + '</a></li>')
          }
          l += '</ol></div></div>'
        }
        t.innerHTML = l
      };
      var i = o.createElement("script");
      i.src = "https://your-website.com/feeds/posts/summary?alt=json-in-script&max-results=9999&callback=" + toc_config.jsonCallback, "onload" == toc_config.delayLoading ? e.onload = function() {
        c.appendChild(i)
      } : e.setTimeout(function() {
        c.appendChild(i)
      }, toc_config.delayLoading)
    }(window, document);
  }
  /*]]>*/
</script>
<style>
  .sitemaps {
    font-size: 14px
  }

.sitemapBox {
    padding: 15px;
    border: 1px solid var(--content-border);
    border-radius: 5px
  }

.sitemapBox:not(:last-child) {
    margin-bottom: 20px
  }

.postEntry .sitemapTitle {
    margin-top: 0;
    font-size: 14px;
    font-weight: 400;
    font-family: var(--body-font)
  }

.sitemapTitle:before {
    content: 'Label: ';
    font-size: 90%;
    opacity: .8
  }

.sitemaps ol {
    list-style: none;
    margin: 0;
    padding: 0;
    counter-reset: sitemap-count
  }

.sitemaps li {
    display: flex;
    align-items: baseline
  }

.sitemaps li:not(:last-child) {
    margin-bottom: 0
  }

.sitemaps li:before {
    content: counter(sitemap-count) '.';
    counter-increment: sitemap-count;
    flex-shrink: 0;
    width: 25px;
    font-size: 13px;
    font-family: var(--font-body);
    line-height: normal;
    opacity: .7
  }

.darkMode .sitemapBox {
    border-color: rgba(255, 255, 255, .1)
  }
</style>

Do you agree with discoveries? Offer your conclusions with us in the remarks segment beneath!

Put your review on Comment Box