vendredi 17 avril 2015

og:image not working, except when I try with "Open Graph Object Debugger"

I have a website with all the og:image tags properly set and it does not work, except when I use the Open Graph Object Debugger, which shows me the expected preview.


Step by step (with an image for every step):


If I take a non-cached URL like... http://ift.tt/1cBykw5 and I try to share it on facebook, this is what I get:


og:image without cache


As you can see there's no image shown on the preview. In this case the first thing I do is check that the og:image is properly set. Checking the sourcecode of that link, we can read:



<meta property="og:image" content="http://ift.tt/1cBynb9" />


And if we check the image URL, we get this:


activity's illustrative image


The og:image tag is inside the head tag, so everything seems to be ok. Here's when I go to Facebook's Open Graph Object Debugger and I try the previously checked link.


The first time it says that that URL has not been cached, but it shows the preview pretty well:


Open Graph Object Debugger


Now that the request has been done from here, if I go back to facebook the preview is properly loaded:


enter image description here


And if we go back again to the Open Graph Object Debugger and we click on "Fetch new scrape information" there aren't errors nor warnings shown:


enter image description here


So, what's wrong with my website? Or what's wrong with facebook?


If you want to check it by yourself, take any URL from the websites' activities index (there are some of them that have been checked and thus will return the cached content):


http://ift.tt/1cBynbb (click on any activity image)


Thanks in advance for any help given :)


Aucun commentaire:

Enregistrer un commentaire