I have added a Facebook Like-Button to my website, which works perfectly. It shows the perfect link to my website on the wall of the persons who click it.
There's only one problem and I can't seem to solve it in any way.
The link also includes a preview of my website, but instead of a complete preview or a preview of my header it shows a picture of one of the link-buttons of my website!
The script itself doesn't contain anything to change or set a preview picture and changing names of pictures, links and header doesn't solve it either. No matter what I do, it still keeps on showing the button...
What can I do bout it?
I've contacted my serverhost but they don't know it either?
You can set the image that shows on Facebook with the following og tag in the head of your page:
<meta property="og:image" content="http://example.com/image.jpg" />
Facebook requires some more open graph tags. (Formerly known as meta tags.)
You have to make sure the facebook linter correctly interprets your page. Use the Facebook debugger to check and fix all issues.
try to refresh facebook catch by submitting link here . If you still have problem , you can provide custom images by with open facebook graph . Refer
Related
Facebook will randomly take posts I have shared on a company page and make the preview image blank/white. It is maddening.
Here's what I do to replicate:
Copy URL that I want to share
Go to Facebook's debug and check URL to confirm a preview image shows
Go to Facebook and share the URL in a post
Preview image is blank/white
Example URL: https://hoist.digital/content/blog/know-the-value-of-phone-calls-and-grow-your-business-with-call-tracking
Open graph code in on that URL
<meta property="og:image" content="https://hoist.digital/images/3/1/d/5/1/31d518d87ae71ad5bb2acc907b3ad304b99971e1-graphicstock-beautiful-young-mother-with-her-newbornsoeul9rzz.jpg" />
<meta property="og:image:secure" content="https://hoist.digital/images/3/1/d/5/1/31d518d87ae71ad5bb2acc907b3ad304b99971e1-graphicstock-beautiful-young-mother-with-her-newbornsoeul9rzz.jpg" />
Video of me replicating this: https://hoist.digital/facebookattempt.webm
If the open graph code is there, it's secure, what else could be causing Facebook to occasionally flake out and make some of the preview images white/blank? Here's a strange kicker too... sometimes I can edit/refresh the preview image within Facebook, and the preview image will show again... but in a few days it goes back to white/blank.
Unfortunately, it is well-known problem on Facebook that has not been fixed for years and there is no canonical answer to your question.
The main problem is URIs using HTTP works just fine and URIs using HTTPS do not. So first of all, you should try to change your og:image:secure property to og:image:secure_url, because due to documentation there is no og:image:secure property.
If it does not help, you can explore this thread and you gonna try different options unless, of course, you have tried it yet.
Please pay attention to such methods:
Try to add og:image:url (yes, it is similar to og:image but sometimes it can help).
Try to remove og:image:secure_url property (yes, it is looking strange, but it is Facebook, and it also might work).
Try to add other og properties such as og:image:type, og:image:width, og:image:height
I'm trying to set up the Facebook social Comments Plugin and use the Page-based Moderation View. I've added all the necessary code, but the "Moderation Tool" link does not appear next to the Comments box. The page does not require a logon. What am I doing wrong? The page is http://www.ergo-sum.net/music/MaudIrving.html and you can see the source to see the code I put in it.
You will need to set up the OG tags correctly for your page. Also the value of <meta property="fb:admins" content="..."/> should be your user id and not URL to your profile. Once you fix these issues, run you URL through the URL debugger to ensure that the crawler has picked up the new values correctly. It will also display any issues that you URL may have and you will need to fix those as well.
When I share a page from my website, I have ANY thumbnail attached to my post on Facebook. But, if I preview my page with the Facebook debug tool, Facebook is showing me the thumbnail.
You can try it here developers.facebook.com/tools/debug/og/object/
In the input URL put this page: http://www.team-exodia.fr/forum/threads/ouverture-de-la-section-garrys-mod-darkrp.6641/.
Now you see the thumbnail if the page is shared.
But now if you share this you didn't see the image preview on Facebook.
(https://www.facebook.com/sharer.php?u=http%3A%2F%2Fwww.team-exodia.fr%2Fforum%2Fthreads%2Fouverture-de-la-section-garrys-mod-darkrp.6641%2F)
This issue is all of my page on my forum. I don't understand.
Does anyone know what's happening here? Thanks.
It works fine for me, although you do not have any Open Graph tags on your website. You should ALWAYS include them, the debugger tells you about that too. Here´s a nice list of the needed ones: http://ogp.me/
Dont´t forget to refresh the URL(s) in the debugger after changing it, the Facebook cache can be tricky.
Using the "Share" link of a page does not always show the picture of the page as thumbnail in the Facebook link. For example, linking the page http://www.tekes.fi/tekes/tulokset-ja-vaikutukset/caset/2013/managed-outcomes-tuotantotalouden-logiikkaa-terveyspalveluihin/ to Facebook by using the red "Share" > "Facebook" link at the bottom of the page makes the link show in Facebook so that the picture of the article also shows in the link. However, linking the page http://www.tekes.fi/nyt/blogit-2013/katoavatko-tyopaikat/ in the same way does not show the picture in the Facebook link. The "Share" links in the pages are implemented by using the AddThis Toolbox.
When copying the urls of the above links directly to Facebook, both of the links are shown with pictures in Facebook as they should.
Could you tell us what could cause the problem with the "Share" link? Is there something wrong with the "Share" link implementation? Is there a solution to this problem? We have tried to add a
<meta property="og:image" content="<picture url>" />
tag to the pages with no effect. The Facebook debugger tool (https://developers.facebook.com/tools/debug) tells about both of the pages the same things: that the 'og:image' property should be explicitly provided, even if a value can be inferred from other tags, and that the provided og:image is not big enough and that an other image will be used instead.
Here are some other urls where the picture shows correctly when sharing it to Facebook using the "Share" link:
http://www.tekes.fi/nyt/uutiset-2013/suomen-peliteollisuus-nousi-kahteen-miljardiin/
http://www.tekes.fi/nyt/uutiset-2013/suomalaisyritys-pistaa-kampoihin-pelikonsolijateille/
http://www.tekes.fi/nyt/uutiset-2013/verkosta-vauhtia-liiketoimintaan-ict-ammattilaisten-avulla/
Here are some other urls where the picture does not show correctly when sharing it to Facebook using the "Share" link:
http://www.tekes.fi/nyt/uutiset-2013/yritys-suomen-puhelinpalvelu-tarjoaa-hyvan-kanavan-yrittajille/
http://www.tekes.fi/tekes/tulokset-ja-vaikutukset/caset/2013/lasten-sijoitukset-vahenivat-raisiossa/
The magic begins with using <figure> tag around article image. In this case, sharing works better. For example in Facebook and Google+.
I am using Facebook comment box in my website for commenting purpose on pictures, its working fine, i am also using a share button which is working fine too, but the problem is when its shared or users do commenting on the picture it is shared to their walls but a default website logo is shown there, i want to share the current picture on which user made comments or shared it ... I am posting it here because i couldnt find it on google or i was unable to make a query for google.. Thanks in advance
Test your link at https://developers.facebook.com/tools/debug to see what thumbnails are pulled in by facebook when shared.
To configure which thumbnail to show when an URL from your site is shared you have to add this property to your html source in the header.
<meta property='og:image' content='url to First Image in your Page etc'/>
More details about meta tags for FB at this link.