I am sharing my website video page on Facebook. I have used a high resolution image in og meta tag.
My Issue
When I use the highlight feature for my post, facebook doesn't shows the big image like it is doing in the YouTube video sharing case. I am using following code:
<meta property="og:site_name" content="MysiteName"/>
<meta property="og:url" content="Post URL"/>
<meta property="og:title" content="你好，喬，這是工作"/>
<meta property="og:type" content="video" />
<meta property="og:image" content="Image Url" />
<meta property="og:description" content="Enter Your Sub Headline Text Here"/>
<meta property="og:video" content="Video Url" />
<meta property="og:video:type" content="application/x-shockwave-flash" />
<meta property="og:video:width" content="2048" />
<meta property="og:video:height" content="1024" />
<meta property="fb:app_id" content="AppID" />
Little preview to show, what i want to achieve. http://screencast.com/t/rxCbLySMEn
Please help to resolve the error.
Which link are you passing in og:video?
YouTube does that with the use of the og:video tag.
og:image for normal image
og:video when video in highlight mode
The URL needs to be in this format:
<meta property="og:video" content="http://www.youtube.com/v/k86xpd26M2g">
Related
I have a problem with the recognition of the tag og:image in my site.
This is the code generated in my php app
<meta property="og:title" content="Fondazione dell'ordine degli psicologi dell'abruzzo onlus" />
<meta property="og:type" content="article" />
<meta property="og:image" content="https://www.ordinepsicologiabruzzo.it/images/img_jolly.jpg" />
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="243" />
<meta property="og:image:height" content="227" />
<meta property="og:url" content="https://www.ordinepsicologiabruzzo.it/news/in-primo-piano/fondazione-dell-ordine-degli-psicologi-dell-abruzzo-onlus.html" />
<meta property="og:site_name" content="Ordine degli Psicologi della regione Abruzzo" />
But in the facebook debugger tool the image is not taken quickly and fb advice me to use og:image:width and og:image:height but... these tags are here!
I have tried using the http (and not https) version of the site but is the same.
The website is: www.ordinepsicologiabruzzo.it and a lot of pages are just correctly scraped.
Any ideas?
Your website is not currently declaring og-image in the head. You can see this by visiting your site and viewing source. You'll notice that some of your OpenGraph tags are also missing their content value, including og-image:type, og-image:width, og-image:height.
If you check Facebook's Developer tools, you will be told the same thing, that you are missing og-image.
Add the og-image tag, and just use // for the beginning of content link.
<meta property="og:image" content="//ordinepsicologiabruzzo.it/images/img_jolly.jpg" />
when i share my site post in facebook then not show that post featured image in facebook. show different default image. how i can solve this? my site link
i already use this open graph code.. but it's not work
<meta property="og:title" content="Bangladesh Time">
<meta property="og:type" content="website">
<meta property="og:url" content="http://bangladeshtime.com/">
<meta property="og:image" content="http://bangladeshtime.com/_files/mainlogo.png" />
<meta property="og:description" content="">
<meta property="og:site_name" content="Bangladesh Time">
Your image is to small. The minimum image size is 200*200px regarding to the documentation.
Edit: In your website's markup i can't find the open graph tags. In addition, your markup is invalid:
<center><img src='http://bangladeshtime.com/head-test-eng.jpg'></center>
<!DOCTYPE html>
<html><head><meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
...
Facebook og:image is not showing.
I used Facebook debugger: https://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fmuserk.sourcepadstage.com%2Fvideo%2Findex%2F53145ccd4f26109a448b50c6
og:image part shows blank but can be clicked.
Here's my meta btw:
<meta property="og:image" content="http://<?php echo $_SERVER['SERVER_NAME']; ?>/static/img/nega.jpg" />
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="300" />
<meta property="og:image:height" content="300" />
<meta property="og:title" content="Check out what I made on Muserk.com" />
<meta property="og:site_name" content="Check out what I made on Muserk.com" />
<meta property="og:description" content="Muserk.com gives you the ability to legally add music to your videos and share them with the world!" />
<meta property="og:url" content="http://<?php echo $_SERVER['SERVER_NAME'] . $_SERVER['REQUEST_URI']; ?>" />
My image is 200x200 in size.
And my site has a password, does it affect the og:image?
As your website is password protected. Facebook cant read it content.
So it is showing Error parsing input URL, no data was scraped.
I have an issue playing embedded video on Facebook. I'm using the jwplayer player to post video on Facebook using an iframe (like youtube). In my embed file I use the properties below:
<meta property="og:type" content="movie" />
<meta property="og:video:height" content="260" />
<meta property="og:video:width" content="420" />
<meta property="og:video:type" content="application/x-shockwave-flash" />
<meta property="og:title" content="Neighbors title " />
<meta property="og:description" content="A couple with a house." />
<meta property="og:image" content="video Image file path added here" />
<meta property="og:video" content="http://example.com/jwplayer/jwplayer.flash.swf?file=xyz.mp4&autostart=true" />
But this is not working. Is there any Facebook account setting required to play the video? Every time I search on Google it redirects me to share stories and canvas URL.
You need to use JW5 for this - http://www.jwplayer.com/blog/publish-your-videos-to-facebook-with-a-jw-player/
Also FB embedding requires HTTPs now.
I have a lot of products and want to share each one with different title and description in Google plus instead of page meta tags. How can i do that?
Google+
Will recognize:
<meta itemprop="name" content="The page Title for sharing">
<meta itemprop="description" content="The description less than 200 characters">
<meta itemprop="image" content="http://www.yoursite.com/image-200x200.jpg">
Facebook
Open Graph Tags (Other Social networks read it too):
<meta property="og:image" content="http://www.yoursite.com/the-page-thumb-200x200.jpg" />
<meta property="og:title" content="The page Title for sharing" />
<meta property="og:type" content="website" /> (or "article")
<meta property="og:url" content="http://www.yoursite.com/the-url-for-sharing" />
<meta property="og:description" content="The Description less than 200 characters" />
<meta property="og:site_name" content="Your Site name" />
<meta property="fb:app_id" content="your-facebook-app-id" />
<meta property="fb:admins" content="your-facebook-user-id" />
Get app-id
# https://developers.facebook.com/
Login with your FB credentials and then setup a facebook app.
Use the Debug tool
# https://developers.facebook.com/tools/debug
to see how your Data is seen.
Twitter Tags
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="#publisher_handle">
<meta name="twitter:title" content="The page Title for sharing">
<meta name="twitter:description" content="The description less than 200 characters">
<meta name="twitter:creator" content="#author_handle">
<meta name="twitter:image" content="http://www.yoursite.com/image-200x200.jpg">
instead of page meta tags
You cannot. Google+ will only fetch data about the page from the page. You cannot override it with URI parameters or though any JS API.