How to Make Blogger Template SEO Friendly

Here's how to make blogger template SEO friendly to improve the SEO of your blogger blog and its visibilty in search engines. This is considered an on page search engine optimization technique and if done properly, can be quite effective in increasing your blog's rank within a matter of time just like backlinks to your blog. Some of the default blogger or free templates we use have not been optimised in a way that is SEO friendly, in turn, this can have an effect on the traffic the blog is likely to get and generally, how much it'll make. To make a blogger blog SEO friendly, this will involve adding meta description and keywords in the template, changing the structure of post titles as displayed in search engine results and modifying the header tags for all post titles. Below, you'll find step by step details on how to optimize your blogger blog for search engines.

Also Read:   Add Read More Attribution Links to Copied Text in Blogger
                      How to Create HTML Sitemap In Blogger

Make Blogger Blog Template SEO Friendly

Meta Description and Keywords in Blogger Template

Adding Meta description and keywords in your template lets search engines know the content of your blog. With the right keywords and description in place, you can improve your blog's rank in search engines and traffic. Keep in mind that while using meta description to make your  blogger template SEO friendly, the description should not exceed 66 characters. Also, add relevant keywords which are related to your blog and which you want to rank for.  To add meta description and keyword in blogger template in order to make it SEO friendly, follow the steps below.  

  • From your blogger dashboard,
  • Goto Template.
  • Ensure you backup your template before proceeding
  • Next, click on 'Edit HTML'
  • Click inside your blogger template, using CTRL+F keys, search for the tag <head>
  • Copy the code below and paste 'below' <head>

<meta content='Your Site Description' name='description'/>
<meta content='Your Keywords' name='keywords'/>

In the code above, replace the fields specified 'Your Site Description' and 'Your Keywords' with relevant meta description and keywords respectively.

  • Finally, save your template.
Also, you can include the all in one SEO pack plugin for blogger blogs in your template to also make it SEO friendly.

Showing Post Title Before Blog Title

Another way of making your blogger template SEO friendly is by showing post titles before the blog title in search engines result. Doing this will ensure some of the characters at the end of the post title are not excluded if the default number of characters (66) to be shown for post titles is exceeded, instead, your blog title which adds little value to the post ranking will be excluded. On searching on Google, with the full post title being displayed, users can have an idea if the post title relates to their search. Some customized blogger templates have already been optimized to show the post title before the blog title, if yours hasn't, follow the steps below to apply it on your blog.
  • From your blogger dashboard,
  • Goto Template
  • Click on 'Edit HTML' 
  • Using CTRL+F keys search for <title><data:blog.pageTitle/></title>
  • On finding the line of code above, replace it with the entire code below.

<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>

  • Save your template.
After editing following the steps below, your blog should come up in search engines with the post title before the blog title as shown in the image below.

Change Heading tag H3 For Post titles to H1 

Here, we'll change the H3 tag as given to post titles to H1. The H1 tag is given more priority and importance on search engines than the H2, H3 tags etc, a good SEO technique  you can try out is  to optimize your blog's post title in search engine results,  by changing the the tag H3 for post titles to H1. To do this,

  • From your Blogger dashboard,
  • Goto Template
  • Click on 'Edit HTML'
Search for

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

 Or search for

<h3 class='post-title entry-title' >

  • On finding it, replace the open <h3> and closing  </h3> tags with h1 as shown in the image below

Also Read:  10+ Best Blogger Tips and Tricks

With the steps above on how to make blogger template SEO friendly you can improve your blog's  traffic by giving your blog the right SEO structure.


Tech blogger, SEO expert, cryptocurrency enthusiast, and freelancer are the terms that describe me. I'll rather write a thousand words than speak hundred words, and that describes my passion as a content creator.