Facebook Share doesn't show my description or my thumbnail

可紊 提交于 2019-11-27 16:57:14

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.

Drew

--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.

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!