How To Make Blogger Template SEO Friendly

Awadh Jamal (Ajakai)
By -
0
Blogger is most popular blogging platform hosted by Google. if you just want to create a blog, you can do so far free through Blogger.com and if you want to host blog on your own server with custom domain name, you can do so far under $50 per year.

Hoverer, Blogger is more SEO friendly blogging platform as compared to WordPress. but you can see, default blogger templates are developed many years ago and still not updated.

when I started my first blog on blogger I made biggest mistake that I used many templates on that blog without knowing template is SEO friendly or not. because I am beginner in blogging world.


There are several free blogger templates available on internet to download, but we must choose SEO friendly and attractive blog template. but many free blogger templates are not SEO friendly. So we should make some changes in blogger template to make it more SEO friendly.


Today I am going to share tutorial on how to make blogger template SEO friendly. this tutorial will help you to make your blogger template fully SEO optimized.

How To Make Blogger Template SEO Friendly

#1. Show Post Title Before Blog Title In Google Search:

The first thing to find in custom template is the structure of the title tag, because the Title tag is the most important SEO factor of blog.

The question, such as whether it's a good title tag?

The default template of blogger has the title structure more or less, see below image as a example:


Google shows only 65 characters of the title in search results. By default, in blogger, blog title shows before post title. This can affect on SEO ranking because post titles which have the main keywords got cut off because of the characters limit in Google search results.

To make Title tag SEO friendly find the following code in your template:


Note:  While making any changes in blogger template, mistakes might be made. so backup your template.

<title><data:blog.pageTitle/></title>

Now replace that code with following code:

<b:if cond='data:blog.url == data:blog.homepageUrl'><title><data:blog.title/></title></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><title><data:blog.pageName/> | <data:blog.title/></title></b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'><title>Archive for <data:blog.pageName/></title></b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><title><data:blog.pageName/></title></b:if>
<b:if cond='data:blog.pageType == &quot;index&quot;'><b:if cond='data:blog.searchLabel'><title><data:blog.title/> - <data:blog.pageName/></title></b:if></b:if>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'><title>Page Not Found</title></b:if>
<b:if cond='data:blog.pageType == &quot;index&quot;'><b:if cond='data:blog.url != data:blog.homepageUrl'><title><data:blog.pageTitle/> - All Post</title></b:if></b:if>

 Note:   If you are using custom blogger template, the structure of title tag has been modified, so it is better to be left it alone.

#2. Meta Description & Keyword Tags:


Another important SEO factor is meta description and keyword tag. If you ignore it you may loss huge amount of traffic from search engines, so just add proper meta description and keyword tags in your blogger template to make it more SEO friendly.

To add meta description and keyword tag in blogger template:

Find For <head> and Paste The Following Code Below <head> tag.

<meta content='Add your blog description here' name='description'/>
<meta content='Add your keywords here' name='keywords'/>

Replace Add your blog description here With Your Description (maximum 150 characters) and Add your keywords here (maximum 150 characters)With Your Keywords.

#3. Heading Tags:


There are many kinds of heading tags, from H1, H2, H3, to H6, but not all important heading tags existence, H1 tags is one of the most important. as far as I know there are three heading tags are quite influential role against on page SEO. The first is the H1 tag as described above and the next is the H2 and H3 tags.

H1 tags are generally used in the title of the blog, however much some blogspot templates that have been modified to dynamically perform the H1 tag. When the H1 tag located on the homepage of the blog title, whereas when it is on the page posts H1 tag located on the post title. The purpose of this modification is to optimize the post title in the Google search results.

I think the H2 and H3 tags role is not important as compared to H1 tag, but it would be nice if my friend use it to put the keywords in the tags so that the maximum.

Search for the below piece of code in your template:

<h3 class = "post-title entry-title 'itemprop =' name '> 

 Note:   If you find above code two times then go with the second result.

Now search for the following or exact looking code in your template.

<a expr:name='data:post.id'/>
<b: if cond = 'data: the post.title'>
<h3 class = "post-title entry-title 'itemprop =' name '>
<b: if cond = 'data: the post.link'>
<a expr:href='data:post.link'> <data: post.title /> </a>
<b: else />
<b: if cond = 'data: the post.url'>
<b: if cond = 'data: the 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>

Replace above piece of code with following code.

<b: if cond = 'data: the blog.pageType! = & quot; index & quot;'>
<a expr:name='data:post.id'/>
<b: if cond = 'data: the post.title'>
<h1 class = "post-title entry-title 'itemprop =' name '>
<b: if cond = 'data: the post.link'>
<a expr:href='data:post.link'> <data: post.title /> </a>
<b: else />
<b: if cond = 'data: the post.url'>
<b: if cond = 'data: the 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>
</ h1>
</ b: if>
<b: else />
<a expr:name='data:post.id'/>
<b: if cond = 'data: the post.title'>
<h2 class = "post-title entry-title 'itemprop =' name '>
<b: if cond = 'data: the post.link'>
<a expr:href='data:post.link'> <data: post.title /> </a>
<b: else />
<b: if cond = 'data: the post.url'>
<b: if cond = 'data: the 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>
</ h2>
</ b: if>
</ b: if>

Not done yet! Now search and replace all h3.post-title with h1.post-title 

All done! Now save your template, your template is optimized for search engines.


Conclusion

I hope this tutorial will help you to optimize your blogger template and I think all of the above is enough to make your blogger template SEO friendly. after making all these changes I am sure you will get good amount of traffic from search engines

If you still confuse then drop your question in comment box, I will come up with new article till then subscribe our newsletter to get next post directly to your inbox

Post a Comment

0Comments

Post a Comment (0)

#buttons=(Accept !) #days=(20)

Our website uses cookies to enhance your experience. Check Now
Accept !