Main menu

Pages

How To Create HTML Sitemap Page In Blogger

 A Sitemap is very important in a blog or website. It is a requirement for a blog to be indexed in search engines like Google, Bing and Yahoo search. There is various type of Sitemap but the most popular Sitemaps are in XML and HTML format.


Adding a HTML Sitemap Page in your blog will help your readers to navigate through your blog posts more easier, well a HTML sitemap is for your readers which will be a page displayed in your blog, and XML sitemap is for the search engines. So, adding an HTML sitemap will decrease your bounce rate and adding a custom XML sitemap will increase your organic traffic because search engines can crawl your site more easily!

What is an XML Sitemap?

An XML (Extensible Markup Language) Sitemap is a text file used to detail all URLs on a website. It can include extra information (metadata) on each URL, with details of when they were last updated, how important they are and whether there are any other versions of the URL created in other languages. All of this is done to help the search engines crawl your website more efficiently, allowing any changes to be fed to them directly, including when a new page is added or an old one removed.
An XML sitemap lists a website’s important pages, making sure Google can find and crawl them all, also helping it understand your website structure.

Check out:
• How to add a custom robots.txt file in Blogger
• Create Blogger Sitemap and Add to Google Webmaster Tools
• Custom Robots Header Tags Settings For Blogger (Blogspot)

Which pages should be in your XML sitemap?

How do you decide which pages to include in your XML sitemap? Always start by thinking of the relevance of a URL: when a visitor lands on a particular URL, is it a good result? Do you want visitors to land on that URL? If not, it probably shouldn’t be in it. However, if you really don’t want that URL to show up in the search results you’ll need to add a ‘noindex, follow’ tag. Leaving it out of your XML sitemap doesn’t mean Google won’t index the URL. If Google can find it by following links, Google can index the URL.
HTML Sitemap Page for blogger(blogspot)

What is an HTML Sitemap?

An HTML sitemap allows site visitors to easily navigate a website. It is a bulleted outline text version of the site navigation. The anchor text displayed in the outline is linked to the page it references. Site visitors can go to the Sitemap to locate a topic they are unable to find by searching the site or navigating through the site menus.

This Sitemap can also be created in XML format and submitted to search engines so they can crawl the website in a more effective manner. Using the Sitemap, search engines become aware of every page on the site, including any URLs that are not discovered through the normal crawling process used by the engine. Sitemaps are helpful if a site has dynamic content, is new and does not have many links to it, or contains a lot of archived content that is not well-linked.

Why Your HTML Sitemap Page is Important?

All of your site's content should be clickable. But some of your old blog posts or deep pages may take quite a few page links and clicks to access them. If you create an HTML Sitemap page and place the link in your footer, within 2 clicks, you have links to all the important content on your web! For both visitors and search engines, this is useful. It may increase the likelihood of being indexed by the search for that old but essential content. All of this enhances search opportunities for people to find your website and content.

The Difference Between HTML And XML Sitemap.

A HTML sitemap is like a plan to all pages in a website that visitors can use to find information on a site, some that may appear concealed. In as much as this type primarily targets the user, it also helps improve your search engine rankings since the site will be deemed to be user-friendly and serves the users’ interests. XML sitemap protocol is purposely aimed at the search engine spiders. It contains all the URLs in a site as well as associated metadata like the last time URL was modified, its importance to the site, frequency of changes and how it relates to the rest of the website among others. You can create XML and HTML sitemaps with the help of a sitemap generator.

Most people get mixed up when thinking about XML and HTML sitemaps. HTML sitemap is placed on a website’s homepage and appears on all the other pages. This is not the case with XML sitemaps because they are placed in the domain, i.e. example.com/sitemap.xml and not linked from the main site. This ensures that your site can be crawled and content indexed, seeing to it that your important content, which you obviously toiled to craft and upload is discovered.

So there are two types of sitemap and both have different work. Creating both XML and HTML sitemap is very important in Blog. To create an XML sitemap, we have already told and today we are talking about creating an HTML sitemap page.

How To Add Sitemap Page In Blogger

Step 1: Login to your Blogger account, then go to Pages > New page.
Step 2: Enter "Site Map" in Page title field.
Step 3: Switch to HTML mode.
Step 4: Enter the following codes inside the blank field.
Blogger(blogspot) HTML Sitemap page Editor

Note: Clear any default code inside HTML field before pasting provided code.


 <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 < 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 = "titledesc";
    sortPosts(sortBy);
    sortlabel();
    displayToc();
}
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() {
    var a = 0;
    var b = 0;
    while (b < postTitle.length) {
        temp1 = postLabels[b];
        document.write("");
        document.write('<div class="post-archive"><h4>' + temp1 + '</h4><div class="ct-columns">');
        firsti = a;
        do {
            document.write("<p>");
            document.write('<a " href="' + postUrl[a] + '">' + postTitle[a] + "");
            if (postRecent[a] == true) {
                document.write(' - <strong><span>New!</span></strong>')
            }
            document.write("</a></p>");
            a = a + 1
        } while (postLabels[a] == temp1);
        b = a;
        document.write("</div></div>");
        sortPosts2(firsti, a);
        if (b > postTitle.length) {
            break
        }
    }
}
</script>
<script src="http://www.yourblog.blogspot.com/feeds/posts/summary?alt=json-in-script&max-results=9999&callback=bloggersitemap" type="text/javascript"></script>

Note: Dismiss any type of HTTPS errors.
Step 5: Configuration
- Replace yourblog.blogspot.com with your blog URL. If your blog URL is "http" make sure it's "http" in the code and if it's "https" make sure it's "https" in the code, okay! Just copy your blog URL and replace the one in the red in the code given Above.

Step 6: Under Page settings > inside Search Description field add page description.
Step 7. Click on Options > under Reader comments > select Don't allow > Done.

Comments