How To Fix A Facebook Share, No Image Result

How To Fix A Facebook Post With No Image

Having trouble with your Facebook post image not showing?

It is annoying when you get a grey box instead of a featured image on your Facebook shares.

You spent hours writing your new blog post or book promotion article. Then, when you share it on Facebook, there is no social media image. Just an ugly grey box for Facebook users.

There is no problem with Facebook when you upload an image in full size. These could be for profile pictures or a cover image for your Facebook page.

Any directly uploaded photo is rendered immediately to suit Facebook picture sizes and aspect ratio and stored on your page.

If you write a new post and directly upload an image, there is usually no problem either.

But you should know that your image will not have a link attached, which is not great for mobile users.

You have to add a link at the end of your text manually. But it is often so small that it is difficult for mobile users to click.

It is a better idea to use a link image to create a new Facebook post to add your blog post or article.

 

But sometimes these can cause a problem of Facebook share, no image with shared links

You can share any page on the Web, including a post on your blog or website using a share app.

Facebook scapes the page and pulls the text title and description as well as the image. But the image is not stored on Facebook.

The image you see on your post is pulled from your blog. It works the same for a personal profile or business page.

It doesn’t matter if you use a share button on an external website or paste the site link into the Facebook post editor.

When you share a page link it will appear on other Facebook user’s news feeds with the correct text and an image.

It will look something like the image below.

FB image with post

When you share a page successfully, you will see three separate parts. At the top is the text, including the page link address. The link is often abbreviated, but it will still work.

Next is the image. When rendered correctly, the image is also a link. This makes it much easier for someone using a mobile device. All users have to do is click on the image with their finger or thumb.

Lastly, there could be a box for SEO meta content. It will only show if the external page has these meta description tags included in the original post.

But occasionally there are Facebook gremlins at work. These are the result of some background code tags going wrong.

Facebook uses a system based on what is called Open Graph tags (OG). These meta tags set the parameters for all the text and Facebook image sizes in a shared post on Facebook.

When the OG image tag for the image upload display sizes goes wrong, Facebook loads nothing or a grey box in place of the image. It can also happen if your image is smaller than 200 pixels.

These are the two possible results when this meta property OG image content tag for your image URL is malformed. One is gray box and the other is no image at all.

Facebook image grey box

Facebook no image

Both results are going to get you a lot less attention and engagements for your post. Some social media marketers say, no image, no clicks. The expression is very true, so you need to fix the problem.

 

Related reading: The Long And Winding Road Towards More Website Traffic

 

Fix 1. How to repair a Facebook post with a missing image

The easiest fix is to add a new post by using the URL of the page you want to share.

Not sure how to copy the URL link from your blog post? You can read our article on how to copy and paste a URL link.

Go to your Facebook post editor on mobile or desktop.

Facebook create post box

Where it says Write a post, paste your page link to your blog post.

image rendered

You can see my pasted URL link at the top. It might take a few seconds, but if your image renders, then all is okay with your image and link previews.

The next step is to add your text. You can overwrite the URL link if you like because your image will be the link.

add text

Now you can post your shared link, and everything will work perfectly. You might also want to delete your earlier post that had no image.

 

Fix 2. If your image still fails, use the Facebook Debugger

If step one is not successful, there is another way to get Facebook to recognise your image.

You need to go to a Facebook developers page called the Facebook Sharing Debugger. It is also sometimes called the Facebook Link Debugger.

If you want to copy the address it is ‘https://developers.facebook.com/tools/debug/sharing/’.

You will see this screen when you reach the debugger tool.

facebook debugger

Enter your URL link and then click Debug. The debug too will try to correct your open graph meta tags.

If you do not see your image on your first try, click Scape again once or twice.

debugger success

When you see your image appear, you will know that Facebook can now see your image tag and image dimensions correctly.

Go back to step one, and share your blog page again and your post will work perfectly.

 

Fix 3. When all else fails

If you get a grey box after steps one and two, the last resort is to rename your image on your blog or website.

By doing so, it will tell Facebook to start a new scape of your blog page, which will almost always work.

To do this, delete your featured or first image from your blog. Now save your image with a new file name. For instance, if your image file name was flossy.jpeg, change it to newflossy.jpeg.

Also, make sure that your image is larger than 600 x 315 pixels.

Now upload your image with the new file name to your blog post and re-publish it.

Then use step one again, and your post should have an image.

 

Conclusion

Images on your Facebook page such as your profile photo or a Facebook event cover photo are stored on Facebook. You will never have any problem with these directly uploaded images.

If you run a Facebook ad, your single image is set to the recommended pixels wide setting. Your ad image will fit and work perfectly on Facebook.

But social media images on shared posts of an external page such as a blog post are stored elsewhere on the Internet. This is what can cause the problem of a Facebook post image not showing.

Facebook only renders a copy of an external image. This is the process that can go wrong from time to time.

It is also why you often see small square images that are cropped top and bottom instead of full-size images on Facebook posts. It is because the image dimensions are less than what Facebook requires to render in a larger size.

It is a good idea to use high-quality images on your blog posts. But keep them to a moderate file size. If you use royalty free stock photos or any free images, make sure they are resized appropriately.

If you are not sure about image dimensions, you can use this cheat sheet to check.

The same process of rendering occurs on most social media sites. You can use steps one and three to fix a similar no image problem on a shared post on Twitter or Linkedin.

You should share and promote your blog posts or book promotion articles on social media. But it is vital that your image renders correctly. Especially for phone and tablet users.

Don’t ever settle for an ugly grey box on your Facebook shares.

 

Further reading: How Will Your Book Cover Look On Facebook And Twitter?

 

Derek Haines

Derek Haines is an Australian author, living in Switzerland.

2 thoughts on “How To Fix A Facebook Share, No Image Result

  • August 22, 2019 at 10:09 pm
    Permalink

    When I (or anyone else) tries to share my business page by creating a post using the share button (for example, the Share button by my Page’s background picture), the resulting post doesn’t populate with a preview of my page and it is not clickable.

    Instead of a link and a clickable preview there’s just an unclickable grey area with my page name in it. This problem also exists if I try to share my page through a private message.

    If I manually copy the URL and paste it into a message or post, the link works ok, but the grey, non-populated preview is still there.

    The debugger tool is not useful as it can’t scrape FB URLs. Facebook chat support reviewed my problem and couldn’t solve it. They referred me to the purgatory of general “Report a Problem” email. I did that days ago and have yet to even get a confirmation message.

    Any ideas would be appreciated.

    Any ideas?

    Reply
    • August 22, 2019 at 10:17 pm
      Permalink

      Hi Charles. The problem could be with your original images. If you post from your blog, scrape your blog page. The problem of no image is usually caused from where the image originates.

      Reply

Add Your Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.