How to add SEO Meta Tags for Every Post in Blogger

For Adverts And Complain Please Send Us Email: Thank You

If you are a good blogger,you should subscribe to gist360 and get regular post on how to improve your blog and rank high in the google rank.


Step 1.  Change your blogger settings

Login to Blogger Dashboard >> Select Blog >> Select Settings tab >> Search Preferences

Now Enable search description to Yes.
Write your blog description in the box, it should be limited to 150 characters. Click on Save Changes Button.

Now whenever you create a new post, there will be option for Search Description on the right side. You can write a brief description of every post you are writing. you can also add as many tags as you want.
(This option will be visible after changing search description setting to “Yes” as described above).

Now we just have to add following code in HTML to add these in our blog.
Go to Blogger Dashboard >> Click Template tab >> Click Edit HTML

Find the following code [Tip: Ctrl+F]
After/under this line paste the following code.
           <!-- Meta Tags ~  -->
 <b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
 <title><data:blog.pageName/> - <data:blog.pageTitle/></title>
               <!-- /Meta Tags ~  -->
Now Save Template. Your blog posts will now have Title and Description that you wrote while creating your post.

Step 2. Add blogger pages HTML codes

This step is a little tricky. Why? Because you have to add the HTML codes of blogger pages one by one. Just see the code below that can be used to add meta tag for your blog home page URL.

Go to Blogger Dashboard >> Click Template tab >> Click Edit HTML
Find the following code [Tip: Ctrl+F]
After/under this line paste the following code.
<b:if cond='data:blog.url == data:blog.homepageUrl'>
 <meta content='Your Blog Description' name='description'/>
<title>Your Blog Title</title> </b:if>
Your blog homepage will now have Title and Description that you wrote in this code in place of RED color. Now Save Template. 
You can add other page codes as well see full codes here HTML codes for all blogger pages

Also read

 For more interesting discussions and gist updates, pls click HERE to join GIST360  by mail

If you Find  this post interesting, please SHARE IT.
No comments:
Write comments

What's On Your Mind?