Copywriting

More info

Social Media

More info

Marketing

More info

Workshops

More info

Friday Digital Roundup

The Friday Digital Roundup is a witty take on the weird world of the internet. With fun stories from around the globe, it’s the only email newsletter you’ll actually read and enjoy!

We do love writing it, but clearly not as much as people like receiving it - just look at the response we got when a technical hitch meant it wasn’t sent out on time!

David Morphew @DavidMorphew

I didn't receive the Roundup. The Roundup comes on Friday. Therefore it can't be Friday.

Geraldine Jones @EWC_wordsmith

No digital round-up this week?! My breakfast just wasn't the same without it :(

Helen Taylor @HelenTPermCos

It's the only way to start your weekend and end the week! Miss it, miss out!

Spaghetti Blog

Thursday 22nd February 2018

How To Make Your Facebook Posts Load With The Correct Image

Mon 5th Sep 2016
By Todd

Facebook links now show really sweet image boxes that are totally linkable. They look great and are far more interesting in the feed.

If you use the right images in your content and then share them on Facebook in a certain way, they’ll get more real estate on the timeline and you’re more likely to get people to click through onto your content.

I’m talking about this:

 

Get Facebook to pull the right image from your blog (image or the open graph box)

 

All you need to do to make this happen is to paste in your link into a status update and the box will appear. You’ll get a nice image, some text, and the whole thing is hyperlinked so whoever clicks on it is sent directly to the content you’re linking.

From other people’s content you can’t do too much about the text but you do have the opportunity to select the image if there is more than one like this…

 

 

But your own content may not do this. If your own content and blog posts look crap on Facebook then that’ll affect how many people click on your content and read your great posts. People are much less likely to bother, without an idea of what they’ll see when they get there.

Here’s why it’s not working for you and how to fix it…

 

How to Make Your Facebook Posts Load With the Correct Image with Facebook Open Graph

 

It all because of Open Graph data. Facebook uses code from a web page to decide on the title, the image and the intro copy. If you don’t do anything then it often chooses content from your page title and the first few lines of your content… and it might choose an image if there is one.

But you can choose what appears…

Most websites are built in WordPress these days so I’m going to assume you have WordPress although most sites will allow you to show Open Graph data really easily.

Most WordPress websites will give you the option to have SEO titles and descriptions and from what I’ve seen Open Graph pulls data from here if you do nothing else.

WordPress also allows you to have a featured image. If you feature an image and do nothing else then Facebook will use the featured image too.

So instead of this:

 

Post on Facebook without Open Graph Data

 

You get this:

 

Getting Facebook to show the right image in your links an example of a good post

 

There is a great plugin for WordPress called Yoast SEO which actually allows you to set the OG data too. So, if you’re really into this you can add that plugin and then adjust how your content looks on Facebook and Twitter.

But what happens when you do all this and it still doesn’t work?

What happened when you post on a forum and it doesn’t work?

What happens when Facebook simply won’t load your image correctly?

 

Welcome to the Facebook Debugger for Developers. The debugger lets you update Facebook’s OG data and show you what it will pull from your content.

 

  • Click here to go to the Facebook Debugger
  • Simply paste in your URL into the box at the top
  • Click on ‘Debug’
  • Click on ‘Scrape again’

 

And now you should have a better link preview in the screen.

The Facebook Debugging tool

If you don’t see an improvment, don’t panic, as it doesn’t always show it correctly in the preview. Head over to Facebook and past in your link into a status update to see what loads in the live platform. (You don’t have to publish it to see the Open Graph data box.)

 

A little tip here: When the content loads, simply delete the URL and the box is still linkable. It looks a lot smarter.

 

I do this for every post I share on this blog and it’s also worked on other pieces of content too. Providing the content has an image and the usual SEO title and description info Facebook can generally find the right parts.

If your blog is not showing the image after all this you may need to contact your web developer and ask them why.

HT to Edge of the Web on this discovery. This site was struggling with this issue until Sam Orchard shared the Debugger link with me. A very useful find (thanks, Sam!).

 

So there you go. Got image issues on your Facebook posts? Do one or more of the following…

 

  • Ask the person who looks after your site for you and send them this blog!

Or…

  • Head to the Debugger
  • Use a featured image
  • Update your SEO title and description

Hope that helps. It certainly gets more clicks of your content and it looks better when others share your content too.

One last tip: Use a tool like Pablo or Canva to make your blog images look even more awesome. Images rock for click through rates!

 


Tags associated with this article

Todd

"It's the only marketing email I read regularly" Be part of Friday Digital Roundup - get some fun in your box on a Friday ! - Join us here

0 comments on this article

Post a comment

We'd love to know what you think - please leave a comment!

The Ultimate 101 of Online Marketing for Business

Your FREE Blueprint for Online Marketing

Simple, effective and easy to implement

Get the plan that generates leads and keeps them interested in you!

 

What You’ll Learn…

Setting up the main social media accounts

Creating good emails and how to send them

Why you need a business blog and what to share

And it’s all explained in simple English with no jargon or marketing BS!

Download Now