Facebook share showing wrong description –solved!

Normally, when you share a blog post on Facebook, it would pull the first few lines of the post and use it as content description (a.k.a. snippet or summary). However for most Blogger blogs, especially the ones built by Template  Designer, Facebook seems to pull something completely random. On some blogs it pulls texts from the comments, from blog description or from the sidebar, while on others it pulls nothing at all. Weird huh?

[Update] There is another tutorial for fixing posts showing wrong thumbnail/image.

Facebook share wrong description summary

This behavior occurs when you share a post using a Facebook share button as well as when you post the post’s URL/link directly on Facebook.

Before we proceed with a solution, let us understand how Facebook comes up with the description. I had too much free time on my hands, so I ran some some tests and this is what I found out.

 

I. Where does Facebook get the description?

Facebook pulls the description from the following sources, in this order:

  1. First it looks for a description meta tag, and uses the content as description.
  2. If there is no description meta tag found, Facebook looks for the first <p> (paragraph) tag that contains at least 120 characters. (Do you know why comments and blog description are picked as description? Because each of them is enclosed with a p tag, that’s why).
  3. If none of the above is available, it leaves the description spot blank.

According to Facebook, it scrapes your page every 24 hours to ensure the description (and other share data) are up to date. However, you can manually refresh it by entering the post URL into the Facebook URL Linter.

 

II. What can you do to fix this?

You can do one of the followings to solve the problem:

  1. Add description meta tag to post pages (recommended).
    Update Mar 2012: Please follow this tutorial to natively add meta description to individual posts/pages on Blogger.
  2. Add a <p> tag to your posts.
    The absence of <p> tags in Blogger post is the root of the problem in my opinion. Luckily you can add the tag easily enough. I explain it below.

 

III. How to add a <p> tag to a post?

There are three ways of adding p tags. Choose one.

  1. Manually enclose the first paragraph of your post in the tag.  You need to do this every time you 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</p>
  2. Use Windows Live Writer to write your post. WLW will automatically attach a <p> tag to each paragraph as you write your post.
  3. Add the tag into your template. This is a one time job, and by far the easiest. I recommend you opt for this method.

    Here’s how:

    1. Look for the following line in your HTML code:
      <data:post.body/>
    2. Enclose the code with a p tag, like this:
      <p><data:post.body/></p>
    What it does is put the entire post in a <p> tag. It will apply the tag to all existing and future posts.
    Important note: 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. And as it turns out, Blogger automatically adds a <div> tag whenever you add an image or click on one of those text alignment icons in the post editor. So, with that in mind, make sure you skip enough text (at least 120 characters) before adding an image or before doing any alignment.

Once you’ve done with the changes, enter the URL of a post into Facebook URL Linter. Then come back, share the post and see the difference.

For the rest of your posts, their descriptions will be updated the next time Facebook scrapes them.

I hope this tutorial helps. Happy sharing… and enjoy!

118 comments to "Facebook share showing wrong description –solved!"

Anup November 12, 2010 at 11:55 AM    

I was having same problem before a month. There was only one error: I was having 2 meta tags for my blog :D

Greenlava November 12, 2010 at 8:29 PM    

@Anup
Have to be careful when dealing with description meta tag, at least in Blogger anyway.

lizz November 15, 2010 at 2:39 PM    

oh, thanks a lot! found something new information here. thnx ;)

Greenlava November 15, 2010 at 8:19 PM    

@lizz
I hope you found the info useful and put it into good use.

etomyam November 15, 2010 at 11:10 PM    

interesting and nice tips :D

Greenlava November 16, 2010 at 2:04 AM    

@etomyam
Good to see you here...welcome :)

Dani November 18, 2010 at 7:19 AM    

Wonderful nice tips, thanks :-)

Greenlava November 18, 2010 at 11:17 AM    

@Dani
Good to have you here, and thanks for commenting :)

Brokenmachine December 8, 2010 at 7:57 AM    

Thanks for the clarification and solution to this annoying problem. Your site is full of helpful information!

Greenlava December 8, 2010 at 9:48 PM    

@Brokenmachine
Thanks.
The tutorials on your blog are pretty useful too...and I love the header banner :)

Layla Abdo December 16, 2010 at 11:44 AM    

hi Greenlava .. I like the simple way you explain things
I have the same problem, only when I looked for data:post.body I found three matches which each of them is replaced between b tag's
my question is where I have to replace the p tag and do I have to put p tag for all three matches ?
I faced this problem also when I had to replace the facebook share button in my html and I got lost ! any help ?

Greenlava December 16, 2010 at 5:22 PM    

@Layla Abdo
Just add the tag to each of them.

Lil' Dahling December 17, 2010 at 11:31 AM    

Thanks hopefully there won't be any problems after this.

But I have another problem, when i signed in to blogger it will go to my dashboard and from there i will click view blog. when it's at my blog, it shows as if I've not signed in before. What is the problem?

Greenlava December 18, 2010 at 12:16 AM    

@Lil' Dahling
Try clearing the cache (and cookies) or use another browser.

Layla Abdo December 21, 2010 at 2:06 AM    

Hii Greenlava
I had tried all what you have suggested .. WLW , p tag either when I write the post or to try to add it in the template but nothing worked, I noticed also that the image attached with the post is the image that I had added with the blog tiltle and not the post image itself, mine is a custom template and the name of the blog is : elfootball.net
can you help me plz

Greenlava December 21, 2010 at 11:56 AM    

@Layla Abdo
I tested a few posts; no problem with the thumbnails though. The problem is with the description.
And the cause is your read more code - you placed it in each of your posts (in post template maybe?). The correct place to put the read more code is in your blog template (via Design > Edit HTML).
Refer to this tutorial for details: Blogger Auto Read more with thumbnail

Colleen (Shibley Smiles) January 4, 2011 at 12:14 PM    

When I try to put the p in my post it just takes it back out. If I hit compose and then go back to HTML it is gone

Greenlava January 4, 2011 at 1:11 PM    

@Colleen (Shibley Smiles)
To keep the tag, don't hit Compose. Publish it while you're in HTML mode.

simple tax india January 21, 2011 at 10:16 AM    

VERY NICE,I am trying this right now , and found working great .Last option is best

Colleen (Shibley Smiles) January 24, 2011 at 3:26 AM    

I still can't get it to work it doesn't seem to have any effect on my facebook share

Greenlava January 24, 2011 at 6:32 PM    

@Colleen (Shibley Smiles)
I don't see any p tag in your posts, that's why it doesn't work.
I tested "More Than Just a Game Review and Giveaway": -first I cleaned the description cache using Facebook URL linter, the I shared. True enough the description was taken from the first comment (which is enclosed in a p tag).
Add in the p tag (I recommend step 3.5) and it should work.

Sadako January 24, 2011 at 10:50 PM    

Hi there,

first I hope you''l excuse me for my bad English (I am comming from Slovenia).

I am having a similar problem: When I use my FB share button preview shows always as you can see on the link below:
http://i303.photobucket.com/albums/nn152/sadakoshizuko/Trouble.jpg

What to do?

Thanks for your help & greetings from Slovenia

Greenlava January 25, 2011 at 5:19 PM    

@Sadako
That's your recent posts/comments script in the description. I'm not sure why it got in there. Maybe you want to move the script to somewhere further down the template. Try placing it before you recent posts callback script. This is your recent posts callback script:
[script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"][/script]

Sadako January 26, 2011 at 1:16 AM    

No luck.

This is the message I get.

http://i303.photobucket.com/albums/nn152/sadakoshizuko/Trouble1.jpg

Also my blog URL: http://filmskoplatno7.blogspot.com/

Sorry I am very new at this but I would realy appreciate your help.

Greenlava January 26, 2011 at 2:40 AM    

@Sadako
Hmm...email me your template.
Go to Design > Edit HTML.
Tick the Expand Widget Templates checkbox
Select All and copy.
Save as txt file.
Email me the file.

Sadako January 26, 2011 at 2:54 AM    

Where can I find your email?

Greenlava January 26, 2011 at 7:47 AM    
This comment has been removed by the author.
Sca Ndx January 26, 2011 at 10:28 PM    

why it don't work on me.
the [p][/p] thingy

Sca Ndx January 26, 2011 at 10:30 PM    

sorry, it's work after i do Facebook URL Linter.

tyler78 January 28, 2011 at 3:08 AM    

First of all, thank you for this most logical answer to this problem.

My facebook share button was always taking the comments or my comment rules or the footer. Now i know why.

I removed my meta description and keyword.(i was using dynamic meta tags for blogger)

Then i placed that p tags to post.body. But it still got the comments for description.

Then i removed all the other p tags from my template. Now only post.body has the p tags but now, facebook share doesn't get anything. I looked at the source code of one of my post. It has the p tag but facebook doesn't get it.

What else i can do?

I'm using this template: http://www.bloggertemplatesblog.com/bedazzled-blogger-template/

Greenlava January 28, 2011 at 12:48 PM    

@tyler78
I've added "Important note", the lies in there.

tyler78 January 28, 2011 at 5:20 PM    

Wow, that div thing ruined everything. Thank you for the info.

Max February 27, 2011 at 7:03 PM    

Hello I tried everything above but still fb like showing wrong wrong images. please help.

Thanks

Greenlava February 28, 2011 at 9:05 AM    

@Max
Are you on Wordpress?
Add this meta tag in the [head] section of your post pages HTML:
[meta property="og:image" content="PUT YOUR POST-SPECIFIC IMAGE URL HERE" /]
I'm not familiar with Wordpress, so I don't how you exactly go about doing that. Maybe this tutorial helps.

DN and HJ March 9, 2011 at 7:00 PM    

a ha! Finally Fixed it in my blogger blog - I use the template and had entered text in the HEADER, BLOG DESCRIPTION page element - this was the problem. Once I removed this text, facebook like buttons work perfectly!!

Thanks for explaining WHY the like buttons were not working this really helped!

Веселин Кисьов March 18, 2011 at 7:22 AM    

Great thanks! I have struggled with this problem for months! It solved the problem.

Rabia Fathima March 21, 2011 at 2:45 PM    

Hi Greenlava!

Thank you thank you thank you! You have helped me solve my biggest problem for promoting my blog! But I do have one question. To make this work, I had to remove the meta description tag from the template. What kind of impact will this have on my SEO?

Rabia Fathima March 21, 2011 at 4:07 PM    

Hi Greenlava ... I can see another problem: if I switch to "compose" mode after editing my HTML ... it automatically replaces the p tag with div .... is there a way to avoid this?

Greenlava March 22, 2011 at 9:30 AM    

@Rabia Fathima
Removing duplicate meta descriptions is good for search engine. This post will help you understand better: A better way to add meta tags to Blogger

Stephanie March 22, 2011 at 1:57 PM    

Hi Greenlava,

Thank you so much! I've been looking for a solution to this problem. However, I've been trying to find that data string but can't locate it in the html. I'm sorry - this sounds so lame but I'm a newbie with this. Can you advise?

Greenlava March 23, 2011 at 8:18 PM    

@Stephanie
Have you ticked the Expand Widget Templates check box?

trueinternetworld March 30, 2011 at 2:08 AM    

Hi, i placed my comment on this page, sometime ago concerning problems i was having wit my facebook share button but i havnt got a response

Greenlava March 30, 2011 at 9:40 PM    

@trueinternetworld
You did? Hmm...what was your problem again?

Lucky King April 5, 2011 at 1:36 PM    

Hello,

I followed all the steps but still no description appears when I share my post on facebook :( please help me what to do

Greenlava April 5, 2011 at 11:53 PM    

@Lucky King
Have you tried adding a description meta tag?

Giovanni (John) Salvatore Esposito April 10, 2011 at 6:59 AM    

I'm continuing to have trouble. When I post my link to facebook it gives me the following description:
http://dinersdish.blogspot.com/
© 2010 DINER'S DISH document.write(unescape('%44%65%73%69%67%6E%20%62%79%20%3C%61%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%77%77%77%2E%64%7A%69%67%6E%69%6E%65%2E%63%6F%6D%22%20%74%69%74%6C%65%3D%22%42%6C%6F%67%67%65%72%20%74%65%6D%70%6C%61%74%65%22%3E%44%7A%69%67%4E%69%6E%65%3C%2F%61%3E%3C%62%72%2F

Tried doing the p tag but didnt work. Also tried doing the metatag in the template editor any nothing. Any help would be greatly appreciated :s

Tomate Joyeuse April 10, 2011 at 10:11 AM    

Hello, can I translate this tutoriel into french, I would like to write an article about it. Of course I will give you the attribution.

Greenlava April 11, 2011 at 8:49 AM    

@Giovanni (John) Salvatore Esposito
That's the attribution code for your footer and it only came out when sharing the Gastropub post.
Try checking the post's HTML, maybe you can find a clue in there.

@Tomate Joyeuse
Sure you can :)

Sora Narumi April 23, 2011 at 9:09 PM    

Thanks for the tutorial, but my website show: "TEMPLATE ERROR: Invalid data reference post.snippet: No dictionary named: 'post' in: ['blog'] "

What is that mean?

Greenlava April 24, 2011 at 1:05 PM    

@Sora Narumi
That means you've place the code outside the Blog widget template.
Make sure you tick the Expand Widget Template checkbox and put the code as per instruction.

mark andrew ponla April 25, 2011 at 9:46 AM    

ur d best!

Maria April 27, 2011 at 1:45 AM    

I'm now on Wordpress, and Facebook will randomly pull post titles and descriptions that are 11 months old, when I link to a new post (despite meta title and descriptions for that post.)

I was having issues with thumbnails as well, but a plugin seemed to fix that (until it started pulling totally unrelated pics etc. to go with the titel & description that are wrong.)

Keith April 28, 2011 at 12:29 AM    

This is a great tip.. thanks!:)

Fran April 28, 2011 at 2:48 AM    

Thanks for this. Do you have a similar solution for the showing the title on Facebook? When I added meta tags to blogger, the share link for Facebook stopped working right. It shows the url of the link instead of the title. I removed the meta tags to try to fix the problem but it still doesn't show the right title. Any idea?

Greenlava April 28, 2011 at 9:13 AM    

@Fran
The reason for that is your blog doesn't have a title tag.
Fix that by replacing this line:
[meta content='Curiosités Esthétiques' name='og:title'/]

with the title tag from this tutorial (in step 5):
SEO (Search engine optimization) friendly Blogger page title

And another thing (unrelated to the problem), your keywords meta tag:
[meta content='gothic,gothique,goth,....' name='og:keywords'/]
you want to replace "og:keywords" with "keywords"

FAIZA May 4, 2011 at 3:24 AM    

Hi,

I use Blogger and have tried all the above. I wasn't able to find anywhere in my HTML Template and I expanded it. I also use customization on my template.

When I share my posts on Facebook it's showing my comments or comment rules as the description of my blog post. Before it would show the description of my blog not the description of the post. I'm so sorry but any help you can provide will be much appreciated.

My blog URL is http://velvetmoondiaries.blogspot.com/

Thanks in Advance!!

CONTROL MENTAL May 4, 2011 at 4:07 AM    

I works! Thanks

soundbite.me May 4, 2011 at 10:34 AM    

Hi there,
I'm having a similar problem, where I see no description, and especially, the wrong and/or random image from the post. I've tried what you suggested above, yet didn't work. maybe i did it incorrectly or perhaps didn't do it right. can you help??? thanks!

Tomate Joyeuse May 5, 2011 at 7:51 PM    

Hello, @Faiza and @soundbite.me I got the problem before. All I can tell you, you you find the data:post.body if there 2, you should add the p as described on the tutorial.

FAIZA May 5, 2011 at 11:09 PM    

Not sure how I left this important point out of my original question. I could not find data:post.body/ anywhere in my HTML when expanded. Anyway you could take a look at my template to see where I am missing something. I did add some code from another one of your tutorials. I hope I didn't mess things up. Thanks so much if you can help!

My URL -
http://velvetmoondiaries.blogspot.com/

CoupDeGrace May 18, 2011 at 5:35 AM    

hi can you send me your template by email ?
this is my email

leo_efendy01@yahoo.co.id



i use blogspot

i'm already confused....
it still shows "your Blog Description" for any link that i trid to share to facebook....

i want it shows my post content as description....

here's my Blog

http://joyofsummer.blogspot.com/

you may try to like, share or even lint to facebook to see my blog Description...


thank you Very much

Greenlava May 19, 2011 at 3:28 PM    

@CoupDeGrace
The first step in getting the content a post as description is to remove your description meta tag:
[meta content='Your Blog Description...' name='description'/]

Anthony May 20, 2011 at 6:19 AM    

Hi Greenlava, thanks for this great post, I really love it. I follow the instruction about how to solve the facebook wrong description but I still have problem when I share my blog post on facebook, the wrong description is still showing, you can please help me check it out, my blog is www.nigerianjobcareer.com, I really appreciate your help most especially to some of us that are new in the blogging system. Thanks in anticipation.

Dave May 22, 2011 at 3:27 PM    

Hey Greenlava,

I've tried each of the above listed methods, but am still running into the same problem. I'm afraid this might have something to do with my using a layout other than blogger's defaults (I'm using a fairly chunked together version of "Simple News Revolution"). But . . . I'm honestly not sure. If you have the time, would you mind having a look at my xml file? Any assistance would be greatly appreciated!

Zeeshan May 24, 2011 at 2:51 AM    

I did everything you told and still have the problem when I share my blog on facebook or when someone clicks the like button on a page of my blog. But it works fine when Networked Blogs publish the articles automatically to the connected facebook profile. Can you please help me? Its a small problem but it's been bugging me for a long time. I'm using a blogger blog and have a custom template http://theworldin35mm.blogspot.com

Greenlava May 24, 2011 at 11:04 AM    

@Anthony
@Dave
The description comes from your description meta tag. To avoid this you should remove the tag altogether or apply it to index pages only.
A better way to add meta tags to Blogger

Greenlava May 24, 2011 at 11:19 AM    

@Zeeshan
Each picture in your posts is automatically wrapped inside a div tag by Blogger, and that's not good. Read "Important note" in IV.3 for solution.

Dave May 27, 2011 at 4:29 PM    

@Greenlava

Thank you for the help! After a few days of fiddling, I've managed to make it work (for some reason I have two []. Now, on a side note, I've noticed something else: When sharing a post on Facebook, the description cuts short whenever it encounters an apostrophe. For example, if I begin a post with "If you haven't heard already, Harold Camping . . ." the description displays "If you haven/"

Weird.

For the time being I'm quite happy (and will simply avoid contractions in the first 120 words), but I thought I would see if you know anything about it.

Otherwise, thank you again! I think I'm going to write a post devoted specifically to websites which I have found useful in constructing a blog. Be assured this post will rank among them!

Bharath Ram May 31, 2011 at 12:43 AM    

@Greenlava

I am very happy to see this post here as this is giving me lots of headaches. I have the same problem as Sadako.

Can I send you the full html on email? Please can you help me out with this?

Bharath Ram June 4, 2011 at 3:16 PM    

@Greenlava

Please help me. Every time somebody shares a post, the google analytics code is showing.

BrunoB June 5, 2011 at 4:07 AM    

YOU'RE THE GREATEST! I've been looking for a way to put the post.snippet as description for HOURS before finding this post. Cheers!

Greenlava June 5, 2011 at 6:16 PM    

@Bharath Ram
There's an unclosed script tag before the analytics code, this:
[script src='http://chelseatrueblue.googlecode.com/files/related-posts-with-thumbnails-for-blogger-pro.txt' type='text/javascript'/]

Add the closing tag like this:
[script src='http://chelseatrueblue.googlecode.com/files/related-posts-with-thumbnails-for-blogger-pro.txt' type='text/javascript'/][/script]

nira628,  June 6, 2011 at 3:17 PM    

Great post, thank you. I actually found answers to my questions from the comments/responses. :)

Charleybrown June 14, 2011 at 7:16 PM    

Hi, glad to find your solution. I added the code you gave and then I enclosed it with p tags in step 3 since I couldn't see adding it to each post. However, when I post the link on facebook, only the first few words are showing up in the description instead of more of the first paragraph. Any suggestions? Thanks.

Greenlava June 15, 2011 at 5:42 PM    

@Charleybrown
Have you read "Important note" in step 3? It might explain why.

Samad Malik June 25, 2011 at 5:49 PM    

Thanks a lot for this tutorial

Argado June 28, 2011 at 4:26 PM    

Thanks your post is very helpful ...
Because blogger is so different with wordpress ...
Now, my description post always shown when i share it to facebook ..

Amor Maternal July 12, 2011 at 9:31 PM    

Hi Greenlava,

I followed your step-by-step instructions and my post links still show the generic blog description on FB. Could you please take a look and let me know if you have any other ideas as to what I could do to make it show post snippets rather than the bog description?

Thanks a lot!

Kind regards,

Louma

Spiritual Klutz July 12, 2011 at 11:51 PM    

Thank you thank you thank you thank you thank you thank you. You have made my life a happier place. FYI, something I figured out on my own (but with the grrrreat help of this blog: it wasn't enough to add the bracketed p. I needed to find the bracketed p that was already in my HTML(by the comments section, of course) and delete that one.

It sucks that the new blogger has closed the door to tinkering with HTML, but I made it through the backdoor by using the monatize section, which still hasn't been updated, thankfully.

THANK YOU!!!

Ziad Mestarihi July 13, 2011 at 9:00 AM    

hi, w'l thnx for your help, still i need help after i have done one of the steps you mention above which is step No 5 but still blog title did't show in facebook instead it showed a few words of the post and the URL of the blog post but i have seen many people post in fb and it show the title and the name of blogger and the author name as well !! why it did't work with us ??
i appreciate your help

http://ziadalmestarihi.blogspot.com/

Mihai Motrescu July 13, 2011 at 9:54 PM    

thanks man..."Like" button from my blog posts not working il all posts until now when i read here about paragraphs...

Greenlava July 14, 2011 at 6:16 PM    

@Amor Maternal
That is due to your adding description meta tag to your template. Fixing the meta tag's application should fix your description snippet problem. Follow this tutorial:
A better way to add meta tags to Blogger

you also want to read this:
Facebook share showing wrong description –solved!

Amor Maternal July 14, 2011 at 9:44 PM    

@Greenlava

Thanks for taking the time... I just followed both tutorials, and tried posting to FB again, tried the meta tag checker and now it displays the post title and blog name in the FB description. :(

Any other ideas?

Thanks again,

Kind regards,

Louma

Ziad Mestarihi July 15, 2011 at 12:45 AM    

Hello dear,
Thnx for everything you do for loggers, my quas is
i have added that cod you mention in step No 5 but i stil have problem when i post to fb it did't show the post title instead it's showed the picture for post and my blog description !!? and i have fix the meta tag description as you said exactly..this's my link pls tak a look on it :

http://ziadalmestarihi.blogspot.com/

Ra July 15, 2011 at 1:48 AM    
This comment has been removed by the author.
Ziad Mestarihi July 15, 2011 at 3:28 AM    

this's the lint link i got in facebook without title :

http://developers.facebook.com/tools/lint/?url=http%3A%2F%2Fziadalmestarihi.blogspot.com%2F2011%2F07%2Fblog-post_14.html%3Fspref%3Dfb

Ra July 16, 2011 at 10:06 PM    
This comment has been removed by the author.
Greenlava July 17, 2011 at 7:46 AM    

@Amor Maternal
You still have the description meta tag on post pages. Follow the meta tag tutorial carefully, that should fix your problem.

Greenlava July 17, 2011 at 8:02 AM    

@Ziad Mestarihi
The title has to do with title tag. Have you been tinkering with the title tag lately?
Follow this tutorial:
SEO friendly Blogger page title

if you have anymore problem, post it there.

Amor Maternal July 17, 2011 at 9:16 AM    

@Greenlava

I did follow both tutorials very carefully, but then changed back to my old template because the meta tags stopped working: when I googled my blog, it stopped displaying the description I had inserted and just displayed random keywords. Then on Facebook, instead of showing a snippet of my post, it just showed the title repeated 2-3 times within the description area below the link/title.

Any other ideas? Do you think it's possible to have both? i.e, my description appear in Google *and* a snippet to show on FB?

Thanks again...

arch-peace July 18, 2011 at 9:07 AM    

Great, it worked! Thanks so much for that.

RaYZoR July 19, 2011 at 3:45 PM    

Is there any way to just write a custom description, that will be displayed for each post that is Share on Facebook??

Crickets Chirping July 20, 2011 at 5:26 AM    

Thank you for the info about the Facebook URL Linter. Saved my life today!

Akshay July 31, 2011 at 7:05 PM    

The Facebook Share Counter in the Floating Share Toolbar is not working.. It is not showing the counter even in your Blog.. Please solve the problem..

Greenlava July 31, 2011 at 8:38 PM    

@Akshay
I guess Facebook is pulling the plug on Share button. I'm going to wait for a couple more days, before replacing it with a Like button-counter.

Rickbischoff - Rustic Contemporary Spirit August 17, 2011 at 8:10 PM    

Help ...I am having similar problems ...GooglePlus and Facebook not showing post image.

When I try to share a post to either of these sites
the preview only shows a link ...no media.

hope you can help. thread in blogger help has been closed

Thank You
plz. @reply me @Rickbischoff

Med August 20, 2011 at 2:07 AM    

i am having a similar problem. I am using a custom template and whenever i want to share my posts in facebook, twitter, linkedin , googleplus , i get my blog title and my blog description instead of post title and description , i tried all and still cant dunno why. Please please Please would you help me. I have already sent you an email with my template html to let you have a close look at it. thanks so much in advance. my blog is : wwww.educationaltech-mec.blogspot.com

twincitiesmama August 22, 2011 at 10:28 PM    

Hello...I so appreciate your clear, concise instructions for html novices like me. My problem: I tested my "like" button (when I use "recommend" it does the same thing) and it shows up on Facebook with the logo from my web analytics program. YUCK! How do I remove the Get Clicky logo? My blog is www.gypsyhausfrau.blogspot.com. Thank you!

twincitiesmama August 22, 2011 at 11:01 PM    

Actually, I think I worked it out with tips from the other comments. I switched the action to recommend, used a button count, and kept show faces=false. It seemed to work. I have bookmarked your site, though --I looked through DOZENS of sites before I found you; I'll be recommending you to my blogging friends!

Greenlava August 23, 2011 at 12:18 PM    

@Med
The problem is caused by the description meta tag. Read reply #66.

Tricia September 15, 2011 at 6:30 AM    

Greenlava
I have done everything. And I still can't get it to work. I have followed both Tutitorials...I have taken out the alignment and pics from the begining. I can't get the description to show up. Could you please help. I was hoping by the time I read all the comments I would have figured it out. Thanks.

modra ideja September 15, 2011 at 9:34 PM    

great, exactly what i needed :)

Jenny P. September 16, 2011 at 9:22 PM    

I have searched high and low for a way to solve this problem. You've made it so easy! Thanks so much for the useful information. I'll be sure to visit your site again.

Anonymous,  September 17, 2011 at 3:18 AM    

Thank you very, very much!

Aya October 12, 2011 at 9:15 PM    

This really helped!!! THANKYOOOOOOOUUUUUUUUUU :D

Akash October 23, 2011 at 2:32 AM    

It really helped man :) Awesome !!

Ayan November 6, 2011 at 10:14 AM    

Thanks, a lot.
Finally was able to fix the problem :)

matteo November 12, 2011 at 4:17 AM    

Great article!
Is there a similar one explaining where Facebook gets the TITLE for the link?

(don't tell me it takes the title of the page: I'm talking about a url that contains a #anchor)
In my case it's getting the contents of a script tag (yes, it's that stupid) and I want to avoid it...

thanks

jennifer November 20, 2011 at 11:11 PM    

I have tried about 30 solutions to this and was certain this one would work when i came across it as i've been a frequent visitor to your site. But, it is still not working for me. Could my slider/carousel interfere? It interferes with everything else. =/

Mandy Rivers November 21, 2011 at 9:46 PM    

It didn't work for me and I can't figure out why. My snippets were posting fine about a week ago and then they just disappeared which is how I ended up here.

I've added the code from option #1 but nothing changed. Now when I try to post older posts that DID once show the snippet, the snippet is gone from them too.

I've been working on this for 4 days straight and really need help! Pleeeeease help me!

Ester November 24, 2011 at 8:41 AM    

Greenlava,
I have done everything but still can't get it to work. I can't get the description to show up. Could you please help on elilyana.blogspot.com .... Thanks.

Dantteck November 24, 2011 at 4:15 PM    

Mercii bq !!!

Greenlava November 25, 2011 at 7:36 AM    

@Mandy Rivers
You have a description meta tag in your template, so Facebook is using that as their snippet. But guess what? The description meta tag is empty (content=""). That's why you ended up with no snippet.
You need to either remove the meta tag or add it conditionally as explained in this tutorial

Greenlava November 25, 2011 at 7:57 AM    

@Ester
Read my reply to Mandy Rivers above.

Greenlava November 25, 2011 at 8:00 AM    

@jennifer
Have you tried adding the p tag?

Prayag Verma December 3, 2011 at 10:41 PM    

This is amazing , specially the thing about the Post Snippets ,thanks for sharing

harith December 9, 2011 at 3:24 PM    

wow, thanks for this working solution, it's work perfect on new post, but did't work on all older posts (i have thousand old post)..is there any way to fix this?

Greenlava December 12, 2011 at 7:37 PM    

@harith
The description for older post will be update the next time Facebook scrapes your blog (after 24 hrs according to Facebook).

Click to go to top Click to comment