I'm sharing link in Facebook with thumbnail, i try to test:
In debugger: OK
(https://i.imgur.com/RvBmglE.png)
In desktop: OK
(https://imgur.com/Jb3MRNG.png)
- In mobile: Thumbnail scale image
(https://imgur.com/skibY7U.png)
I used og:image in head with dimension: 1200x360
<meta property="og:title" content="This is title">
<meta property="og:type" content="article">
<meta property="og:site_name" content="Test">
<meta property="og:image" content="https://picsum.photos/id/237/1200/630">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
I can't find any bug why thumbnail in mobile is scaled
Related
It is easy to put youtube video into meta tag. But I am trying to put a facebook page video into the og:video meta tag. However, the video doesn't show up. Any idea?
<!-- https://developers.facebook.com/docs/sharing/webmasters#media -->
<meta property="og:url" content="http://homemaidapp.com/apps/rfsn/test2.php" />
<meta property="og:title" content="test title" /
<meta property="og:description" content="test descritpion" />
<meta property="og:image" content="http://homemaidapp.com/apps/rfsn/image/sample_fb_share.png" />
<meta property="og:type" content="video" />
<meta property="og:video" content="https://www.facebook.com/video.php?v=1013127335421377_990687704332007">
<meta property="og:video:type" content="application/x-shockwave-flash">
<meta property="og:video:width" content="500">
<meta property="og:video:height" content="281">
<meta property="fb:app_id" content="348767955164988"><!-- facebook app id for tracking or advanced function -->
I found the facebook video download link can be used to put into the og:video and I changed the og:video:type to video/mp4. It works.
What's the trick with Open Graph tags to get Facebook to let you to choose from a list of thumbnails?
Facebook auto-chooses the first image I output in my og tags and doesn't give me the ability to choose a second (or third, etc) from the post. The "Choose a thumbnail" control is not enabled and says 1 of 1.
When I debug the page using the Facebook debugger, it successfully shows me all the images and doesn't report any errors.
As an example, here are my og tags:
<meta property="og:title" content="Page Title">
<meta property="og:description" content="Page Description">
<meta property="og:type" content="website">
<meta property="og:url" content="http://www.test.com/index.cfm">
<meta property="og:image" content="http://www.test.com/images/og-3.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image" content="http://www.test.com/images/og-4.png">
<meta property="og:image:width" content="300">
<meta property="og:image:height" content="300">
Put <img src="image.jpg" /> in your object page's <body> for each of your images.
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 have added facebook meta tags to enable my website to run its video remotely from facebook.
When I add the URL on facebook, it shows the thumbnail properly but does not run the video.
Whats the problem?
Meta tags are as below:
<meta property="fb:app_id" content="182061505193038">
<meta property="og:url" content="http://videoof.co.uk/true-blood-true-blood-for-the-holidays.html>">
<meta property="og:title" content=" True Blood: True Blood for the Holidays">
<meta property="og:type" content="video">
<meta property="og:image" content="http://i.ytimg.com/vi/p91VTAFsBoc/0.jpg">
<meta property="og:video" content="http://www.youtube.com/watch?v=p91VTAFsBoc&feature=youtube_gdata_player">
<meta property="og:video:type" content="application/x-shockwave-flash">
<meta property="og:video:width" content="396">
<meta property="og:video:height" content="297">
<meta property="og:site_name" content="Videoof">
and this is my debugged URL : Debug URl
It worked for me: https://skitch.com/sicross/gm8tr/4-facebook
Your page runs through the debugger correctly, and when shared, results in a video alongside your stream story.
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