Sunday, August 6, 2017


By this useful article I guide you that how to add HTML Sitemap to blogger. Sitemap is a outline of your site's route in slug writings. In the Outline the grapple content showed is associated with the particular referenced page. 


To make it simpler for your webpage's visitors to recognize any theme they discover trap situating through ordinary site pursuit or route through the menus, they can simply link to the sitemap and will be coordinated the correct area. Through this tutorial I describe on two main topics difference between XML Sitemap and HTML Sitemap. Now I guide you that how to add HTML Sitemap to Blogger page with simple and easy way step by step and drive traffic. If you want to add XML sitemap of blogger read this useful Article


  1. What is HTML Sitemap
  2. What is Difference between HTML and XML Sitemap
  3. How to Create HTML Sitemap for Blogger Posts

Add Stylish Sitemap to Blogger

1.   What is HTML Sitemap

A HTML sitemap permits webpage visitors to effectively explore a site. It is a bullet layout content form of the site route. The grapple content showed in the outline is connected to the page it references. Blogger readers can go to the Sitemap to find a point they can't discover via looking through the site or exploring through the site menus. 

This Sitemap can likewise be made in XML organization and submitted to web search tools so they can slither the site in a more successful way. Utilizing the Sitemap, web indexes wind up plainly mindful of each page on the webpage, including any URLs that are not found through the typical slithering procedure utilized by Search Engine. Sitemaps are useful if a site has dynamic substance, is new and does not have many connects to it, or contains a great deal of filed content that is not all around connected.

2.   What is Difference between HTML and XML Sitemap

Sitemaps are a method for advising Google and the other web crawlers about the pages of the site with the goal that they can find it and demonstrate all the pages of the site to the clients. On the off chance that the client doesn't utilize them, at that point there is a high hazard that the web search tools won't not demonstrate all the site pages as a few pages are not found by them amid their creeping procedure. 

There are two sorts of Sitemaps i.e. XML sitemap and HTML sitemap. The greater part of the general population stay befuddled in choosing the sitemap as they don't know which one is better. A sitemap ought to be chosen by the motivation behind the site for better outcomes. How about we observe the distinction amongst XML and HTML sitemap. 

Intended for various reason 

XML and HTML Sitemaps are intended for various purposes as XML sitemap is uncommonly intended for the web crawlers as it is submitted to the website admin apparatuses for slithering the site. While, HTML sitemap is intended for people as they can obviously observe it on the site as an additional site page and every one of the visitors of the site can make utilization of it for understanding the site. 

Consequently gets refreshed 

Another real contrast amongst XML and HTML Sitemaps is a programmed refresh. Since, HTML sitemap is intended for people for route reason no one but, it can't be refreshed consequently. A XML sitemap is intended for web crawlers which can be refreshed naturally by setting up a recurrence. This is useful in connecting the new posts with the website admin devices consequently. 

These are the two noteworthy contrasts between the XML and HTML Sitemaps. Should a client utilize XML or HTML sitemap is the most well-known inquiry by many web engineers. A client should utilize both the sitemaps with a specific end goal to get better outcomes. We should observe the advantages of utilizing both the Sitemaps: 

Interface your pages 

The principal preferred standpoint of having a sitemap is to associate your pages with the web crawlers. Posting normal substance on the site is of no utilization on the off chance that it is not noticeable to the guests. At whatever point, you make another website page you can utilize the XML sitemap to advise the web crawler. In this way, you require a XML sitemap to consistently associate your website page with the internet searcher so you can connect with the guests. 

Enhance your Search engine optimization rankings 

Having a HTML sitemap makes the site easy to use, as a client can undoubtedly explore the entire site with no issue. For instance, if the client is not ready to locate a particular page on the site then he can make utilization of the HTML site outline effortlessly get to that page. This aides in enhancing Search engine optimization rankings as the each client going to your site will be fulfilled. 

A portion of alternate advantages of Sitemaps are comprehension of the site, covering each part of Search engine optimization and substantially more. It's smarter to utilize both the Sitemaps for making your site number one in the Website optimization rankings and helping the guests in the most ideal way. 

On the off chance that you need to find out about great Website design enhancement procedures, get in touch with us. We at Prologic Advancements can assist you with your Website optimization battle. Our administrations are moderate and we deliever top notch work.

3.   How to Create HTML Sitemap For Blogger Posts

How to create and add HTML Sitemap to blogger page this very easy and simple, now I introduce simple code no need of other CSS and more things.  Now Simply create a new page where you want to display your sitemap. Go to Blogger >> Pages >> than New page. and select the name "Sitemap". In the Blogger page editor, select HTML tab and paste the following code in the HTML code editor.

<style scoped="" type="text/css">
#bp_toc {background:#7A2727;color:#666;margin:0 auto;padding:5px;}
span.toc-note {padding:20px;margin:0 auto;display:block;text-align:center;color:#FAFAFA;font-family:'Trebuchet MS';font-weight:700;text-transform:uppercase;font-size:30px;line-height:normal;}
.toc-header-col1 {padding:10px;background-color:#f5f5f5;width:250px;}
.toc-header-col2 {padding:10px;background-color:#f5f5f5;width:75px;}
.toc-header-col3 {padding:10px;background-color:#f5f5f5;width:125px;}
.toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {font-size:13px;
text-decoration:none;color:#aaa;font-family:'Trebuchet MS';font-weight:700;letter-spacing: 0.5px;}
.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
text-decoration:none;}
.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {background:#fdfdfd;padding:5px;padding-left:5px;font-size:89%}
.toc-entry-col1 a, .toc-entry-col2 a, .toc-entry-col3 a{color:#666;font-size:13px;}
.toc-entry-col1 a:hover, .toc-entry-col2 a:hover, .toc-entry-col3 a:hover{color:#e76e66;}
#bp_toc table {width:100%;margin:0 auto;counter-reset:rowNumber;}
.toc-entry-col1 {counter-increment:rowNumber;}
#bp_toc table tr td.toc-entry-col1:first-child::before {content: counter(rowNumber);min-width:1em;margin-right:0.5em;}
td.toc-entry-col2 {background:#fafafa;}
#comments {display:none;}
</style>

<br />
<div id="bp_toc" style="max-height: 1200px; overflow-x: auto; overflow: scroll;">
</div>
<script src="https://cdn.rawgit.com/BloggerSpice/Sitemap/master/sitemap.js" type="text/javascript"></script> <script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=9999&amp;callback=loadtoc" type="text/javascript"></script>

Now you are done and check the result that your HTML Sitemap is doing work properly, if you are well and you will be show the following picture.


I hope this article is very useful like other tutorials and leave your comments. 


Contact Form

Name

Email *

Message *

Home     About Us     Contact Us     Privacy Policy     Disclaimer     Sitemap    

                                  Copyright ©2014-2017. Media Music Mania - All Rights Reserved.