Online tools, Social Media

How to: Debug Your Facebook Link Preview

 

I have been having a LOT of trouble with Facebook’s link preview lately, so I wanted to share this tool in case it’s happening to any of my fellow social media marketers out there!

Facebook Link Preview Troubleshooting: A How To

If you have a link you’re sharing on Facebook and the preview image or copy isn’t feeding in correctly, you can run a test to see what information Facebook sees about that URL. I have been using this lately when Facebook isn’t pulling in the information or image I expect, and I’m not sure if that’s just a Facebook glitch or something wrong with the website I’m linking to.

To test your link preview, go to Facebook’s Debugger here: https://developers.facebook.com/tools/debug/

Copy and paste the URL in the box and click “Show existing scrape information.”

Facebook Debugger Link Preview

This will display what Facebook is currently pulling in for that link (description, image, etc.). For example:

Facebook Link Preview Troubleshooting How To

What to do with the results of your test:

  • If the link preview information looks good in the debugger but weird on Facebook, then it’s probably a Facebook glitch that is hopefully temporary. Often trying a different browser, logging out and back in, or waiting a few minutes will solve the issue.
  • If the link preview looks weird in the debugger, it’s probably a problem with the website itself. If that website is one that you have control over, you or your web developer can likely fix the issue.
  • If it’s a problem with a site someone else built, there’s usually not much you can do. My team uses Sprout Social to schedule content, which typically allows you to customize the preview more easily than natively on Facebook. Note that due to a limitation in Facebook’s API, third party social tools (including Sprout) don’t yet have the ability to tag other Pages in posts.
  • If the link preview information in the debugger is outdated, Facebook may have old information cached. You can go back to the debug tool and click “Fetch new scrape information” to force Facebook to pull the new information. If you do this, it is best to also refresh your Facebook page before trying to post again to make sure Facebook resets.

Facebook Open Graph

This information is pulled from Facebook open graph data, which can be specifically defined using meta tags with labels that Facebook can read (i.e. “og:description” or “og:image”) that are inserted into the back end of the website. More on og tags protocol here!

If this content isn’t specifically defined in the code, Facebook will do its best to grab text and images from the page. Usually it grabs the first few words of copy it can find, and the first image or few images. So if you have control over the website you are linking to, you can make sure the data we want is specifically defined in the back end of the website. Otherwise you are at the mercy of the social media gods.

WordPress Plugins to Define Facebook Open Graph meta tags

If you have a WordPress site, I recommend WordPress SEO by Yoast, which (among other amazing features) allows you to define the Open Graph meta data for your site (and customize for each blog post) in an extremely easy-to-use form.

Wordpress SEO by Yoast Open Graph Facebook Troubleshooting

This plugin adds additional fields to each blog post, where you can define the Facebook sharing Title, Description, and image for that post.

Defining Facebook Open Graph data for WordPress blog posts

Happy debugging!

If you enjoyed this post, please consider leaving a comment or subscribing to the RSS feed!

Leave a Reply

4 + eleven =