Video tutorial: How to show the right thumbnail on Facebook

Video tutorial: How to show the right thumbnail on Facebook

Video tutorial: How to show the right thumbnail on Facebook

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 mexcellent 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!

Hope this tutorial on how to show the right thumbnail on Facebook was helpful for you! Let me know what you think in the comments!
How to NOT want to kill your web designer: 6 tips

How to NOT want to kill your web designer: 6 tips

Hiring a web designer/developer can be an ordeal — but it doesn’t have to be! Wanna know how to NOT want to kill your web designer? Here are six simple strategies that will help you avoid horror stories and unforgiving migraines, and replace them with love stories of puppies and brunch. (Mmm, brunch.) Sure, some webRead more

The value of working with a specialist vs a do-it-all

The value of working with a specialist vs a do-it-all

Here’s something some of you might not know: I am a web designer/developer who outsources graphic design and branding services. And I’m going to tell you why this is rad news for your business and why it will save you money. Here’s the deal. Per one of my favorite books, Gay Hendrick’s “The Big Leap,”Read more

How a website can help you quit your day job faster

How a website can help you quit your day job faster

If you have a day job and you hate it, if you dream of escaping your cubicle and working with an ocean view, I’ve got a tip for you: get a smashing website. How can a website can help you quit your day job faster? There are several ways. I promise you that a strategicallyRead more

Squarespace vs WordPress: the epic battle

Squarespace vs WordPress: the epic battle

Squarespace vs WordPress … it’s an epic battle, I tell you. One between a younger, charming dilettante with a B.A. and a wise gal with a PhD (and I love nerds, so you can guess which one I prefer). To weigh the various pros and cons and avoid information overload, I’ll give an overview ofRead more

Video tutorial: How to provide PDF downloads from Dropbox

Video tutorial: How to provide PDF downloads from Dropbox

Pretty much everyone I work with offers a downloadable gift to their readers to entice them to sign up to their email list. Me, Website Superhero? I have a Superhero WordPress Plugins Guide you can get for free at the top of the page (don’t have it yet? Scroll up!). Other gals and dudes have emailRead more

Is it time to revamp your website? (The love edition)

Is it time to revamp your website? (The love edition)

Let’s talk about looooooove. You have a website (that’s awesome, by the way. Go you!). Maybe you’ve had it for a while. …And you’re wondering whether it’s time to make it snazzy, make it bolder — make it so sexy that prospects are excitedly signing up to your mailing list and asking to take yourRead more

Video tutorial: Use this free plugin to secure your WordPress site

Video tutorial: Use this free plugin to secure your WordPress site

Let me introduce you to a rad free plugin called Wordfence to secure your WordPress site from attacks and help keep it safe, warm, and cozy (too much?). Sure, it’s not a sexy topic, but let me tell you what’s even more unsexy (and panic-inducing and a total pain in the buuuttt!): getting your websiteRead more

Video tutorial: Where to find images for your website and newsletters

Video tutorial: Where to find images for your website and newsletters

This tutorial covers where to find images for your website, blog, and newzletters. I will show you both free and paid sources for all kinds of photos, illustrations, and so on. I’ll also give you tips on choosing a nice size for these images if you’re using them for your blog posts or your MailChimpRead more

Video tutorial: How to integrate PayPal with MailChimp (or Aweber, etc.)

Video tutorial: How to integrate PayPal with MailChimp (or Aweber, etc.)

Today I’m going to introduce you to Zapier, a mind-blowing new tool that connects apps to each other to simplify tasks, so you can save time and go back to your nap/eating Nutella with a spoon/eating Nutella with a spoon while napping? So many options. There are literally thousands of zaps — each connection betweenRead more

Loading...
Download your free, easy peasy Superhero WordPress Plugins Guide!