I used a Facebook like button on my website, but when I click the "like" button I don't see the image in my timeline. Everything else works fine.
I use this code:
<meta property="og:image" content="/images/fblogo.jpg"/>
The two other tags are working fine.
<meta property="og:title" content="..."/>
<meta property="og:site_name" content="..."/>
What am I doing wrong?
You must refer to your image as a fully qualified path (http://www.yourdomain.com/images/fblogo.jpg)
be sure you have prefix="og: http://ogp.me/ns#" in your html tag
also, to test - make sure you're using the facebook lint tool, so you defeat the caches of facebook. It also tells you when you have invalid tags and incorrect values for tags.
In got the same error, and solver it by adding property="og:description" to the meta description tag,
this solved my problem but I don´t know if Google likes it....
Related
Working on a site that contains OpenGraph tags. However, when trying to share one of those pages, the Facebook preview isn't populating properly:
For example: https://www.hkinsurance.com/2018/03/noise-reduction-restaurant/
OG Tags:
<meta property="og:locale" content="en_US"/>
<meta property="og:site_name" content="H&K Insurance"/>
<meta property="og:title" content="Noise Reduction for Your Restaurant - H&K Insurance"/>
<meta property="og:url" content="https://www.hkinsurance.com/2018/03/noise-reduction-restaurant/"/>
<meta property="og:type" content="article"/>
<meta property="og:description" content="Reducing noise is key to maintaining ambiance in your restaurant. Learn about noise reduction techniques on our blog. Call 617-612-6515 to evaluate your insurance coverages."/>
You need to enter your page url and click Scrape Again button in the next page.
https://developers.facebook.com/tools/debug/
If this doesn't help maybe you don't have property requirements for og tags.
Check out this: https://developers.facebook.com/docs/sharing/best-practices
For og:image if you changed image for same url, sometimes facebook caching the image and Scrape button doesn't work. You have two options: wait until facebook cleans its cache or change image name and og:image propery path for the new image and Scrape Again.
After a lot of confusion, I discovered that my file was in UTF-16 format, not UTF-8. As soon as I converted it, everything worked.
i'm facing a problem with sharing links on facebook which is displaying the wrong image many times and just sometimes it displays the correct image using the code like this
<meta property="og:title" content="webpage title" />
<meta property="og:url" content="http://www.domain.com/webpage_url.php?id=17515278817738945084phb">
<meta property="fb:app_id" content="app id here"/>
<meta property="og:type" content="website" />
<meta property="og:image" content="http://www.domain.com/large/image.jpg" />
and when debugging the page i get this
The 'og:type' property is required, but not present.
this image is 1000*317px and still not showing up. this happens with all the links of my site. I have to go to url debugger and clear the cache so facebook can get the correct image. so how to fix this problem and make facebook display the correct image directly?
[UPDATE]
using the facebook debugger i get this notice
og:image was not defined, could not be downloaded or was not big enough. Please define a
chosen image using the og:image metatag, and use an image that's at least 200x200px and
is accessible from Facebook. Image 'http://www.domain.com/gallery1/01234.jpg' will
be used instead.
But the og:image is set properly and image size is largr than 200*200 and Facebook displays the correct image after clearing the Facebook cache though it keeps displaying this notice
Try pointing to your index file. eg www.yourdomain.com/index.php when using the facebook object debugger. It fixed the og:name error for me.
When I try to share from http://www.giftry.com I am given the small square thumbnail image instead of the large rectangle. The image linked to in the open graph meta tags is larger than Facebook's recommended 1200x630.
I've tried using the debugger, but there are no errors and everything looks correct. Any thoughts on what I can do?
Here are my og meta tags:
<meta property="og:title" content="I need your gift ideas!">
<meta property="og:site_name" content="Giftry">
<meta property="og:url" content="http://www.giftry.com">
<meta property="og:description" content="Come help me at Giftry — a place where gift givers unite to curate giftries full of fabulous gift ideas. Whether you create your own giftries or explore gift ideas for others, Giftry makes it easy to find ‘just the thing’, for anyone and any occasion. Now, let’s get gifting!">
<meta property="og:image" content="http://ec2-static.giftry.com/img/giftry_gift_surprise_large.jpg">
<meta property="fb:app_id" content="356150731192079">
Seems that I have find a way how to resolve this. When I remove fb:app_id and update url via debuger the rectangular image were shown as expected. Then I have created new fb:app_id and it works fine as well. If I turn back my old app id facebook show me small square thumbnail again.
I've a web page and I want to share it in facebook but the image shown is not ok.
In the HTML code of the web I have:
<link href="http://www.example.com/img/logo2.png" rel="image_src" />
In the options to select the image, there are other images, but not logo2.png
I've tried to delete facebook cache with facebook debugger, but the result is the same.
Edit:
If I add ?v=1 to the end the URL when I share it, the logo option is shown. It means that facebook debugger is not deleting the cache.
Also, I want that the logo image be the first option.
Can you help me?
Solved:
<!-- facebook tags -->
<meta property="og:image" content="http://www.example.com/img/logo.png"/>
<meta property="og:url" content="http://example.com">
<meta property="og:title" content="Portfolio | web">
<meta property="og:description" content="Portfolio">
I think that you may be using the wrong tag. I haven't done this in a while, but I believe that it should be a <meta tag with a property="og:image" and then content set to your image. The following (really old) question addresses this issue/conforms to what I remember: How does Facebook Sharer select Images and other metadata when sharing my URL?
Let me know if it works :)
We're having some trouble getting our like button to work. It seemed to work last week but suddenly it's stopped working.
Basically when clicking "Like", we get an error saying:
You failed to provide a valid list of
administators. You need to supply the
administors using either a "fb:app_id"
meta tag, or using a "fb:admins" meta
tag to specify a comma-delimited list
of Facebook users.
Our <head> section looks like this:
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml" xml:lang="en" lang="en">
<head>
<meta property="fb:app_id" content="number"/>
<meta property="fb:admins" content="number"/>
<meta property="og:title" content="title"/>
<meta property="og:type" content="website"/>
<meta property="og:url" content="url with trailing slash"/>
<meta property="og:image" content="url to image"/>
<meta property="og:site_name" content="Site Name"/>
</head>
Here are one method to solve your problem: -
1 Go to https://developers.facebook.com/tools/lint/
2 In the Input URL paste your page URL where the like button is not working (e.g http://www.mywebsite.com/my-article/)
3 Click the Lint button
That should do, now you can go and visit your page to try the Like button.
4 IF it still does not work, when the Lint tool shows you the result. Scroll all the way down and you will see that there is a Like button.
5 Click that Like button (basically you are liking the flawed page)
That should solve it. If not, then you probably have to wait for facebook to fix it.
http://developers.facebook.com/docs/opengraph
In addition, we've extended the basic meta data to add one required field to connect your page with :
fb:admins or fb:app_id - A comma-separated list of either Facebook user IDs or a Facebook Platform application ID that administers this page.
The solution to this is to use the fb namespace instead of the og namespace:
fb:admins
fb:app_id
Even thought all the meta tags are in the og namespace, these two are not! It makes sense semantically, but given how spotty the Facebook docs are (in terms of typos and old info), I think it's really easy to assume that it should be og (as I did as well!).
Make sure you also add the namespace declarations to your html tag for IE6!
Check two things first:
If your application is without sandbox mode activated.
If sandbox is OFF, go to Developers Link at Apps page. If the user that you selected is not there, try to put and save the app.
It may be the answer for your question.
Change
<meta property="og:type" content="website"/>
to
<meta property="og:type" content="article"/>
Had the same issue until made this change (bug?).