Do you ever share a blog post in Facebook only to have the wrong image — or no image at all! — show in your Facebook post? Maybe you don’t even have the right text showing up describing the blog post either.
Oh, the unholy mess!
Let’s fix the crap out of this problem, shall we?
I’m gonna teach you how to show the right thumbnail on Facebook. There’s a simple, easy, and quick way to get the right image and the right copy (text) showing up when you share a post or page from your WordPress website on Facebook.
We’re going to use one of my favorite free WordPress plugins, SEO by Yoast (see my basic tutorial to optimize the SEO of your blog posts in 7 minutes flat right here!). SEO by Yoast has a fab social media feature that lets you update the metadata you wanna have show up in Facebook and Google+ (lols, I mean Facebook, cuz G+ may as well not exist. #Zing!). What the hell is “metadata”? That’s the paragraph that shows up next to your thumbnail that describes what your blog post or page that you’re linking to is all about.
Here’s how to show the right thumbnail on Facebook when you share a blog post or page from your WordPress site:
Like I said in the video, an alternative is to upload the desired photo manually to Facebook, but this is impractical and doesn’t help if you’re using Hootsuite, Buffer, or another social media tool to schedule your posts in advance. So try what I just taught ya, buddy!
Here are your resources
- SEO by Yoast plugin
- No idea how to find, upload, or use SEO by Yoast? Here’s my excellent video tutorial (first ever!) on how to use this rad plugin to boost the search engine rankings of your content in Google and other search engines in just a few minutes
- Irfanview - software to edit your images. Website looks like it’s from 1997. But it’s legit, don’t worry.
- Facebook’s genius Debug Tool
Remember: for 2014, Facebook has changed its shared link thumbnail dimensions to 377px by 196px; these images show up as rectangles atop of the description. The minimum size is 200px by 200px (as shown in my image in the video); these images show up as small squares to the left of the description. If you can use an image that size (377px x 196px), that would be perfect. Just do your best.
You can crop and resize your photos on your computer using software like Irfanview (it’s free and awesome and I’ve been using it for years!). Then upload it to your media library and set it up via SEO by Yoast. Cool beans!