PDA

View Full Version : Facebook share error finding image - Facebook OG:URL issue



nonuniform
02-11-2013, 07:46 AM
I just bought and installed v2 of the plugin. I notice that the Facebook sharing isn't working correctly for me. The share is pointing to my home page, not the Social Gallery Page for the current image. I have updated the index, and the FB share links to the image correctly, but Facebook isn't using the correct page to image scrape.

I ran the link to debug with Facebook and received an error that multiple URLs are being passed, and that it is ignoring my image url and just using my home page to scrape for images. Net result, no image is displayed next to the link in my FB share. Since this is one of my primary for scenarios for buying the plugin, I'm hoping to find a way to fix this.

Scrape Information

Response Code: 200
Fetched URL: http://www.andrewmcdonaldphoto.com/social-gallery/pinup-picnic-amcd-07042009007-1
Canonical URL: http://www.andrewmcdonaldphoto.com/
Errors That Must Be Fixed

More Than One OG URL Specified: Object at URL 'http://www.andrewmcdonaldphoto.com/' of type 'article' is invalid because it specifies multiple 'og:url' values: http://www.andrewmcdonaldphoto.com/, http://www.andrewmcdonaldphoto.com.
Redirect Path

original: http://www.andrewmcdonaldphoto.com/social-gallery/pinup-picnic-amcd-07042009007-1
og:url: http://www.andrewmcdonaldphoto.com/
Final URL is in bold (this is the URL we tried to extract metadata from).
URLs

Graph API: http://graph.facebook.com/552776158066852
Scraped URL: See exactly what our scraper sees for your URL

woods
02-11-2013, 05:08 PM
Hi nonuniform,

Thanks for succinctly putting this together and posting.

I can see that there is definitely the error you suggest - though I am not sure whether it's Social Gallery or the other plugin you must be using to output OG data not understanding the nature of Social Gallery pages. Could you let me know which plugin you are using to output Open Graph data? Or is it built into the theme?


Cheers

W

nonuniform
02-11-2013, 05:38 PM
Yes, thank you for pointing that out! I did have another plugin running that was conflicting with Social Gallery, after deactivating the other plugin, the error went away. I'm now correctly sharing the link to the specific photo. I've since stripped down my WP installation so that I don't have any unnecessary plugins running.

I now have a new issue! It seems that Facebook is unable to find the image when scraping the page. When I click on that link, I can see the image. Not sure if I've configured something wrong. I re-ran the indexer to make sure that Social Gallery pages are built for all images.

Here's the debug info:

Input URL, Access Token, or Open Graph Action ID


Scrape Information

Response Code: 206
Fetched URL: http://www.andrewmcdonaldphoto.com/social-gallery/pinup-picnic-amcd-07042009007-1
Canonical URL: http://www.andrewmcdonaldphoto.com/social-gallery/pinup-picnic-amcd-07042009007-1
Open Graph Warnings That Should Be Fixed

Unable to download og:image: The image referenced by the url of og:image tag could not be downloaded.
Object Properties

fb:admins: Array of length 1
⍾ 585493968
og:url: http://www.andrewmcdonaldphoto.com/social-gallery/pinup-picnic-amcd-07042009007-1
og:type: article
og:title: pinup-picnic_amcd-07042009007
og:image:
og:description:
og:site_name: Andrew McDonald Photography
og:updated_time: 1360607445
Raw Open Graph Document Information

Meta Tag: <meta property="fb:admins" content="585493968" />
Meta Tag: <meta property="og:title" content="pinup-picnic_amcd-07042009007" />
Meta Tag: <meta property="og:description" content=" " />
Meta Tag: <meta property="og:url" content="http://www.andrewmcdonaldphoto.com/social-gallery/pinup-picnic-amcd-07042009007-1" />
Meta Tag: <meta property="og:image" content="http://www.andrewmcdonaldphoto.com/wp-content/gallery/pinuppicnic/pinup-picnic_amcd-07042009007.jpg" />
Meta Tag: <meta property="og:type" content="article" />
Meta Tag: <meta property="og:site_name" content="Andrew McDonald Photography" />
URLs

Graph API: http://graph.facebook.com/139792109519534
Scraped URL: See exactly what our scraper sees for your URL

Deepabysm
02-11-2013, 11:06 PM
I would love to see the whole <head> area in your header.php ! Cause I am getting a similar error to your first one. Do you mind posting it?

nonuniform
02-11-2013, 11:48 PM
My header.php is pretty generic, most of the interesting stuff can be seen by looking at the code on my website. I found that my problem was an old plug-in I added 2-3 years ago when FB first made the "Like" button available. Once I shut that off, I hadn't used it since I switched themes, the FB double og:url error went away. I'm still having problems with FB finding the images on the Social Gallery page.

Deepabysm
02-12-2013, 11:09 PM
I'm asking because I get the og:url error although I do not use any facebook wordpress plugin thing. I was wondering whether it has something to do with a misconfiguration somewhere in the header.php.

nonuniform
02-13-2013, 06:13 PM
I'm asking because I get the og:url error although I do not use any facebook wordpress plugin thing. I was wondering whether it has something to do with a misconfiguration somewhere in the header.php.

I don't think the header.php is your problem. If you're getting the multiple og:url problem, you've got multiple plugins submitting to FB.

nonuniform
02-13-2013, 06:15 PM
Hi nonuniform,

Thanks for succinctly putting this together and posting.

I can see that there is definitely the error you suggest - though I am not sure whether it's Social Gallery or the other plugin you must be using to output OG data not understanding the nature of Social Gallery pages. Could you let me know which plugin you are using to output Open Graph data? Or is it built into the theme?


Cheers

W

Hi,

I fixed the duplicate og:url problem, but I'm still having issues with Facebook unable to find an image on the URL that I submit with my share. I've checked the Social Gallery page link for my image, and it's definitely there. Any thoughts?

Thanks,
Andrew

woods
02-18-2013, 05:19 AM
Hi Andrew,

Thanks for posting good detail again - it's very helpful.

If I look at this url: http://www.andrewmcdonaldphoto.com/social-gallery/pinup-picnic-amcd-07042009007-1/ now I see that somethings gone astray with your setup (it's not showing a Social Gallery page, but rather just a typical page from your site - your homepage?) Did you turn Social Gallery off or set up a page with the permalink "social-gallery"?

Glad you fixed the og:url issue, looking at a few of these (Deepabysm's included) I do think you are right and they are mostly conflicts between Social Gallery + another plugin setting OG:data, I'll improve Social Gallery to conflict less in v2.1 and beyond, but back to your original issue. When you posted above it had used og:image as "http://www.andrewmcdonaldphoto.com/wp-content/gallery/pinuppicnic/pinup-picnic_amcd-07042009007.jpg", but if I look at that URL now I get a 403 permission denied - is that still correct or have you moved/deleted that image? If there's an outside permission error in accessing your images, that might be facebooks issue (do you have some hotlink protection or something?)

Sure we can solve this :) Thanks for continuing to post good detailed info :)

nonuniform
02-18-2013, 06:32 AM
Hi, whoops, yeah, I was testing another plug-in and turned off Social Gallery.

Social Gallery is activated again, and the URL that is in the Facebook debug info is again a Social Gallery Page.

Thanks for helping me debug my site, I really appreciate your help. My goal is to have Facebook correctly scrape the page and pickup the image. Look forward to 2.1!

If possible, in a future release can we get the share buttons to re-align themselves when one or more are turned off? I know that's a total pain. I can probably hand tweak the css for now!

Thanks,
Andrew

woods
02-20-2013, 12:47 PM
Hi Andrew,

That looks better - does that URL work now or is it still playing up - sorry lost track of this one a bit! It looks good with your photography in place :D

Yeah - that social share alignment one is tricky, owing to the fact all of the providers do it in different ways so to get them to fit coherently is a challenge. I think what I'll do is move the CSS into the admin area, so its at least easier to tweak yourself (hopefully in v2.1)



Cheers
Woody

nonuniform
02-21-2013, 12:43 AM
Hi Andrew,

That looks better - does that URL work now or is it still playing up - sorry lost track of this one a bit! It looks good with your photography in place :D

Yeah - that social share alignment one is tricky, owing to the fact all of the providers do it in different ways so to get them to fit coherently is a challenge. I think what I'll do is move the CSS into the admin area, so its at least easier to tweak yourself (hopefully in v2.1)



Cheers
Woody

I'm still having a problem with Facebook comments. When the comment on a photo is posted to Facebook, the image is not displayed. Facebook says it's unable to download the image. Perhaps I have a bad setting in my NextGen gallery or something that is preventing FB from grabbing the image? I dunno, if I grab the URL for og:image, and cut and paste into a browser window, the image loads fine. I can't figure it out.

Facebook debug info below:

Input URL, Access Token, or Open Graph Action ID


Scrape Information

Response Code: 200
Fetched URL: http://www.andrewmcdonaldphoto.com/social-gallery/places-0368
Canonical URL: http://www.andrewmcdonaldphoto.com/social-gallery/places-0368
Open Graph Warnings That Should Be Fixed

Unable to download og:image: The image referenced by the url of og:image tag could not be downloaded.
Object Properties

fb:admins: Array of length 1
⍾ 585493968
og:url: http://www.andrewmcdonaldphoto.com/social-gallery/places-0368
og:type: article
og:title: places-0368
og:image:
og:description:
og:site_name: Andrew McDonald Photography
og:updated_time: 1361410716
Raw Open Graph Document Information

Meta Tag: <meta property="fb:admins" content="585493968" />
Meta Tag: <meta property="og:title" content="places-0368" />
Meta Tag: <meta property="og:description" content=" " />
Meta Tag: <meta property="og:url" content="http://www.andrewmcdonaldphoto.com/social-gallery/places-0368" />
Meta Tag: <meta property="og:image" content="http://www.andrewmcdonaldphoto.com/wp-content/gallery/america/places-0368.jpg" />
Meta Tag: <meta property="og:type" content="article" />
Meta Tag: <meta property="og:site_name" content="Andrew McDonald Photography" />
URLs

Graph API: http://graph.facebook.com/223632497761898
Scraped URL: See exactly what our scraper sees for your URL

nonuniform
02-21-2013, 12:46 AM
I just discovered something really interesting. At the bottom of the Facebook debug page, that I pasted above, is a link to "Scraped URL:". Well, I clicked that link, and instead of loading the page, it loaded html, using this link:

http://developers.facebook.com/tools/debug/og/echo?q=http%3A%2F%2Fwww.andrewmcdonaldphoto.com%2F social-gallery%2Fplaces-0368

I think the page isn't encoding properly or something. Instead of finding an image, Facebook just gets a bunch of text (the page code). Nobody else has this problem?

woods
02-22-2013, 02:06 PM
Hey nonuniform,

For this image:
http://www.andrewmcdonaldphoto.com/wp-content/gallery/america/places-0368.jpg
... I am getting 403 Permission denied when I try and load it - which is probably what facebook is getting - are you sure this image exists here or did you change it since this post?
... seems like either something is setting the og:image to be the wrong url - or you have some cacher/image resizer/something which is messing with your files? If the image loads for you but not for fb perhaps try loading it in a different browser to see if its a permissions issue...

This one:

I think the page isn't encoding properly or something. Instead of finding an image, Facebook just gets a bunch of text (the page code). Nobody else has this problem?
...Is just how that page always outputs, it's just showing you the direct code that facebook see's - there's nothing to worry about there.


Am sure these bits are resolvable... it looks like most of your OG is setting right...


W

nonuniform
02-22-2013, 05:43 PM
Ahhhh, of course it's something simple. Yeah, I had a plugin active that was blocking the direct link to the image. You'd think I'd be more methodical in my approach to testing this stuff, since, I work in software development. But, noooo.

Thanks for all your help Woody, it is now fixed and working. This has got to be the most frustrating part of Wordpress, all the different ways to screw up a site!

woods
03-05-2013, 07:27 AM
Hey nonuniform,

No worries - it's easy for these things to happen with busy WordPress installs :)




Best wishes :)

skylacking
03-29-2013, 03:39 PM
Hello, I just recently got this issue as well. I'm not sure what you did to fix it. Where, once a user makes a comment, the thumbnail is not displayed on facebook itself. You said there is a permissions issue?

here is a screenshot
http://carnivalinfo.com/sitenew/wp-content/uploads/2013/03/testcomment.png

woods
03-30-2013, 09:02 AM
Hi skylacking,

This is always to do with OG:Meta data - if you can check the head of your page and see that it all "makes sense" then we can address the issue - as nonuniforms said above, the best start to this is putting your Social Gallery Page (http://www.socialgalleryplugin.com/social-gallery-pages/) Url into the facebook debugger, which will often tell you alot:

Facebook Debugger (https://developers.facebook.com/tools/debug)