How do I specify the product image that I want the send button to display. I would like it to display the product on the product page but it seems to just pick up random images from the page.
You'll need to add some og:tags to your page. Please read the Open Graph Protocol Documentation for details on the different tags and what they mean.
A quick example :
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:og="http://ogp.me/ns#"
xmlns:fb="https://www.facebook.com/2008/fbml">
<head>
<title>The Rock (1996)</title>
<meta property="og:title" content="The Rock"/>
<meta property="og:type" content="movie"/>
<meta property="og:url" content="http://www.imdb.com/title/tt0117500/"/>
<meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/>
<meta property="og:site_name" content="IMDb"/>
<meta property="fb:admins" content="USER_ID"/>
<meta property="og:description"
content="A group of U.S. Marines, under command of
a renegade general, take over Alcatraz and
threaten San Francisco Bay with biological
weapons."/>
...
</head>
...
</html>
Once you have placed the correct og:tags and set their values, you can use the URL Debugger to see how facebook views your URL.
Related
I made an app for Facebook. The 'like' description shows up in share but on people's Timeline it does not appear. I have debugged and tried over and over but it's still not working. The image appears, the link, the site name but no description.
These are the metatags I use:
<meta property="og:{tagName}" content="{tagValue}"/>
<meta property="og:image" content="..."/>
<meta property="og:title" content="..."/>
<meta property="og:url" content="..."/>
<meta property="og:site_name" content="..."/>
<meta property="og:type" content="blog"/>
<meta name="keywords" content="giggle">
I just don't understand why the description appears on the main Facebook page but not the Timeline.
After having done an extensive amount of digging for a project of mine that had the same problem (that's how I found this question). I've come to the conclusion that this is the basic facebook functionality, and there's no way around it.
I checked out two popular websites that should be doing it correctly and here you can see the New York Times in News Feed:
and Time Line:
Also, Upworthy in News Feed:
and Time Line:
Just a question about sharing image on social networks as Fb, Twitter... when they are stored on inkfilepicker.
In my head section, I have put opengraph tags or link but image is never displayed when sharing.
<meta property="og:image" content="https://www.filepicker.io/api/file/pZFD49sHQ0yazsb1mTKD">
<link rel="image_src" href="https://www.filepicker.io/api/file/pZFD49sHQ0yazsb1mTKD">
Any ideas where it may come from ?
Thanks,
Jul
<img src=" image link here " />
Please try to write as above .
I'm currently using this Open Graph tags, and they works, i have changed the connection to database in php to the <header> section of the page, without the "og:image:width" and "og:image:height" tags, the first time the article is shared, no image is shown, due to a Facebook cache problem.
<meta property="og:image" content="/path/to/image" />
<meta property="og:image:width" content="image_width_in_pixels" />
<meta property="og:image:height" content="image-height_in_pixels" />
<meta property="og:url" content="url_being_shared" />
<meta property="og:type" content="article" />
<meta property="og:title" content="title_of_article" />
<meta property="og:description" content="description_of_article" />
You can find more information about that in:
https://developers.facebook.com/docs/sharing/best-practices/#precaching
I created a feed dialog on my website for a news page, I can share this news content without any issue to FB, but once in Facebook I want to share it there, I get the picture and description from a like button on my site.
This is the link for sharing from site to FB
<img src = "http://www.nwheelsandheels.be/img/share_button2.png">
part1
but when sharing it on FB again I get the picture and details from my like button on the home page.
part 2
For my like button the details are set in meta tags, can this be the issue (it has a different app id)
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta property="fb:app_id" content="190271261128958" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://www.nwheelsandheels.be" />
<meta property="og:title" content="N. Wheels and heels" />
<meta property="og:image" content="http://www.nwheelsandheels.be/img/logofb.png" />
Any help will be welcome, Thanks Johan
I am trying to get my like button on my website www.nacts.com.au to add to the ones on our Facebook page but receive this message:
You have tags ouside of your . This is either because your was malformed and they fell lower in the parse tree, or you accidentally put your Open Graph tags in the wrong place. Either way you need to fix it before the tags are usable.
But it is actually placed like this under PHP
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://developers.facebook.com/schema/" "html xmlns:fb="http://ogp.me/ns/fb#" >
<head>
<title>North Australia Career & Training Services</title>
<meta property="fb:app_id" content="191402794307447" />
<meta property="og:title" content="North Australia Career & Training Services" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://www.nacts.com.au" />
<meta property="og:image" content="http://nacts.com.au/images/NACTS4.png" />
<meta property="og:site_name" content="NACTS" />
<meta property="fb:admins" content="566419298" />
<meta property="og:description" content="North Australia Career & Training Services">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="msvalidate.01" content="3123382E32539EBE8C53C2CA69F7510D" />
<meta name="google-site-verification" content="bExkQFnEooJVIoZIm70CO8H8Yjx_FfyyCC6hNE_SeoA" />
<meta name="keywords" content=" training rockhampton, training rocky, rockhampton training,training,train,career development,mining,course,Resumes, Resumes Rockhampton, Tenders,Tender Writing, Marketing,business services,Rockhampton Business Services ,Courses,North Rockhampton Training,Industry Courses,Workplace Development,Rockhampton Career Advice,Career Development Rockhampton,RPL,North Australia,career,training Services,funding, Grants" />
</head>
What am I doing wrong?
The answer to your issue is in the error description. You have to embed the og: meta tags in the <head /> section of the HTML code. Please read more about how open graph tags work here: http://ogp.me
EDIT
Based upon the edits to the question, now knowing the URL of www.nacts.com.au, it's much easier to troubleshoot.
I do see one meta tag that is in the BODY section and not in the HEAD. It is <meta property="fb:page_id" content="148187795268337">
I have 661 people on my page, but only one appears on my wall.
Anyone know why?
You have to set OpenGraphs for your pages.
Then facebook will know which image to set as a thumbnail, title and description.
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:og="http://ogp.me/ns#"
xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
<title>The Rock (1996)</title>
<meta property="og:title" content="The Rock"/>
<meta property="og:type" content="movie"/>
<meta property="og:url" content="http://www.imdb.com/title/tt0117500/"/>
<meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/>
<meta property="og:site_name" content="IMDb"/>
<meta property="fb:admins" content="USER_ID"/>
<meta property="og:description"
content="A group of U.S. Marines, under command of
a renegade general, take over Alcatraz and
threaten San Francisco Bay with biological
weapons."/>
...
</head>
...
</html>
this is an example of an OpenGraph