Topic-icon OG:image not working

Active Subscriptions:

None
14 years 4 months ago #18075 by miclen
OG:image not working was created by miclen
Hi, problem here.

I inserted customs tags in my code; og:image and og:image:secure_url (my website is on https) and both og tags are rendered fine in my source. Yet Facebook doesnt understand something about it. I used the facebook debugger to see what's happening and the whole page renders without errors (at least according to the facebook debugger.) and all OG tags are grabbed as they should.

But; my image is always empty. The debugger shows a small white 50*50 white box without a thumbnail of the image. A hyperlink on that box does link to the right image, but neighter in the debugger as on Facebook itsself images are shared with a link to my page.

An example page where all og images are implemented; www.domovide.nl/175-alte-schule-malberg/

I hope you can help. I guess it has to do with the https, but dont see why that shouldnt work as I used the secure_img OG tag in my metadata aswell.
Thanks in advantage.
The topic has been locked.
Support Specialist
14 years 4 months ago #18087 by alzander
Replied by alzander on topic OG:image not working
Michiel,
I believe if you want to use secure URLs, you should -not- use the og:image tag at all. JFBConnect only uses og:image tags, and is something we may have to update after your report. For now, if you can, please remove the og:image tag and just leave the og:image:secure_url tag. Re-scan with the debugger tool, and see if that helps.

Let us know how that goes. If it fixes your issue, we can add it to our to-do list to investigate using SSL URLs for the image automatically if that's the type of page the user is already on.

Thanks,
Alex
The topic has been locked.
Active Subscriptions:

None
14 years 4 months ago #18095 by miclen
Replied by miclen on topic OG:image not working
when I remove og:image the Facebook Debugger tells me:

Inferred Property: The og:image property should be explicitly provided, even if a value can be inferred from other tags.

and it still doesnt show images.
The topic has been locked.
Support Specialist
14 years 4 months ago #18113 by alzander
Replied by alzander on topic OG:image not working
Michiel,
What kind of SSL certificate do you have? Just want to check if it's a shared SSL certificate provided from your hosting company, or if it's one specific to your site. From the certificate chain, it looks like a standard Comodo 3rd party certificate specific to your site, which should be fine, but just want to check.

I'm doing some investigation into the Open Graph tags not working with SSL images, and so far, the only thing I've heard is that shared (or some free) SSL certs can cause a problems if Facebook can't validate the SSL provider. We just did a test with SourceCoast.com and set a secure image for one of our few secured pages, and Facebook properly detected both the secure and non-secure image provided:
developers.facebook.com/tools/debug/og/o...criptions%2Fnew%2F19

So... it seems Facebook doesn't like your site for some reason. One thing I notice now for the linter of your page is that the image it's guessing to use is:
https://www.domovide.nl/myincludes/slir/w50-h50-c1:1/https:/www.domovide.nl/images/avatar/911ba5122ddb40dd818edd26.jpg
That URL doesn't work. Looking at your page, I do see the link to that image. Not sure where it's coming from. While that's likely not the issue, it may be an indicator of some configuration issues with your server/Joomla if links are being generated incorrectly or redirecting improperly. I don't have any suggestions as to where to look, but hopefully, that may give you some ideas.

Hope the above gets you started, but definitely let us know if you have any other questions or make any progress.

Thanks,
Alex
The topic has been locked.
Active Subscriptions:

None
14 years 4 months ago #18144 by miclen
Replied by miclen on topic OG:image not working
My SSL certificate is indeed from Comodo. There is no server certificate interfering for as far as I know.

I know about the image you refer to in the code block of your reply above, I know Facebook doesnt understand these URL's, but as you already expected, thats not the issue. Thats why I referred to a different page without this strange links in my original post.

What I do notice when I enter your https image as the URL in the debugger is that Facebook gives a http response: 200 while my images gives a http response 206.
I guess I have to find out what makes my images give a status of 206 now, I think that might be the problem.

Thanks so far!
The topic has been locked.
Active Subscriptions:

None
14 years 4 months ago #18291 by miclen
Replied by miclen on topic OG:image not working
Well, I guess it doenst have to do with my 206 status.
I created a cronjob that copies all images to a non-secure subdomain and when I link to that location it works like a charm.

Facebook just can't handle images on a https environment, also not with the secure_url function included. Or so it seems.

Perhaps also for you interesting to follow: developers.facebook.com/bugs/26062827400...997a1e72157a32240720
It seems I'm not the only one with the problem. Hope it gets fixed soon, as my images are now temporary taking up double space.
The topic has been locked.
Support Specialist
14 years 4 months ago #18292 by alzander
Replied by alzander on topic OG:image not working
Michiel,
On the non-secure subdomain, are the images still returning a 206 status? Doing a little searching, the 206 is a status of a 'partial return of data', which is used on servers that have specific caching functions enabled. It's possible that Facebook is seeing the 'partial' data as a corrupted image, and simply not using it properly. While it would be a bug on Facebook's part if that's the issue, disabling that caching operation (and returning the full image with a 200 status code) may be the solution.

As for the bug, it's marked as low priority, which is not a good thing. It will eventually get fixed, but that may take months (from our experience). Facebook does handle https images. Our example above should show that it works. I'd really recommend investigating (or talking to your hosting provider) about disabling the 206 response if possible to see if that helps.

You may also want to post in that bug report asking if others are seeing the 206. It may also help Facebook locate the issue faster as well, in case they can't recreate it (like we couldn't).

Alex
The topic has been locked.
Active Subscriptions:

None
14 years 4 months ago #18627 by miclen
Replied by miclen on topic OG:image not working
You might be right about the 206. I thought you only had http images in your test above but you also have a https one in it indeed.
I will have to investigate the 206 status indeed. Perhaps its part of my minify plugin that makes code smaller, although I do not have caching enabled at this point. Perhaps the component does that as part of the minifying.

Thanks!
The topic has been locked.
Support Specialist
14 years 4 months ago #18644 by alzander
Replied by alzander on topic OG:image not working
Michiel,
Yeah, the test page I created was meant to be a wide-test case. It's an https page with both an http and https image.

If you investigate the 206 issue more, definitely let us know what you find. My guess is that the 206 is actually a server/Apache configuration more than a Joomla extension. A Joomla extension can't (easily) modify the headers on the direct read of an image (only on things that pass through Joomla's index.php file), so it's likely something lower level that's trying to be smart/tricky/cache-y to speed up static content delivery.

Hope that helps,
Alex
The topic has been locked.