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
Related
I'm interested in sharing embedded content on social media. My goal is to allow real estate agents to share a slide show of a house they're selling, and to this end I'd really like to be able to embed content rather than linking back to it.
A great example of what I want to do is here, on the authorStream facebook page.
How are they embedding this content? Do they have some deal with facebook?
If you're interested in how they did this, I recommend you use the OpenGraph Debugger and observe the tags they added to their page to make this content visible in this form. Here's a sample:
<meta name="og_site_name" property="og:site_name" content="authorSTREAM" />
<meta property="og:title" content="15 Steps to Prepare for an Interview -Sachin Karpe " />
<meta property="og:description" content="Sachin Karpe shares few steps before you walk for an interview.- authorSTREAM Presentation" />
<meta property="fb:admins" content="632248145" />
<meta property="fb:app_id" content="26672622939" />
<meta property="og:image" content="http://authorstream.s3.amazonaws.com/content/2177074_635379786451345000.jpg" />
<meta property="og:type" content="movie" />
<meta property="og:url" content="http://www.authorstream.com/Presentation/sachinkarpe-2177074-15-steps-prepare-interview-sachin-karpe/" />
<meta property="og:video" content="http://www.authorstream.com/Player.swf?p=2177074_635379786451345000&r=1&pt=3&fb=1&mb=1&nb=1&pl=as&ap=0&c=#dfdfdf&fi=1" />
<meta property="og:video:secure_url" content="https://www.authorstream.com/player.swf?p=2177074_635379786451345000&r=1&pt=3&fb=1&mb=1&nb=1&pl=as&ap=0&c=#dfdfdf&fi=1" />
<meta property="og:video:height" content="402" />
<meta property="og:video:width" content="481" />
<meta property="og:video:type" content="application/x-shockwave-flash" />
Last, you could check the Open Graph Get Started documentation from Facebook
I use Open Graph tags to share the site. On the desktop does't have problem, but if I use a mobile device is not working properly. Do not take my description and picture. Anyone had any similar problem? How to become equally to both (mobile and desktop) ?
Here is my OG meta tags:
<meta property="og:url" content="http://www.mywebsite.com" />
<meta property="og:site_name" content="MyWebSite" />
<meta property="og:image" content="http://www.mywebsite.com/images/image1.jpg" />
<meta property="og:type" content="website" />
<meta property="og:title" content="My web site" />
<meta property="og:description" content="My description !" />
Try adding ?fbrefresh=ANY_RANDOM_NUMBER after your URL.
Like this :
<meta property="og:url" content="http://www.mywebsite.com?fbrefresh=9999" />
you need to use link for og:url not a meta tag
<link property:"og:url" content="http://www.mywebsite.com?fbrefresh=9999">
An easy one I hope, I just can't find the solution online, I am using the following code -
<meta property="fb:admins" content="626317029" />
<meta property="og:title" content="Derby West | Local Business Advertising" />
<meta property="og:type" content="website" />
<meta property="og:image" content="http://www.derbywest.co.uk/images/fblogo-derby-west.png" />
<meta property="og:url" content="http://www.derbywest.co.uk/index.php" />
<meta property="og:site_name" content="Local Advertising for Local Business" />
But Facebook insists on use the first image (which is the background) when my site is referenced. Any help?
Works perfectly fine for me, after putting it in the Debugger:
https://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.derbywest.co.uk%2Findex.php
If some OG tags don´t work as expected, it´s good to test the URL in the Debugger. It will tell you what´s wrong, and it refreshes the data.
http://www.malayalam-dictionary.com/ has been developed Facebook open graph tag with the instruction of https://developers.facebook.com/docs/reference/plugins/like/
when share link through facebook, it doesn't working
At the same time google+ shows exactly how expected :)
Here is code
<meta property="og:title" content="A complete Malayalam English Dictionary" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://www.malayalam-dictionary.com/" />
<meta property="og:image" content="http://www.malayalam-dictionary.com/images/logo.jpeg" />
<meta property="og:site_name" content="malayalam-dictionary.com" />
<meta property="og:description" content="A complete Malayalam dictionary." />
<meta property="fb:admins" content="100001641332681" />
DEMO
It shows up perfectly fine when i put it in facebook.
If the OG Tags don´t work, always check the link in the debugger:
https://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.malayalam-dictionary.com%2F
It also refreshes the OG data.
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.