Menu
Facebook sometimes does this really neat thing where they show a thumbnail preview of a website you link to in a status update. It is usually the website's logo.
I'm wondering what the trick is to get this to work for my site, so if I were to share http://www.example.com, I would see my site's logo/favicon in that preview box. How would I do this?
747
You can make a logo into a link by adding HTML markup that tags the image as a link. The process to add the markup depends on the tool you use to add it. Some programs, such as Microsoft Outlook, provide a menu option to easily add links. Other tools, such as WordPress, have an HTML editor with a button to add a link.
Unfortunately, if your browser cache is full, the thumbnails might fail to appear on Facebook. However, this problem can be easily fixed by clearing the browser cache.
Sign in to Facebook and go to your Page. Hover over your profile picture and click the camera icon. Select Upload Photo. Choose your logo file and click Open.
Try your site in this facebook debugger tool.
http://developers.facebook.com/tools/debug
It will tell you what is missing.Eg. below in page head
<meta property="og:image" content="[url to image]" /> <meta property="og:title" content="[page name]" /> <meta property="og:description" content="[content description]" /> There are different ways depending on how your site is built. Eg. This Wordpress plugin creates a link for each image on the page so you can chose between your logo and any other post image on the page.
Update 2017: It is now recommended to register a Facebook App ID for your site otherwise the debugger will give you an error. More tags and info
151
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
