Preview Your Facebook Posts Before Sharing

You have just finished setting up your website, and it looks amazing. The only problem is, you have no idea how it looks if somebody shares it to Facebook. And you definitely don’t want to share a bunch of posts only to see how they look.

The Facebook Sharing Debugger

Facebook fortunately has a tool to work with the sharing information. Go to Facebook’s Sharing Debugger and enter the url you want to share. Click Scrape, and preview what Facebook sees on your page.

If this looks horrible, it would be worth investing some time into it. Especially if you produce articles that people are likely to share.

The Facebook OG Tags—the Secret Behind Sharing

There are some meta tags you can put in your site’s header to control exactly how Facebook sees your post—they’re called OG tags. Facebook will automatically pull information from these before anything else. As an example, here are the basic OG tags for a blog post/article:

  • og:url—Clean url with no unnecessary parameters to ensure that everyone shares the same exact url.
  • og:type—In the case of an article the type would be article.
  • og:title—A title. Don’t brand yourself here, keep it to the subject.
  • og:description—Obviously a description.
  • og:image—Url to image, preferably 1200 x 300px.

And here are the tags themselves:

<meta property="og:url" content="URL"/>
<meta property="og:type" content="TYPE"/>
<meta property="og:title" content="YOUR TITLE"/>
<meta property="og:description" content="YOUR DESCRIPTION"/>
<meta property="og:image" content="URL TO THE SHARING IMAGE"/>
How the OG tags show up in shared posts.

The OG tags shows up in shared posts like this.

You can keep researching sharing options forever at Facebook for Developers. There are as many options as there are types of content being shared on the internet.

WordPress Plugins for Facebook OG Tags

There are WordPress plugins (of course) that creates OG tags from your posts automatically. The biggest one is Yoast SEO. That one’s got it all if you want full control.

Control Your Sharing

Final words. Spend time on this, and it will get better. Time is the essence. Whatever tools you choose, the content will always be the most important part to your site.

Or, maybe hire someone else to do it for you (like for example us).

This one was written by Benjamin Antoni

Soon reaching 10 years experience developing for the web, and have been doing various forms of graphic design since he discovered a copy of Photoshop in his brother's room a long long time ago. Mail him if you want work done.

Mail him

Anything you'd like to say?

Your email address will not be published. Required fields are marked *

You might have left one of the fields blank or be posting too quickly.

Thanks for your comment. We appreciate your response. Reload the page to see your comment.

Please wait a while before posting your next comment.

No comments yet.