How To Add A HTML Sitemap To Blogger Website

What is an HTML Sitemap?

An HTML Sitemap is a regular web page that can be read by any bot or human. The HTML Sitemap contains the all links to your site. If you have a large site, you would list the main pages (e.g. category pages) of the site which takes you to a sub site map with links to pages within that category. For a small site, just one Sitemap will be fine.

[... This post has been last updated on July 2015 ...]

Remember, a bot or human can arrive on any page of your site, So you should make it easy for them to find their way around the site to discover other pages. Also remember, web crawlers find page through links. So, a Sitemap is like a Directory to the site with links for the web crawlers to follow. One of my previous posts addresses "How to add a sitemap in blogspost with post title". So, I am not going to discuss it back here.

When Should I Use a Sitemap?

On every site! As already explained, a site map is accessible to everyone, human and bots. There are all kinds of bots roaming the net. Ones for directories, ones looking for reference sites to add to their site, all kinds! You can earn some free organic links just by providing a Sitemap. For people who have accessibility challenges and those who just plain got lost on your site, a site map is a savour. They can just go to the site map to find where they want to go next on your site.

Which Should I do First?

The sitemap! It’s the easiest to do and provides the most initial benefits: accessibility, search engine optimization and usability. But everyone says to do a Sitemap!

Well, even Matt Cutts, Google Spam Department Engineer says to do your Sitemap first:

Adding A HTML Sitemap To Blogger Website:

1. On Blogger Dashboard Click Pages
2. Click New page
3. Give the page name "Sitemap"
4. Click HTML
5. Copy the HTML code below and place it there :

<!-- Start sitemap -->
<div class="xmap">
<div class="contentpaneopen">
<ul class="level">

<li>
<a href="#" title="Home">Home</a>
<ul class="level_0">
<li><a href="#" title="About Us">About Us</a></li>
<li><a href="#" title="Contact Us">Contact Us</a></li>
<li><a href="#" title="Disclaimer">Disclaimer</a></li>
<li><a href="#" title="Privecy Policy">Privecy Policy</a></li>
</ul>
</li>

<li>
<a href="#" title="Tutorials">Tutorials</a>
<ul class="level_1">
<li><a href="" title="Your Post Title">Your Post Name</a></li>
<li><a href="" title="Your Post Title">Your Post Name</a></li>
<li><a href="" title="Your Post Title">Your Post Name</a></li>
<li><a href="" title="Your Post Title">Your Post Name</a></li>
<li><a href="" title="Your Post Title">Your Post Name</a></li>
</ul>
</li>

<li>
<a href="#" title="Video Tutorials">Video Tutorials</a>
<ul class="level_2">
<li><a href="" title="Your Post Title">Your Post Name</a></li>
<li><a href="" title="Your Post Title">Your Post Name</a></li>
<li><a href="" title="Your Post Title">Your Post Name</a></li>
<li><a href="" title="Your Post Title">Your Post Name</a></li>
<li><a href="" title="Your Post Title">Your Post Name</a></li>
</ul>
</li>

<li>
<a href="#" title="Blogging Tips">Blogging Tips</a>
<ul class="level_3">
<li><a href="" title="Your Post Title">Your Post Name</a></li>
<li><a href="" title="Your Post Title">Your Post Name</a></li>
<li><a href="" title="Your Post Title">Your Post Name</a></li>
<li><a href="" title="Your Post Title">Your Post Name</a></li>
<li><a href="" title="Your Post Title">Your Post Name</a></li>
</ul>
</li>

<li>
<a href="#" title="Online Help">Online Help</a>
<ul class="level_4">
<li><a href="" title="Your Post Title">Your Post Name</a></li>
<li><a href="" title="Your Post Title">Your Post Name</a></li>
<li><a href="" title="Your Post Title">Your Post Name</a></li>
<li><a href="" title="Your Post Title">Your Post Name</a></li>
<li><a href="" title="Your Post Title">Your Post Name</a></li>
</ul>
</li>

</ul></div></div><div style="clear: left;"></div>
<style type="text/css">#comments, #blog-pager, .home-link {display:none}ul, dl {margin:0}</style>
<!-- End sitemap -->

6. Now replace the # Tag with your link and give the link Name and Title.
7. Now publish and enjoy it on your site.

Don't Miss A Single Updates

✓Remember to check your email account to confirm your subscription.