Facebook Share doesn't show my description or my thumbnail

StackOverflow https://stackoverflow.com/questions/2950189

  •  05-10-2019
  •  | 
  •  

Question

I have followed every single piece of advice I have found to try to get this to work but all of it has been to no avail. Can someone tell me why my description/thumbnail doesn't show up? Thanks. Below is my code and the link to the site:

Meta Tags:

<meta name="title" content="La Vita è Bella, because life is beautiful" />
<meta name="description" content="Drawing on Italy’s most famous export – great-tasting, healthy, colourful food – La Vita é Bella brings families together to experience mealtimes the Italian way." />

<link rel="image_src" href="http://www.lavitaebella.co.uk/images/imageforfacebook.jpg" />

Actual Link:

<a href="http://www.facebook.com/share.php?u=http://www.lavitaebella.co.uk" target="_blank"><img src='../images/share/s-fb.png' /></a>

http://www.lavitaebella.co.uk/

Thanks in advance for any help.

Was it helpful?

Solution

To those (like me) for whom the other answer did not work:

In the <head> and </head>section, add

<meta property="og:url" content="https://www.mathnuggets.com/" />
<meta property="og:image" content="https://www.mathnuggets.com/images/fb-logo.jpg" />
<meta property="og:title" content="Math website for your gifted student" />
<meta property="og:description" content="Challenging word problems for gifted elementary students" />`

Then go to FB Linter and enter your URL there to refresh FB's cache of your page.

^^^ Refreshing the cache is important.

OTHER TIPS

--2nd EDIT--

Please note that this answer doesn't work any more and is out of date. Please try the above answer.

-- ORIGINAL ANSWER--

Got it sorted. Had to use a url that is chock full of craziness:

<a href="http://www.facebook.com/sharer.php?s= 100&amp;p[title]=La Vita È Bella&amp;p[url]=http://www.lavitaebella.co.uk/teachers/resources.html&amp;p[images][0]=http://www.lavitaebella.co.uk/images/imageforfacebook.gif&amp;p[summary]=Drawing on Italy’s most famous export – great-tasting, healthy, colourful food – La Vita é Bella brings families together to experience mealtimes the Italian way"><img src='../images/share/s-fb.png' /></a>

--EDIT--

As some extra information, I can't remember where I originally found this information but here's what the s=100 part means:

The basic approach is you are providing a link to http://www.facebook.com/sharer.php?s=100 which is the basic share page (typically this is shown in a popup).

But I tried changing the numbers and it still goes to the same place.

As for the &amp;p, it's just html code for &p and I think this is the array that Facebook dissects to get at the information.

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top