I have followed the official steps from Facebook to create my Like button, pointing to my Facebook page. But when clicking on the Like button to post to my Facebook wall, there is not photo being shown.
I have used the suggested meta tags, still no hope. Any advice is appreciated!
Edited:
The facebook popup is:
And have used the following meta tags:
<meta property="og:title" content="sample title" />
<meta property="og:type" content="product" />
<meta property="og:url" content="https://www.facebook.com/mypagename" />
<meta property="og:image" content="http://www.mydomain.com/images/productimage.jpg" />
<meta property="og:site_name" content="sitename" />
<meta property="fb:admins" content="123456789" />
Another example of this issue, when I use this:
https://developers.facebook.com/docs/reference/plugins/like/
to generate the Like button, for
1. https://www.facebook.com/google - I will see the all the information like title, URL, description, and the image.
2. https://www.facebook.com/KFC - There isn't any information being displayed. This is exactly the same issue as I am facing.
Please advice.
regards
For Facebook pages, you should use the Like Box plugin (as opposed to the Like plugin) as it is designed specifically for liking pages. It has more features aimed specifically for pages. See: https://developers.facebook.com/docs/reference/plugins/like-box/
Related
Just wondering what HTML5 element is shown as the image for a Facebook post which contains a preview of the URL mentioned in the post?
I want to post a link to my website and have my logo appear in the image box of the URL preview...
Hopefully my question makes sense.
You can achieve that by adding Facebook specific OpenGraph meta tags in the header of your webpage.
Here are the meta tags you need to add
<meta property="og:url" content="WEBSITE LINK" />
<meta property="og:type" content="article" />
<meta property="og:title" content="IT WILL APPEAR IN BIG FONTS" />
<meta property="og:description" content="THIS WILL BE SUBTEXT" />
<meta property="og:image" content="LINK OF THE IMAGE" />
you can check out meta tags in details here
Also to verify how it will look and what actually Facebook sees through meta tags you can go to the Open Graph Object Debugger
Example shows what will be seen once you try to share https://images.google.com
Hope this is what you are looking for.
I'm trying to implement a basic Facebook like functionality to a site. I've triple-checked & more the meta tags, but the og:description -text doesn't show up in the FB news feed. The title and the image work fine.
Here's the code:
<meta property="og:type" content="article" />
<meta property="og:title" content="SOG – VEITSIÄ VIIDAKOSTA ARKITÖIHIN" />
<meta property="og:url" content="http://www.finnprotec.fi/webshop/news/2" />
<meta property="og:description" content="Kunhan kirjoitan vaan jotain tekstia nyt." />
<meta property="og:site_name" content="Finnprotec.fi" />
<meta property="og:image" content="http://www.finnprotec.fi/webshop/kuvat/kuva517a8539a91f1.jpg" />
<meta property="fb:admins" content="6700009220" />
<meta property="fb:app_id" content="348235131938688" />
When I click on the link on the page, the description shows up nicely under the title:
But when I click on the send button, this shows up on my FB feed:
This is what I'm trying to get:
The url of the current page is: http://www.finnprotec.fi/webshop/news/2
I have tried to clear facebook's cache with the facebook linter, but that hasn't helped.
I just ran into this. I found that the description is actually there - you have to hover over the image to see it. It shows it in the format you want sometimes, depending on the size of the post where you're viewing it.
For example, after I've liked my post, I don't see the description in the post shown when I click on my name and view my wall (where the posts are smaller).
But I do see it when I just go to facebook.com and I view the larger version shown in my stream.
I realize this isn't really answering the question; I couldn't find a way to get it to show the description consistently.
add this two lines to your code after og:image
<meta property="og:image:width" content="400" />
<meta property="og:image:height" content="300" />
it must work
I have tried some of the older responses already posted on the site, but am still struggling to get the code to work.
I have developed a site using iweb, its basic - I am no coder, www.ondulinetileeffectroofingsheets.com , i have easily managed to insert a working video from youtube, and thought that simply copying and inserting the HTML snippet for the facebook like button would also work but the image fails to work, so when I copy and paste the from the facebook developers site, the Facebook image doesn't not appear. - any ideas - thanks in advance x ?
You are going to want to take a look at this link :
https://developers.facebook.com/docs/opengraph/
In there there are details of how to implement og:tags on your page. These tags help the Facebook to decide what image, text and links will be taken from your page to be displayed in the "like" dialog.
The tags look something like this :
<meta property="fb:app_id" content="YOUR_APP_ID" />
<meta property="og:type" content="YOUR_NAMESPACE:recipe" />
<meta property="og:title" content="Stuffed Cookies" />
<meta property="og:image" content="http://example.com/zhen/cookie.jpg" />
<meta property="og:description" content="The Turducken of Cookies" />
<meta property="og:url" content="http://example.com/zhen/cookie.html">
I'm using the Facebook head tags to generate specific title, description and images when they want to share a link in their Facebook page, it looks like this:
<meta property="og:title" content="title" />
<meta property="og:description" content="description" />
<meta property="og:image" content="thumbnail_image" />
But if I try to share my link it doesn't pick them up, it just shows the default info. If I look in the source code the meta tags are formatted correctly so I'm not sure what am I doing wrong.
Thanks in advance!
Try the Facebook Debugger to see what's wrong with your page:
http://developers.facebook.com/tools/debug
I build new web site. On every post in my web site I have facebook Like button.
When visitor click on like button post don't appear on his-user home page , only in his profile page.
Can someone tell me why post(like) don't appear on home page?
I use code generated from http://developers.facebook.com/docs/reference/plugins/like (iframe)
Thanks
I remember running into this problem several months ago. This solved the problem for me (then), but the situation may have changed by now. Just put the meta data in the head with the desired info. It may take a while for facebook to notice that you have changed anything.
<meta property="og:site_name" content="Lime" />
<meta property="og:title" content="Lime Title" />
<meta property="og:type" content="article" />
<meta property="og:description" content="With more and more Lime [...]" />
<meta property="og:image" content="" />
<meta property="og:url" content="http://example.com/" />
<!--meta property="fb:page_id" content="18807449704" /-->
Do you mean the news feed in the facebook user's home page?!
It's not used to show the user's actions, read this:
News Feed — the center column of your
home page — is a constantly updating
list of stories from people and Pages
that you follow on Facebook.