iBlognet

[Solved] Facebook Like Not Showing Blogger Description Tag

by Editor

Recently I saw a strange thing happening with the Like button on my blogger blog. The thing was that whenever I clicked on the Like or Send button the description of the article was not seen or scraped instead of showing an image with its title and description on my Facebook profile. This was a concern for me and many other fellow bloggers who are using blogger blogspot platform. The reason behind this problem was because Facebook updated script and codes which is unfortunately not supported by blogger blog.

Now there’s a simple way to check if your Like button is not showing the description part. Just click on the like button on your blog or visit the URL Linter page by Facebook developers and enter the URL of any article of your blog. Usually the description is about 120 char long. If its not showing the description part, or pull something completely random, or pulls texts from the comments, from blog description or from the sidebar, then you will need to updated your blogger template code.

The URL Linter looks for a description meta tag, and uses the content as description. If there is no description meta tag found, Facebook looks for the first(paragraph) tags that contains at least 120 characters. If none of the above is available, it leaves the description spot blank or pulls some random text.

Now there are three solutions to fix this problem. You can do one of the following to solve this issue.


Option 1:
1. Go to Dashboard > Design > Edit HTML.
2. Back up your template.
3. Tick the  Expand Widget Templates check box on top right of the HTML window.
4. Look for the following line in your HTML code:

<data:post.body/>

5. Add the code below right before that line:

<b:if cond=’data:blog.pageType == “item”‘>
<b:if cond=’data:post.snippet’>
expr:content=’data:post.snippet’ name=’description’/>
</b:if>
</b:if>

6. Save template.


Option 2: Adding Paragraph Tags
There are two ways to add paragraph tags. One is manually and other one is automatically which will be added to all your previous and upcoming posts.

1. Manually enclose the first paragraph of your post in the tag. You need to do this every timeyou write a new post, using post editor’s HTML mode. To make the tag count, make sure you put at least 120 characters inside the tag:

<p>FIRST PARAGRAPH OF YOUR POST [120 char]</p>

2. Adding tags to your blogger template. Tags will be inserted automatically.

    • Go to Blogger’s dashboard > Design > Edit HTML tab and check “Expand Widget Template”.
    • Find <data:post.body/> and add the <p> tags as shown below:
<p><data:post.body/></p>
  • Save your template.

Note: <data:post.body/> is the code where your actual post is displayed. Adding p-tags to it, will add to whole article. That is <p>Start of article………..End of article</p>. The tags will be added automatically, when you publish the post.
Adding a <div> or <blockquote> tag in your post will break the p tag. It will cut short the content inside the p tag -only the content from the beginning of the post until the the start of the tag will be placed inside p tag.


Option 3:
If you find above steps too complicated to implement, I would recommend you to publish articles by using Windows Live Writer. WLW is a free and simple software by Microsoft. WLW automatically add the paragraph tags to your article as you publish article in Edit mode. You just have to add your blogger account, synchronize your blog and start publishing articles. Download Windows Live Writer for Windows Vista/7 or Windows XP


Once you have implemented any one of the solution, go back to Facebook URL Linter, add the URL and see the difference. The rest of the previously published articles will be automatically updated when next time Facebook scrapes them.

Article by »


Admin and Editor of iBlognet iBlognet has written 294 fantastic article(s) on iBlognet.


Author Connect »

1 Rohan Advani

Could you please help me with a wordpress blog :???:S

2 Sahil Umatia

What help do you need?

Comments on this entry are closed.

Previous post:

Next post: