Turk Hit Box

Turk Hit Box

Ramblings of a Turkish Internet Mogul

Top Pages

Recent Articles

Pages

Blogger Seo Tips - Part 3 - Remove Blogger NavBar

Looking at the amount of emails I got about the Part 1 and Part 2 of my Blogger Seo Tips, I decided to pay more attention to Blogger. I guess Blogger users really feel left alone, don’t they? On part 1, I helped you guys to optimize your blogger settings before actually setting up your blog, and on part 2, I showed you how to imitate the <!–more–> function in Wordpress. On Part 3, we will be removing the Blogger Navigation Bar at the top.

Remove Blogger Frame SEO

Through trial and error, I have come to a conclusion that frames actually hurt the SEO potential of your site. Let’s say you have 2 frames on your page. It means the importance of the page is divided into two. For example, Googlebot will visit your main frame as frequently as your other frame possibly containing a menu or not-so-important data. Therefore do not use frames!

Well, that was just a random seo tip for you guys since the blogger navigation bar you see at the top is purely CSS :). Therefore its not killing your site’s SEO potential as much as a frame, BUT the text at the top is what gets indexed at first. You want the search engine bots to read the main content at first. To do this:

- Log in to blogger

- On your Dashboard, select Layout. This will take you to the Template tab. Click Edit HTML. Under the Edit Template section you will see you blog’s HTML.

- On a usual html based page, you need paste the CSS code below between <style> … </style> tags. But in blogger, you need to paste the below code after <b:skin><![CDATA[/*


#b-navbar{
height:0px;
visibility:hidden;
display: none !important;
}

Posted in: Wordpress SEO

2 Responses


Ilkka Kauppinen on 01.03.2008 at 1:18 pm

Thanks for great advices! For some reason code of yours did not work. I did it this way that worked:

 #navbar-iframe {
   display: none !important;
}

Regards from Finland!

Ken on 06.12.2008 at 10:02 am

Thanks for these blogger tips. To hide the navbar for the new blogger, it should be:

#navbar {
height:0px;
visibility:hidden;
display:none
}

Cheers!

Leave a Reply