I am using Wordpress and WP Yoast SEO plugin and I want to get an image if I post my link on Facebook. That's not happening and I don't know why. I have used Facebook's debugger tool and I got this:
The parser's result for this metadata did not match the input metadata. Likely, this was caused by the data being ordered in an unexpected way, multiple values being given for a property only expecting a single value, or property values for a given property being mismatched. Here are the input properties that were not seen in the parsed result: 'article:publisher'
Why is this? It does not say a thing about my image.... Besides, I can see it in the fetched results on Facebook debugger, so that must not be a problem either. The article:publisher was wrapped in single quotes like this: ' and I changed it to ", but it still gives me the same problem.
This is the scraped url:
<meta property="og:locale" content="blabla">
<meta property="og:type" content="website">
<meta property="og:title" content="blablablbla">
<meta property="og:url" content="http://blablablblabla">
<meta property="og:site_name" content="blablablabala">
<meta property="article:publisher" content="https://www.facebook.com/pages/blbalblbalab">
<meta property="og:image" content="http://blblalblba.png">
And this the ruwe open graph document information
Metatag: <meta property="og:locale" content="blabla" />
Metatag: <meta property="og:type" content="blbalbae" />
Metatag: <meta property="og:title" content="blablbla" />
Metatag: <meta property="og:url" content="http://blablbal.com/" />
Metatag: <meta property="og:site_name" content="blblablba" />
Metatag: <meta property="article:publisher" content="https://www.facebook.com/pages/blblbalab" />
Metatag: <meta property="og:image" content="http://blbalblab.jpg" />
Solved it by changing the image to an image that is exactly 200x200...
Damn it, why does Facebook not say that in the debugger tool? Anyhow, it's solved.
Related
I have read quite a number of SO post on the topic however my problem still persists : Facebook sees my meta tags as raw tag found but does not display or include image during the open graph display. This is the Url i am trying to post on facebook :
https://holyunions.com/govt-releases-gh-cent-465-million-for-start-of-one-district-one-factory-project-general-language-en-article-118
And This is my output of my code
<meta property="og:title" content="Govt releases GH¢465 million for start of one-district-one factory project - General :. Twum Barimah" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://holyunions.com/govt-releases-gh-cent-465-million-for-start-of-one-district-one-factory-project-general-language-en-article-118" />
<meta property="og:description" content=""/>
<meta property="fb:app_id" content="532235306919626"/>
<meta property="og:image" content="http://holyunions.com/js/max_john_richeditor/lib/tiny_mce/plugins/openmanager/uploads/images/image_11_04_2017_12_24_02_1491913442-42.png" />
<meta property="og:image:secure_url" content="https://holyunions.com/js/max_john_richeditor/lib/tiny_mce/plugins/openmanager/uploads/images/image_11_04_2017_12_24_02_1491913442-42.png" />
<meta property="og:image:width" content="500" />
<meta property="og:image:height" content="285" />
<meta property="og:site_name" content="Holy Unions : Home of Marriages" />
<meta property="fb:admins" content="100004005747278"/>
The og image properties are well defined however Facebook after displaying them as tags, still does not fetch the image neither does it display the image nor the description in the open graph properties.
How do I display the image that facebook sees as url ?
I added open graph tags to the following URL to enable video embedding on Facebook: http://store.staging.shoppost.in/Sm0OAdAleEW--6J6AW8brw
This worked up until a few days ago but now the thumbnail on the Facebook post no longer has the play button. Clicking on it now redirects to the URL rather than displaying the embedded Flash video. The puzzling thing is that the Facebook Object Debugger says there are no errors and that video embedding is enabled (as seen here).
Here are the open graph tags I am using:
<meta property="og:title" content="Wow, Look at that!" />
<meta property="og:type" content="product.item" />
<meta property="og:description" content="and now something that you've never seen before in all your days...." />
<meta property="og:image" content="http://media.staging.shoppost.in/physicalitems/0e1a8af7-736f-443e-b5e5-d09830c88f38/art/38213a2d-fe0e-4898-9d0e-80305c6e7230.jpg" />
<meta property="og:site_name" content="Shoppost" />
<meta property="og:video" content="http://store.staging.shoppost.in/ps/Sm0OAdAleEW--6J6AW8brw" />
<meta property="og:video:secure_url" content="https://store.staging.shoppost.in/ps/Sm0OAdAleEW--6J6AW8brw"/>
<meta property="og:url" content="http://store.staging.shoppost.in/Sm0OAdAleEW--6J6AW8brw" />
<meta property="og:locale" content="en_us"/>
<meta property="og:video:height" content="296" />
<meta property="og:video:width" content="526" />
<meta property="og:video:type" content="application/x-shockwave-flash"/>
I have been struggling with this for a while, please let me know if you have any insight. Thanks!
in my TYPO3 Installation i have some meta tags with og: in it.
now Facebooks linter said:
The parser's result for this metadata did not match the input metadata. Likely, this was caused by the data being ordered in an unexpected way, multiple values being given for a property only expecting a single value, or property values for a given property being mismatched. Here are the input properties that were not seen in the parsed result: 'og:image:url, fb:admins'
these are my meta tags:
<meta property="og:image" content="http://abele-optik.de/typo3temp/pics/586bc01dd7.jpg" />
<meta property="og:image" content="http://abele-optik.de/typo3temp/pics/47eeec7031.jpg" />
<meta property="og:image" content="http://abele-optik.de/typo3temp/pics/4b5d6914a2.jpg" />
<meta property="og:image" content="http://abele-optik.de/typo3temp/pics/88765247db.jpg" />
<meta property="og:image" content="http://abele-optik.de/typo3temp/pics/b5f783dea7.jpg" />
<meta property="og:image" content="http://abele-optik.de/typo3temp/pics/0fc37f4a10.jpg" />
<meta property="og:image" content="http://abele-optik.de/typo3temp/pics/8c13fb9af5.jpg" />
<meta property="og:image" content="http://abele-optik.de/typo3temp/pics/fe79697ba3.jpg" />
<meta property="fb:admins" content="100001266982853" />
<meta property="og:url" content="http://abele-optik.de/angebote/angebot-kinderbrillen.html" />
<meta property="og:title" content="Abele-Optik GmbH:Angebot Kinderbrillen" />
<meta property="og:type" content="website" />
<meta property="og:description" content="OiO-Titanflex-Kinderbrillen" />
this is the output of the linter tool:
Graph API: https://graph.facebook.com/579080578799158
Is there something wrong with the order of the og-tags? I cant find something about it on FB -
thx for an answer and yes: i searched before i write here..
Did you read the complete output of https://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fabele-optik.de%2Fangebote%2Fangebot-kinderbrillen.html
It says:
Provided og:image is not big enough. Please use an image that's at least 200x200 px. Image 'http://abele-optik.de/uploads/tx_flexslider/ABELE_slider_AngebShopAug_01.jpg' will be used instead.
I think this will solve the first problem. The second one may be caused because you have specified fb:admins but not an fb:app_id (see this post).
Why doesnt facebook Object Debugger pick up on y og:titls and og:discriptions when it already shows it in my src code???
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta property="og:title" content="Was the moon landing real in 1969" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://www.opinionfreaks.com" />
<meta property="og:image" content="http://www.opinionfreaks.com/images/logoMain.png" />
<meta property="og:description" content="Was the moon landing real in 1969" />
<meta property="og:site_name" content="opinionfreaks" />
when i run the same link trough Object Debugger it just wont show them....any ideas...
Kind regards
Ronan
What #CBroe said essentially.
Your server needs to be accessible to the public web, or have a exclusion in your blocking rules for the Facebook Crawler. There's more details in the Documentation.
SOLVED: had to dynamicly create the
og:url ...http://www. opinionfreaks.com?user_id =343&title=
...seems to have worked a treat
I'm troubleshooting an issue where the page title and image aren't being included on facebook likes. Having hit the OG debugger, it looks like none of the og:metatags are being accessed by facebook:
Here's a link to the debugger — it's saying it is inferring the og:url and og:title properties which are present on the page.
As a matter of testing, I copied the metatags and HTML schema straight from the example on the developer docs and I still get the same warnings.
Here's the HTML and start of the head tag as generated:
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
<title>123-ABC Butterfly Fun Carpet 3'10" x 5'5" Rectangle</title>
<meta name="description" content="Transactiv Products" />
<meta name="title" content="Transactiv" />
<meta property="fb:app_id" content="289501899130" />
<meta property="og:site_name" content="Transactiv InRecv" />
<meta property="og:url" content="http://localhost:2609/Pages/ProductSummary.aspx?OrganizationProductID=617c54a0-189a-48af-9b5e-002148210208&StoreID=a1d6bc99-9a6a-4e46-bdb4-790be4e59bd4&ProductID=d6748a89-41f4-48aa-a1c1-5c28f87cc47f&PageName=MHMTest&PageID=236549899706529" />
<meta property="og:title" content="123-ABC Butterfly Fun Carpet 3'10" x 5'5" Rectangle" />
<meta property="og:type" content="website" />
<meta property="og:description" content="" />
<meta property="og:image" content="http://transactivazureprod.blob.core.windows.net/pictureblob/831a4d4a-dbe3-44f5-9ff8-12286cdc33f5" />
Any ideas on this?
Facebook reads all properties you can enter your url here:
https://developers.facebook.com/tools/debug
Facebook will read the properties you specified, but sometimes will use them only when all 4 are specfied (and not empty), not only the last 3.
<meta property="og:url" content="YOUR_URL" />
<meta property="og:title" content="YOUR_TITLE" />
<meta property="og:description" content="YOUR_DESCRIPTION" />
<meta property="og:image" content="YOUR_IMAGE" />
Obvious flaw. You don't propely end the title. You got " in it.
I'd suggest doing a str_replace('"', "''", $str) before echo'ing it.
That is,
<meta property="og:title" content="123-ABC Butterfly Fun Carpet 3'10" x 5'5" Rectangle" />
to
<meta property="og:title" content="123-ABC Butterfly Fun Carpet 3'10'' x 5'5'' Rectangle" />
EDIT:
You can also consider doing htmlentities($str, ENT_QUOTES), as suggested by #TwoWholeWorms,
Facebook's scraper is seeing an error page when it tries to visit your site.
You can access the Facebook scraper's view of your pages through the link 'See exactly what our scraper sees' at the bottom of the debug page.
Also it doesn't just seem to be a scraper related problem as I'm also seeing the same message when I visit the link: http://transactivstaging.cloudapp.net:8080/Pages/ProductSummary.aspx?OrganizationProductID=617c54a0-189a-48af-9b5e-002148210208&StoreID=a1d6bc99-9a6a-4e46-bdb4-790be4e59bd4&ProductID=d6748a89-41f4-48aa-a1c1-5c28f87cc47f&FBUserId=100002152993326&PageName=MHMTest&PageID=236549899706529&CurrentPage=0
ShoppingCart.GetShoppingCartItems.Failed If this Error persists, you can contact our support and provide the following Error Id as a reference
I would guess that, as well as the " in the title values mentioned by Robin Castlin (which you could also escape as "), that your og:url contains unescaped ampersands.
Does it work if you replace & with & in that og:url field?
So you'd replace
<meta property="og:title"
content="123-ABC Butterfly Fun Carpet 3'10" x 5'5" Rectangle" />
<meta property="og:url"
content="http://localhost:2609/Pages/ProductSummary.aspx?
OrganizationProductID= ... &StoreID= ..." />
to
<meta property="og:title"
content="123-ABC Butterfly Fun Carpet 3'10" x 5'5" Rectangle" />
<meta property="og:url"
content="http://localhost:2609/Pages/ProductSummary.aspx?
OrganizationProductID= ... &StoreID= ..." />
to make sure the metadata all contains valid HTML.