How to Add HTML Meta Tags and Keywords to Blogger Blog's Template for better SEO

If you want to include meta tags within your blog, you do need to edit its HTML code. Adding meta tags to your blog allows you to include information that may affect how well it performs in search engines. Meta tags are HTML tags that provide additional information about your blog that is unseen by visitors but available to search engines. The meta description tag, for example, provides a short summary of the page content and the keyword meta tags show the keywords and keyword phrases a visitor might use to find your blog. Because of abuse of keyword meta tags search engines have become smarter and most no longer place emphasis on 'meta keywords' to establish page ranking however keyword meta tags are still used by some search engines so it is a good idea to include them.

By adding meta tags to the home page of your blog only, visitors will find the home page of your blog in search engines by the use of appropriate keywords and a site description.

Adding Meta Tags to Blogger Blog for Home Page

1. Login to Blogger.

2. Back up your template as a precaution by downloading the template to your computer. By this, if any thing goes wrong while editing HTML you can restore your Template.

3. Navigate to Template > Edit HTML.

4. By using Ctrl + F find the below lines which will be near the top of your template:

<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>

5. If you are unable to find above code, try to find only this code --

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

6. Now paste the following code immediately below <title><data:blog.pageTitle/></title>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='Your blog description here' name='description'/>
<meta content='Your blog keywords here(separated by commas)'
name='keywords'/>
</b:if>

or

<!-- Description and Keywords (start) -->
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<meta content='YOUR DESCRIPTION HERE' name='description'/>
</b:if>
<meta content='YOUR KEYWORDS HERE' name='keywords'/>
<!-- Description and Keywords (end) -->

7. From above two codes use only one. Now after pasting the code in your template. Replace the red letters in the code with your Blog's Description and keywords.

8. Enter your blog description between the single quote marks under description. Maximum words 150 characters.

9. Enter the keywords of your blog between the single quote marks under keywords. Separate each keyword or keyword phrase by a comma. Make sure your keywords do not exceed 200 characters.

Below is an example of blog template after using meta tag description and Keywords:

10. Click on the Save Template.

11. You can check or test your meta description online by submitting your URL in Meta Tag Analyzer

Adding Meta Tags for Blogger Blog for Individual Posts

Adding meta tag for individual post in blog's template is suitable if you have a few key posts that you want to ensure you get maximum traffic on. If you have a lot of posts then this method would be very tiresome, so for that it will be better to add the search description while editing your post, read here.

If you want to add meta description and keyword for few posts, then follow the below steps:

1. Follow the above steps 1 to 5 as for adding meta tags to the Home Page.

2. Paste the following code below the Home Page code above you have just added. If you didn't added meta tag for home page then it will be below <title><data:blog.pageTitle/></title>

<b:if cond='data:blog.url == "http://URL of your post"'>
<meta content='keywords of your post' name='keywords'/>
<meta content='Description of your post' name='description'/>
</b:if>

3. Add your post URL, keywords and description in the code.

4. Now click on Save Template. That's it.

5. Check your meta tag by submitting your post URL in Meta Tag Analyzer