I cannot get the image to show when sharing my site in FB. Below is my open graph code.
I have rescraped using the FB sharing debugging tool (https://developers.facebook.com/tools/debug). soooo many times, and it never displays, in the tool or in a share.
The debugger reports no errors, and lists the correct image.
The image is 1200x630 and exists on the same site.
Using open graph checker displays the expected image.
https://iplocation.io/open-graph-checker.
I have tried everything i can find in posts. but i really need this working for marketing.
Hope someone has the secret sauce.
cheers,
<meta property="fb:app_id" content="123456789"/>
<meta property="og:type" content="website"/>
<meta property="og:image" content="http://www.example.com/images/og2.jpg"/>
<meta property="og:image:secure_url" content="https://www.example.com/images/og2.jpg"/>
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:title" content="my title"/>
<meta property="og:description" content="my description."/>
<meta property="og:image:width" content="1200"/>
<meta property="og:image:height" content="630"/>
Related
Here are the og meta tags I'm using:
<meta property="fb:app_id" content="xxxxxxxxxxxxxxxxx" />
<meta property="og:video" content="http://videogami.s3.amazonaws.com/54c2c58c19d5bdec65000036.mp4">
<meta property="og:video:secure_url" content="https://videogami.s3.amazonaws.com/54c2c58c19d5bdec65000036.mp4">
<meta property="og:video:type" content="video/mp4">
<meta property="og:video:width" content="600">
<meta property="og:video:height" content="380">
<meta property="og:title" content="" />
<meta property="og:image" content="http://videogami.s3.amazonaws.com/54c2c58c19d5bdec65000036.big.jpg" />
<meta property="og:url" content="http://videogami.tv/h/54c2c58c19d5bdec65000036" />
<meta property="og:type" content="video.other" />
If I share the link manually, the embedding works perfectly. But when I share the link through the Facebook /me/feed api, it won't play and just shows a link to the mp4 that says "download file".
Here is an example link: http://videogami.tv/h/54c2bb1719d5bdec65000030
Any idea why this might be happening? I'm pretty sure you don't need a flash player anymore, it said nothing about this in the FB docs that I could find.
It makes no sense that it would work when you manually post it, vs posting the link through the api...
Despite seemingly following all the guidelines for including Open Graph objects in my code, I cannot get Facebook to display my images correctly in the share dialog. These are the meta tags that my website currently provides:
<meta property="og:url"content="http://tombakas.com/delfinariumas/5" />
<meta property="og:type" content="website">
<meta property="og:title" content="Delfinariumas"/>
<meta property="og:description" content="Moderni išmintis per patikrintas lūpas"/>
<link rel="image_src" type="image/png href="http://tombakas.com/static/delfinariumas/thumbnails/5.png" />
<meta property="og:image" content="http://tombakas.com/static/delfinariumas/thumbnails/5.png" />
<meta property="og:image:width" content="600" />
<meta property="og:image:height" content="315" />
<meta property="og:image:type" content="image/png" />
The image is of the 600x315 dimensions, the minimum accepted according to the specification. Regardless, it is still being previewed as a cropped square, instead of showing it at full size. I've scanned the forums and SO to no avail, so I'm really flabbergasted.
Any help would be very appreciated. Thank you!
Recently our videos started to no longer embed on Facebook Pages. Facebook still recognizes the link, shows a thumbnail but doesn't play the video inline. The weird thing is that it still works on a Facebook Wall, just not on a Facebook Page.
This is the page I try to post:
http://zentr.cc/AHRReN
I use this set of OG-tags:
<meta property="fb:app_id" content="148322691992629">
<meta property="og:title" content="How To Make An Interactive Video">
<meta property="og:description" content="">
<meta property="og:image" content="http://ducf06ut3d7t7.cloudfront.net/AHRReN/hqthumb">
<meta property="og:type" content="video">
<meta property="og:video" content="http://d2ma12218neagj.cloudfront.net/player.impl.swf?AHRReN">
<meta property="og:video:secure_url" content="https://d2ma12218neagj.cloudfront.net/player.impl.swf?AHRReN">
<meta property="og:video:type" content="application/x-shockwave-flash">
<meta property="og:video:width" content="1920">
<meta property="og:video:height" content="1080">
<meta property="og:site_name" content="Zentrick">
<meta property="og:url" content="http://zentr.cc/AHRReN">
The Facebook Debugger tells everything is fine:
https://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fzentr.cc%2FAHRReN
Is someone experiencing similar issues or found a solution?
YouTube, Vimeo and Yahoo links are still working, but I can't find what we are doing differently.
I would like to ask how to add data with links after the description to a Facebook post, what meta tags i should use to have such result like image below
http://alternative-spaces.com/UPDATE/screen_shots/GraphProtocol.png
Here is my code
<meta property="og:title" content="Exciting views and amazing floor plans"/>
<meta property="og:url" content="http://mysite.com/"/>
<meta property="og:description" content="sdfsfsd http://mysite.com/" />
<meta property="og:image" content="http://somagrand.com/images/fb_icon.jpg" />
<meta property="og:site_name" content="content"/>
<meta property="og:type" content="company" />
<meta property="fb:app_id" content="229103737100322"/>
<meta property="og:latitude" content="33.8164994"/>
<meta property="og:longitude" content="-116.5469377"/>
<meta property="og:street-address" content="1160 Mission St."/>
<meta property="og:locality" content="San Francisco"/>
<meta property="og:region" content="CA"/>
<meta property="og:postal-code" content="94103"/>
<meta property="og:country-name" content="USA"/>
That post wasnt made by liking a page on that site and therefore wont be concerned with open graph tags. It was done through the legacy REST API action stream.publish - if you go here: http://www.musicolio.com and click the 'share' button at the top you will notice the URL for the popup is something like this (once decoded):
https://www.facebook.com/dialog/stream.publish?action_links=[{"text":"Join Now","href":"http://www.musicolio.com/"}]&api_key=138938132827513&app_id=138938132827513&attachment={"name":"Musicolio","href":"http://www.musicolio.com/","description":"Collaborate on music projects, connect with musicians, find talented musicians, find work in the music industry.","media":[{"type":"image","src":"http://www.musicolio.com/blog/wp-content/uploads/2010/12/micon.png","href":"http://www.musicolio.com/"}],"properties":{"Get Discovered":"Monitored by industry executives","Private":"No Spam","Job Boards":"Get work, get paid","Free":"Get connected for free"}}&display=popup&locale=en_US&next=https://s-static.ak.fbcdn.net/connect/xd_proxy.php?version=3#cb=f24407dddc7a49a&origin=http%3A%2F%2Fwww.musicolio.com%2Ff1be678fb013a1e&relation=opener&transport=postmessage&frame=f11e216310dbbde&result=%22xxRESULTTOKENxx%22&sdk=joey&target_id=
I've highlighted the part you're interested in. More information on this can be found here: http://developers.facebook.com/docs/guides/attachments/
I do have a video sharing website. Have everything setup, open graph tags according to specifications. When I share a video on Facebook everything looks fine (thumb, link, title, description) but the embedded player doesn't show up on the page, shows a blank flash movie
So my question is what am I doing wrong, how can I debug this thing, because I see no way out of this. It would have help if I could see the code used by Facebook, but I can't so I have no way to debug this
URL Eg. http://evahd.com/vutzN
<meta property="og:type" content="article">
<meta property="og:title" content="Frenetic kinetics">
<meta property="og:description" content="">
<meta property="og:url" content="http://evahd.com/vutzN">
<meta property="og:image" content="http://evahq.com/mp/1/vutzN-2.jpg">
<meta property="og:video" content="http://v.evahd.com/vutzN">
<meta property="og:video:type" content="application/x-shockwave-flash">
<meta property="og:video:width" content="640">
<meta property="og:video:height" content="360">
<meta property="og:site_name" content="EvaHD">
Thank you