Posted 6 months ago #
In the last few days (since the latest updates?) my featured images are no longer showing when I share a URL on my Facebook page - Instead, the default image is used with no option to change the thumbnail.
When using the Facebook debugger, the correct image is displayed with "og:image".
any guidance on figuring out if this is an issue with this plugin or just a Facebook problem?
Posted 6 months ago #
Could you please provide a sample URL to a post displaying this problem when displayed on Facebook?
Posted 6 months ago #
Yep..
have a look:
http://www.willnotapologize.com/not-apologize-shopping-wal-mart/
Looks correct in the debugger, but not when sharing on my Fan page.
Posted 6 months ago #
Facebook could do a better job parsing the page yet your site markup is declaring a different preferred image.
Specifically: <link rel="image_src" href="/dont-apologize.jpg" / > on line 24 overriding your OGP image on line 90.
It looks like you have multiple plugins outputting Facebook-related markup on the page. There are three different script blocks attempting to load the Facebook JavaScript SDK.
Open Graph protocol allows a site to define multiple images (e.g. a photo of a pizza and the logo of the pizzeria). First photo wins in an autoshare scenario; the person manually sharing the link might select the second or third photo you defined instead. Years ago Facebook used image_src for "share" markup. If backwards compatibility is fully supported then image_src would be given the same weighting as your Open Graph protocol image, meaning the image defined on line 24 is chosen for the post over the image defined on line 90.
This plugin has never output an image_src value. If you can track down which plugin inserts the image you should be all set.
Posted 6 months ago #
Thank you - you got me looking in the right direction.
The issue was resolved when i removed all of the http://ogp.me references.. I recalled that when i first installed the app, none of my tags were working, and they started working normally after I replaced http://ogp.me with og: ..
I updated the plugin today, and that's why it suddenly broke again -because the plugin overwrote my edits and started using the ogp.me references again.
Why does the plugin use http://ogp.me instead of OG: and.. I am assuming this was only an issue for me/my site - any idea why?
Posted 6 months ago #
Facebook uses Open Graph protocol properties, based on RDFa Core 1.1. It's a way of adding data to a webpage.
You might commonly see a property starting with the "og" prefix, where the "og" value should be mapped to essentially a base URI in a parent element.
<head prefix="og: http://ogp.me/ns#"><meta property="og:title"></head><meta property="http://ogp.me/ns#title">The two properties above are the same: a reference to title data as defined at ogp.me. If you remove the prefix mapping from <head> then og is just an unmapped string. Parsers could choose to always assume a prefix of og would map to ogp.me but it's better for the sake of the web to map the prefix or provide the full IRI in the property if your template system is unable to add attributes to a parent element.
WordPress installations use many different themes, some with support for additional properties added to <html> and <head>. Some plugins add extra attributes in the language_attributes() function. Given the unknown ability to include a prefix mapping in a parent the Facebook plugin uses the full IRI.
You must log in to post.
