All Posts

How To Optimize Your Link To Create A Great Preview on Facebook

Facebook Previews

Let's say you just published an awesome blog post, or you launched a new page on your site... and now you want your street team members to share it to Facebook. Here's something you probably already know: when a link is shared to Facebook, an image will appear attached to the link. This image is called the preview, and having a great preview is critical to catch your viewer's eye and have them click on your link.Facebook Share OG Meta Tag Image

(via Facebook)

Manipulating The Image

So how does Facebook find the image? Here's the jist: when a link is shared to Facebook, Facebook "crawls" the webpage for an image to use based on certain criteria. Sometimes they are spot on, and the preview will look great on Facebook! Other times, Facebook might pull the wrong photo (or no photo at all) which would make the preview look less than ideal. In any case, may want to make changes to your preview to improve its appearance on Facebook.

The "Open Graph Meta-Tag"

Luckily for you, there's an easy way to tell Facebook which image you want used in the preview. In the HTML code of your webpage, the "og:image" tag can be used to specify the image that appears when someone shares your content to Facebook. All you need to do is add the following meta tag into your webpage's HTML code (these always go in the header section):

<meta property="og:image" content="YOUR IMAGE LINK GOES HERE">

Image Requirements

Here are some image specifications set forth by Facebook which you'll want to know:

  • The minimum allowed image dimension is 200 x 200 pixels.
  • The size of the image file must not exceed 8 MB.
  • Use images that are at least 1200 x 630 pixels for the best display on high resolution devices. At the minimum, you should use images that are 600 x 315 pixels to display link page posts with larger images.
  • If your image is smaller than 600 x 315 px, it will still display in the link page post, but the size will be much smaller.
  • Try to keep your images as close to 1.91:1 aspect ratio as possible to display the full image in News Feed without any cropping across desktop and mobile devices.
  • Facebook's crawler only accepts gzip and deflate encodings, so make sure your server uses the right encoding.  
Share Example OG Meta Tag
(via Facebook)

 

Updating Your Image

If you'd like to change your preview image after it's been shared on Facebook:

  • Use a new URL for the new image or the image won't be updated
  • Don't remove old images, as there maybe existing stories that reference the old image

Note that updating the image for a URL will not automatically update the preview for old shares. To do this, you must refresh the share as described here: "Facebook's Link Sharing FAQ".

Troubleshooting

If you're still having trouble with your images not being displayed correctly for your URL, try plugging your image URL in Facebook's Sharing Debugger to check for any errors.

Have a questions? Leave a reply below!

Watch A Demo

Sebastian Schulze
Sebastian Schulze
Sebastian is a client success specialist who has overseen the research, planning, and execution of all major product releases at PromoTix, Inc. Sebastian ensures a seamless onboarding experience for users, and provides our clients with the tools and support needed to achieve their goals.

Related Posts

5 Ways to Promote Your Music From Home

Getting Creative with Industry Changes The Music Industry has evolved into a different kind of business since Coronavirus has impacted the world. Being an artist or musician during a global pandemic is a challenging career because the typical revenue streams are completely cut off when COVID-19 regulations keep everyone inside and apart. Live music is to be heard live in person and with people around you; it’s hard to make musical experiences feel the same when there is an illness circulating everywhere.