It is the kind of problem when yesterday everything worked fine and today it's not. Nobody changed anything.
I have this website made with Drupal engine. When I am sharing an article on facebook, the title and the short text from it is visible, but there is no photo.
Open Graphs are configured properly, as the developer debugger of FB is getting the meta tag with an image:
<meta property="og:image" content="http://mysite/page/tolia_74548279.jpg" />
When I am sharing a whole articles catalogue, images are there.
Do you have any idea where to start searching for a solution?
Maybe there is some fb servers problem I don't know about?
The problem was with the facebook. It requires pictures at least 200x200px. Mine were smaller.
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
A couple of days ago wrong images started to appear in Facebook posts during posting, although pages being posted have correct og:image tag, pointing to large enough images.
Does anyone know what a problem would it be? Maybe somehow related to recent API upgrades?
Examples:
1) http://bigpicture.ru/?p=633696 -- OG Object Debugger shows "og:image was not defined, could not be downloaded or was not big enough" warning. The page has:
<meta property="og:image"
content="http://bigpicture.ru/wp-content/uploads/2015/05/Jpsportcars19-800x440.jpg"/>
which is large enough, obviously.
2) http://postila.ru/post/26862259 -- the debugger gives the same warning. Again, the page has correct og:image tag, the picture is large enough. During manual posting we see that Facebook takes wrong picture, one of small pictures present on the page.
Any ideas what is going on with Facebook today and how to fix it?
I currently having a problem with FB OG image on Feed status of https://3dl.aut.ac.nz/.
On profile status. This works fine. It appears that the bug is only happening on HOME(news feed page) status
The site is built in wordPress. Normally I don't stuck on og image on my previous works on WordPress.
On fb object debugger, the site has the correct og image and seems no problem at all.
I suspect its because im using secure server? (https://) Also same thing happens if I try, http://3dl.aut.ac.nz/ (http).
I investigated this issue and found another similar thread on stackoverflow thread. The thread says that this has been an issue with https. However, the facebook.com has a thumbnail when posted the link on FB status.
Is this issue has something to do with the server settings?
Any help will be greatly appreciated.
Ran into the same problem myself. You're trying to share from a secure site using Yoast's Wordpress SEO plugin. Unfortunately, it doesn't properly handle the meta tags for secure images. Yoast includes:
<meta property="og:image" content="https://image-url-here" />
Facebook doesn't like that, but there's an easy fix, by adding:
<meta property="og:image:secure_url" content="https://image-url-here" />
I wrote up a blog post on how to hook into the plugin's wpseo_opengraph_image hook to handle this automatically.
Hope it helps.
https/http should be no problem, i suspect that the image is just too broad. Always use the correct aspect ratio and size: https://developers.facebook.com/docs/sharing/best-practices#images
Use images that are at least 1200 x 630 pixels for the best display on high resolution devices. At the minimum, you should use images that are 600 x 315 pixels to display link page posts with larger images.
Try to keep your images as close to 1.91:1 aspect ratio as possible to display the full image in News Feed without any cropping.
Please bear in mind that the facebook scraper works asynchronously and will need some time (during my tests around 10 minutes) to be able to display an image after seeing it for the first time.
For more information, here's a more thorough answer on a similar problem.
In my case, converting a PNG graphic with transparency to no transparency fixed the error.
Facebook API debug error image
I have a Page Tab app on Facebook currently and want to promote it in the timeline, but when I do I'm not getting a thumbnail.
I've added in the thumbnail meta tag:
<meta property="og:image" content="MY_IMAGE"/>
but it's still not showing - am I missing something? The link to the image is actually in the app code itself and points to an image 111 x 74px in the images folder of the app, so it's not on a different site or anything - and it's an absolute link.
The app link is here FYI: https://www.facebook.com/ValerieCafe/app_451324494932654
Any suggestions appreciated.
I didn't know there was a debugger for Facebook apps online:
https://developers.facebook.com/tools/debug
I'd missed the meta tags out, and actually the way the app was built was not letting Facebook crawl it properly so once I figured out all those problems it works fine. Although, Facebook does seem very slow if you want to change the image used as a thumbnail - it needs at least 24hrs to catch up.
i developed a website
ut when i share any page
in facebook
facebook should recognize my page
and select images to select a thumbnail
but this do not happen in my website
as if facebook can not recognize my page
or cannot read it and select images from it
what should i do
to let facebook recognize my page
and load all images in the page to
navigate left and right to select a thumb for the shared page
Looks like the question has already been answered here. Here is another useful link. Thanks for asking. It made me find out something I can use.
Update: After trying it and finding it not to work I tried the method in this post. It initially didn't work, but that was because I forgot to upload the image. So it may be the case that the original method may still work. Here's the template I used in my head section:
<meta property="og:title" content="your title">
<meta property="og:description" content="your description">
<meta property="og:image" content="http://www.yoursite.com/your-image.jpg">
Update 2: If it seems that Facebook isn't recognizing your code, try their lint tool. This does two things. The obvious one is that it reports any errors in your code. The second is that it refreshes Facebook's cache of the page. I had two pages where the new code wasn't recognized until I did this.
From my own tests, Facebook should find images on your site with no problem, so long as they appear directly in the html (as <img src="path/to/img.png" />1) and not via css (background-image: url(path/to/img.png);).
This is my own-site test, at: http://davidrhysthomas.co.uk/so/fbookImg.html, admittedly this doesn't have a 'share this page' button, so requires you to log into Facebook first, which might make a difference. But I don't have a Facebook developer account with which to test that theory, unfortunately.
Either absolute, or relative, paths seem to make no difference.
from my experience using a drupal site the logo was not recognized because the drupal system renders a relative path. changing this to a full path with http:// and refreshing FB's cache should work