Share on Facebook - Thumbnail not showing for the first time

facebook thumbnails share facebook-opengraph
user2503176 picture user2503176 · Jun 21, 2013 · Viewed 20.6k times · Source

https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.frcc.us%2F1197%3Fv%3D3422%26f%3D5

You should see it has thumbnail now. But every time I post a new link from my website (configured like the above example), the thumbnail won't show up for the first time. I have to refresh, and then the thumbnail shows.

I should include valid og tags. When I test my links on https://developers.facebook.com/tools/debug

Sometimes it gives me error saying og:image should be bigger. Then I just have to debug it again and then the error is gone.

og:image for all my links is the same. I have provided largest image 1500x1500. There is no redirect when link to the image.

Why?

Answer

Kzar picture Kzar · Jul 9, 2015

The reason is that FB behind the scenes is still scraping your page and caching the image. The next time, in fact, you have also the image. How to solve it? Manual pre caching: https://developers.facebook.com/docs/sharing/best-practices#precaching

or simply add

<meta property="og:image:width" content="450"/>
<meta property="og:image:height" content="298"/>

Related questions

Facebook Share Dialog does not display thumbnails one first load

I'm using the Facebook share dialog to share a specific url. The shared link contains an image which should be part of the sharing later on. The strange thing about this is that it works totally fine on mobile browsers. …

Read More
How long is Facebook caching the sharing thumbnails?

How long is Facebook caching the sharing thumbnails? I've added a custom thumbnail for my page using: <meta property="og:image" content="/path/to/my/image" /> But on pages my previous image is displayed => it is cached …

Read More
Facebook ignores og:image when sharing url?

I created a website - http://mati.ravpage.co.il/check4 The website contains one og:image tag and is linted properly. However, when I want to share this link (by placing it inside a newly created status): it shows …

Read More