You’ve got your beautiful website launched and it’s time to share it with the world. Or you’ve just published your latest insightful blog post and you’re equally as excited to get it out there. First stop: Facebook.

You’ll most likely want to share your website win in your fave Facebook group. That way it’ll get tonnes of exposure within a community that’s already quite familiar with you and your business. You carefully draft your message and you include the link to your brand new website or a direct URL to your latest blog post. You click “Post” only to realise your website preview looks awful! Just when you thought you’d ticked all the boxes, Facebook goes and throws a spanner in the works… nice one 🙁

This blog post is all about giving you the tips and tricks to get a good looking Facebook website preview that you’ll be super proud of. You’ll then be posting your website links with confidence.

Preview with the Facebook debugging tool

Make a point of previewing how your website will appear with Facebook’s debugging tool. It allows you to see how Facebook will currently display your website preview by adding your URL and clicking the “Show existing scrape information” button. It also gives you the power to tell Facebook to ‘refresh’ what it sees by clicking the “Fetch new scrape information” button.

Facebook debugging tool 1

Based on what the debugging tool displays for you, you may be ready to post your website on Facebook. Here’s what you want your website preview to look like:

Facebook debugging tool 2

If your website preview doesn’t show anything, click the “Fetch new scrape information” button again. If it still doesn’t show a preview that you’re happy with, let’s investigate further.

Improving your Facebook website preview using Yoast SEO

Hopefully you’re already using the Yoast SEO plugin for your WordPress website. If not, install it and then head to the page or blog post you’re wanting to improve the display of.

On your editing page, scroll down to the Yoast SEO section. Make sure you have set a title and description and if not, write your meta title and description to succinctly sum up what your page is about. Be sure to incorporate your target keyword phrase as well.

Yoast SEO Plugin

Next you may want to modify the website preview details specifically for Facebook. Click on the social edit icon (as shown below) and you’ll bere able to edit the three main elements of your website preview: title, description and image. For best results, upload an image that is 1200×630 pixels in dimension.

And most importantly, ensure that your homepage isn’t titled “Home”. Make sure that your business name is clear.

Yoast SEO Plugin Social Edit

Save your page or blog post and head back to the Facebook debugging tool. Once again click the “Fetch new scrape information” button. Sometimes you may need to wait a couple of minutes and try it again to give Facebook a chance to grab the new information.

Share your website with confidence

There’s nothing worse than seeing someone share their website in a group, only to see it come up minus an image and with a title of “Home”.

Taking the steps outlined in this post needs to be done for every page and post that you share. Keep in mind that others may want to share your website on your behalf, so ensure that it’ll display in a professional way.

Share with confidence!