Saturday, October 1, 2011

How To: Make Blogspot Templates SEO Friendly

Blogspot blogs AKA blogger blogs are having a negative side as from the search engine optimization (SEO) point of view, which is literally having all categories restricted by robots txt. Despite of this disadvantage I reckon blogspot blogs are most SEO friendly. Though to me, this crawler error doesn't mean anything, because in wordpress blogs we define search engine robots what to index and what to not, but in blogspot we can't. However, coming back to the point of How To make blogspot Templates SEO friendly.



To make your blogspot blog SEO friendly, you have to follow is only four steps.

  • Add Meta Tags/ Meta Contents To your Blogspot Template. 
  • Optimize The Post Titles with H2 heading Tag. 
  • Adding Breadcrumb to your Template. 
  • Checking out all heading tags. 

Adding Meta Tags/Contents to blogger: 

For search engine optimization it is must that you have meta tags. There're two types of meta tags, which are: Meta Description & Meta keywords. In short, google uses Meta description as snippet in the search engine result's page; no longer uses the Meta keywords. But, search engine Bing, still relies on the both of the Meta Contents quite highly. So, know how to add meta tags and what benefits it provide by going to this post.

Optimizing Post Titles with H2 Tag:

By default, in most blogspot templates the post titles are assigned with H3 heading tag, which is less SEO friendly. To make your posts more Search engine friendly, simply convert the H3 to H2. Some SEO experts will tell you to use H1 tags instead of H3 or H2 tags. However, I don't want to dispute about this controversial subject, also I accept that you can use H1 tags for your post titles because google employee: Matt Cutts himself said that you can have more than one H1 tags in one page. However, I still believe that H2 tag refer to post titles and H1 tags don't.

To optimize your post titles with H2 tag, go to Design >> Edit HTML (expand Widget Templates); then find this code below (if you have).


<b:if cond='data:post.title'>
      <h3>
     <b:if cond='data:post.link'>
       <a expr:href='data:post.link'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
          <a expr:href='data:post.url'><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h3>
    </b:if>
And this one Below.


<b:if cond='data:post.title'>
            <h3 class='post-title entry-title'>
              <b:if cond='data:post.link'>
                <a expr:href='data:post.link'><data:post.title/></a>
              <b:else/>
                <b:if cond='data:post.url'>
                  <b:if cond='data:blog.url != data:post.url'>
                    <a expr:href='data:post.url'><data:post.title/></a>
                  <b:else/>
                    <data:post.title/>
                  </b:if>
                <b:else/>
                  <data:post.title/>
                </b:if>
              </b:if>
            </h3>
          </b:if>

Now, convert all these H3 tags to H2 tags and click on Save template.


Adding Breadcrumb to your Blogspot Template:

Though, all the blogspot blogs categories or labels are restricted by robots txt, but yet it all still possible to get some benefits from these categories. By adding breadcrumb to your blogspot blog, it'll help your categories to be seen by not only the real human but also the search engine robots. Hence, it's necessary to add breadcrumb to your blogspot blog for better search engine optimized performance. Click Here to know how will you add breadcrumbs to your blogger blog.


Checking Out All Heading Tags:

This is the most important and final step to make your blogspot blog SEO friendly. Basically, there're 6 HTML heading tags: H1 to H6. H1 tag is for blog title, h2 is for post or content titles, h3 tag is for post body, and finally h4 is for comments. So, check that all HTML tags are in this order, and they don't contradict with each other.

Final Say: The most important is the order of the HTML heading tags, because they guide the search engine robots through the crawling process. Secondly, you must have a description meta tag. And finally, all other things will help your blogspot blog a little bit for SEO.