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">
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'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
When I embed video to facebook using the following metadata I am able to embed video succesfully but I don't want facebook to add the text on top of image after embed. How can I do it?
<meta property="og:type" content="movie"/>
<meta property="og:video:type" content="application/x-shockwave-flash" />
<meta property="og:video" content="http://player.theplatform.com/p/yHjoOC/onsite_dev/swf/select/nEdMK4_islkz&autoPlay=true" />
<meta property="og:video:height" content="265" />
<meta property="og:video:width" content="470" />
<meta property="og:video:secure_url" content="https://player.theplatform.com/p/yHjoOC/onsite_dev/swf/select/nEdMK4_islkz&autoPlay=true" />
<meta property="og:title" content="Christina Aguilera On The Voice"/>
<meta property="og:description" content="Christina Aguilera gives insight on her team and competition." />
<meta property="og:image" content="https://mpxstatic-nbcmpx.nbcuni.com/NBCdotCOM/mezzthumb/9d883881039c20870dfeaf068a5be0e7_1c966ee53db728d715881e1cf193ebc2.jpg"/>
Please help me how to achieve this.
Its facebook default behavior so we cannot change it
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!
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