How to Generate HTML Sitemap Page on Blogger
Before going forrad to add together Sitemap page it is real of import to empathize the divergence betwixt HTML sitemap as well as XML sitemap.
What is XML Sitemap?
Actually, the Search engine uses their respective spider web crawlers (bots) to detect pages from links within the site as well as from other sites. XML Sitemap is a .xml file attached to your website which supplies this information to crawlers. Sitemap file consists of all posts URL alongside additional information regarding each URL. The Search engine uses this information to index your posts inward the best possible way. Use of XML Sitemap file guarantees that your spider web pages volition larn indexed inward search engines.
How to add together as well as submit an XML sitemap to google as well as other search engines
What is HTML Sitemap?
HTML sitemap is a regular HTML page which tin live read yesteryear search engine bots every bit good every bit yesteryear visitors. Web crawler treats it similar a regular HTML page (with many links). The principal role of the using HTML based sitemap is to stand upwards for all your posts inward an organized fashion thus that your users tin navigate all of your posts through a unmarried page.
Features
- Post listing volition update automatically alongside the add-on of novel posts.- Automatic add-on of Suffix 'new' to newly added posts.
- Sorted alphabetically (ascending)
How to add together sitemap page inward blogger
Note: This is Label Based Sitemap Page as well as yous tin solely apply label based themes on it.
Step 1. Login to your Blogger account, as well as then become to Pages > New page.
Step 2. Enter "Site Map" inward Page championship field.
Step 3. Switch to HTML mode.
Step 4. Enter next within blank field.
Note: Clear whatsoever default code within HTML champaign earlier pasting provided code.
Read: How to Automatically Remove Default Code from Blogger's Writing Panel
<script type='text/javascript'> var postTitle = novel Array(); var postUrl = novel Array(); var postPublished = novel Array(); var postDate = novel Array(); var postLabels = novel Array(); var postRecent = novel Array(); var sortBy = "titleasc"; var numberfeed = 0; business office bloggersitemap(a) { business office b() { if ("entry" inward 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 1000 = 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; intermission } } var o = ""; for (var g = 0; g < n.link.length; g++) { if (n.link[g].rel == "enclosure") { o = n.link[g].href; intermission } } var c = ""; if ("category" inward 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] = truthful } else { postRecent[ii] = simulated } ii = ii + 1 } } } } } b(); sortBy = "titledesc"; sortPosts(sortBy); sortlabel(); displayToc(); } business office sortPosts(d) { business office 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) } } } } } business office sortlabel() { sortBy = "orderlabel"; sortPosts(sortBy); var a = 0; var b = 0; spell (b < postTitle.length) { temp1 = postLabels[b]; firsti = a; create { a = a + 1 } spell (postLabels[a] == temp1); b = a; sortPosts2(firsti, a); if (b > postTitle.length) { intermission } } } business office sortPosts2(d, c) { business office 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) } } } } business office displayToc() { var a = 0; var b = 0; spell (b < postTitle.length) { temp1 = postLabels[b]; document.write(""); document.write('<div class="post-archive"><h4>' + temp1 + '</h4><div class="ct-columns">'); firsti = a; create { 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 } spell (postLabels[a] == temp1); b = a; document.write("</div></div>"); sortPosts2(firsti, a); if (b > postTitle.length) { intermission } } } </script> <script src="http://yourblog.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=bloggersitemap"></script> Note: Dismiss whatsoever type of HTTPS errors.
Step 5. Configuration
- Replace yourblog.blogspot.com alongside your weblog URL.
Step 6. Under Page settings > within Search Description champaign add page description.
Step 7. Click on Options > nether Reader comments > choose Don't allow > Done.
Step 8. Click Publish.
Note: This tutorial is solely virtually to add together Simple HTML Sitemap. You tin apply dissimilar colorful themes on this sitemap.
Read: Themes of HTML Sitemap Page - Label based (SEQL)
Happy Blogging!
You convey successfully added an HTML based sitemap page on your blog. Place your Site Map page link, wherever yous would similar to exhibit your Site Map page. You tin likewise apply dissimilar themes on this sitemap provided yesteryear . For whatsoever issues related to inward a higher house Tutorial Please Comment Below. Stay Updated, Browse ! :)
Belum ada Komentar untuk "How to Generate HTML Sitemap Page on Blogger"
Posting Komentar