Add Meta Description Tags to Blogger

blogger meta tagsMeta Tags are HTML elements used to provide structured metadata about a web page. Such tags are placed in the head section of an HTML document and Search Engines might use this data to display the search snippet when they display a page from your blog. Most of the Social Sharing Tools like the Facebook Share or the Google Plus buttons will pick up this meta description to create the snippet which gets shared to the Social Networks.

 

 

How to add Meta Description Tags

Blogger has rolled out an array of SEO features and now adding Meta Tags has become so easy. You can do it easily from the Blogger’s User Interface without doing much of Template Editing or pulling your hair. So here is how to do it

  1. Go to Settings > Search Settings and Enable Meta Tags. In the Text area give a 150 character description which will describe your Blog. This text might be used by Search engines when your Blog’s home page is displayed on Search Engines. Here is the snippet that I have given “Blogger Widgets provides you the best quality blogger tutorials.It also provides you with free blogger widgets and  gadgets to build a better blog.” Meta Tags For Blogger
    Meta description Tags displayed on Google
  2. Now when you make a Post, you can set the Meta Description from the Post Editor’s Post Settings  Sidebar.
    Meta description Tags For Blogger
    You can always edit the Search Description for existing posts as well
  3. If you are having a custom template, make sure that the meta tags are rendered by your Blogger Template. To do that go to Template and Proceed to Edit HTML .blogger-edit-html
  4. Click somewhere within the Blogger Template Editor and find 
    <b:include data='blog' name='all-head-content'/>
    find-all-head-content-in-blogger-template
  5. If it's not present, add it just before </head> and click on the Save Template button.

53 comments :

  1. not working,thier is no option like this while posting a new post

    ReplyDelete
    Replies
    1. you have to follow step 1 before you jump to step 2. The Search Description Option will come up in the post editor only if you enable Meta Tags(step 1)

      Delete
  2. Hey i am unable to see option 2 (search desc. for the post) post setting in my editor.

    ReplyDelete
  3. So does this put the same meta description on each post or can you have different meta descriptions for each post?

    ReplyDelete
  4. ok i think i found it....i didnt activated it from the setting panel...thanks...it will be really helpful..:)

    ReplyDelete
  5. The new search and SEO options are really great. They're definitely gonna improve the optimization of Blogger sites.

    ReplyDelete
  6. The code mentioned in step 3 has to come after <head> or after <b:include data='blog' name='all-head-content'/> ?

    ReplyDelete
  7. But the snippet be paste even if the metatag description is added manually to the old way with in WLW inside every single post?

    ReplyDelete
  8. I mean if the snippet is pasted into the HTML (if the meta tag is inserted in a single post with WLWriter). Thanks

    ReplyDelete
  9. was looking for this Snippet!
    Thank you :)

    ReplyDelete
  10. nice information i will use this on my blog:
    http://bmskarwi.blogspot.com

    ReplyDelete
  11. hey may i know why the extra code is needed? is it to improve, or to fix a bug?

    ReplyDelete
    Replies
    1. I too feel the same. The meta tag should have been rendered automatically without the need for any Template modifications. I have asked the same in the Blogger Dev Group and am waiting for a response for the same.

      Delete
    2. ohhh i see, cool. keep up with the good work :D

      Delete
    3. and that feature is now live. post has been updated :-). You can now delete the code that you might have added. Blogger now automatically adds the meta tag and itemscope tags to your Blog.

      Delete
  12. i have a question that if we have custom theme for blog then these settings implemented automatically or we have to add it manually…..

    ReplyDelete
  13. How many characters in meta description for better SEO?

    ReplyDelete
  14. Do you know how to create meta description to labels pages?

    search/label/label_name

    Thank you

    ReplyDelete
  15. The post is nice but i stuck in step 3. I did not found Edit Html button enable for my Template . is it because of i am using Dynamic Template if that so then how do i enter snippet which u have given ????

    ReplyDelete
  16. Great work dude http://onlinetectree.blogspot.in/

    ReplyDelete
  17. right now this code does not required.

    ReplyDelete
    Replies
    1. yea you are right, the meta description tags and schema.org tags get rendered automatically from all-head-content b:includable. This was a request placed on the Dev Forum, and I'm glad that it's finally live :)

      Delete
  18. Did this on my blog. Thanks! http://jbperez4.blogspot.com

    ReplyDelete
  19. Asian Fashion ;)

    http://allasianfashion.blogspot.com/

    ReplyDelete
  20. One of my blogs has an Artisteer template. Has the code before tag head, but at the posts don´t appears nothing...

    ReplyDelete
  21. Thanks for this.
    I have a question though: the meta description looks the same in the source code as manually inserted. I was expecting to see the microdata in the markup, as you mention above but there is none.
    Another, maybe off topic question but related somehow:
    I would like to use microdata in the markup for images, for the +snippet. I've read the documentation but never seen it live on Blogger.

    Would you consider to write a tutorial about this, if possible?

    Many thanks for all your reliable tutorials.

    ReplyDelete
  22. Can I remove the line: from blogger html?

    ReplyDelete
  23. Great information for improvement blog SEO

    ReplyDelete
  24. This is for individual posts. How do we give a search description to labels in blogger?

    ReplyDelete
  25. I read somewere that we should add the following code:

    b:if cond='data:blog.metaDescription != ""'>
    meta expr:content='data:blog.metaDescription' name='description'/>
    </b:if

    to make sure the meta tags appear, but here you told to just make sure we have b:include data='blog' name='all-head-content'/

    I'm confused :|

    ReplyDelete
    Replies
    1. well right now, blogger renders the meta description tag from blogger's all-head-content b:includable. So you don't have to manually add the code that you have mentioned in the comment. You will get a better idea if you read the other comments on this post(especially the conversation with Shadow Gamer).

      Delete
  26. I added that code! But i am seeing same description in all the post links in search engines which i added as a main blog description! Is there any code to changes that same blog description to the posts description??

    ReplyDelete
    Replies
    1. on which blog? You might have probably added meta description tags manually to your template.

      Delete
  27. This has really helped me with seo for my wedding speech blogspot web site. Great information for the blogger improvement of seo updates..

    Thanks! -Tim

    ReplyDelete
  28. Thanks for your good Information, We just found the Search Description...

    ReplyDelete
  29. I was trying for a long time. But I was failed to identify where to put meta decription. Thanks for your post.

    Reaz

    http://2weightlossbd.blogspot.com/

    ReplyDelete
  30. sorry i want to ask a question i have edit my template and added a code that make this function now after blogger update what should i do remove the code that added before to my template or apply the new update from blogger i am afraid to lost my ranking in google search

    ReplyDelete
  31. Seriously frustrated about doing searching on how to add meta tags...each time comes with post that described the old interface method. Thanks for the much needed info. It worked for me.

    ReplyDelete
  32. meta desc tags is so effective seo strategy. thanks for this. <3

    ReplyDelete
  33. Where should I put the tags?, I am a blogger/blogspot user. Thanks.

    ReplyDelete
  34. please help me to improve my meta tags? as im getting Duplicate meta descriptions
    error.

    ReplyDelete
  35. Nice tutorial, i had tried this it worked.

    ReplyDelete
  36. superb tutorial. it worked on my blog www.tshirtmudahterengganu.com

    ReplyDelete
  37. Thanks a lot, added the code after a lot of tries and its working finally!

    ReplyDelete

  38. very cool sharing.thnx..

    www.bi7millah.blogspot.com

    ReplyDelete
  39. I need help, I tried to add the option, but it disable by "read more" widget. Can you give me an advice so I can resolve my problem?

    Thank you!

    www.chattynataly.com

    ReplyDelete
  40. I have a problem, when I enable the option, my snippets and excerpts (read more hack) disappear and when I disable the option for meta tags, the excerpts and snippets reappear. Please help me, getting really desperate. Thank you!


    www.chattynataly.com

    ReplyDelete