Facebook Post Preview—See Your Post Before Sharing

Have a comment?

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.

What is on your heart?

Can you preview your Facebook posts?

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. Fortunately the answer to the preceding questions is: Yes you can, and you can also take complete control over how your posts look. Let’s dive into it.

Short Answer: The Sharing Debugger

If you only came to this site asking “Can you preview Facebook posts”, the short answer is yes.

Facebook fortunately has a post preview tool for working with your sharing. 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 preview does not look as you expect, it would be worth investing some time into it. Especially if you produce articles that you want people to share.

OG Tags—the Secret Behind Sharing

If you use WordPress, and prefer to not learn about OG tags, scroll down to the next heading to read about OG tag plugins.

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 always first look for these, and if they don’t exist, it will try to extract information from around the page.

As an example, here are the basic OG properties 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 as used on the article you are reading.

<meta property="og:url" content="https://skylimit.productions/blog/facebook-post-preview/"/>
<meta property="og:type" content="article"/>
<meta property="og:title" content="Facebook Post Preview—See Your Post Before Sharing""/>
<meta property="og:description" content="Can you preview your Facebook posts? 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. Fortunately the answer to the preceding questions is: Yes you can, and you can also take complete control over how&hellip;"/>
<meta property="og:image" content="[URL TO MY SHARING IMAGE]"/>

So if you share this post (wink, wink), or preview it, you will see exactly that information.

You can preview a Facebook post before sharing.
A post preview of our front page. 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. Here are links to two of Facebook’s own resources:

Long introduction to OG tags.

Research the OG properties.

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. On the plus side that one got a vast amount of options. On the minus side, it completely takes over your site, making it rather bothersome to get to work alongside custom work—which is what we do here at Skylimit Productions. Therefore I do not have extensive experience with it, but recommend it if your are ready to put time on SEO work with every single post.

Control Your Sharing

Final words. Spend time on this, and it will get better. Time is always of the essence. Whichever tools you choose, the content will always be the most important part to your site, and then what you choose to extract into your sharing and what you choose to serve up to google.

So if you have the time, check out your preview, and get back to the drawing board, then check your preview again. Or, if the time is not there, maybe hire someone else to do it for you (like for example us).

This one was written by Benjamin Antoni

Reaching about 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

Tips & Tricks

How to turn on Dark Mode on Facebook Messenger

Hello darkness my old friend. I'm here to flick your switch again. Short Answer In the Messenger app, click your own profile photo, then flick the "Dark Mode" switch directly. In the Facebook app or on the web, it is not currently available, but it seems to be in development. How to turn on Dark…

Tips & Tricks

How to Increase Instagram Engagement in 2019

Let me break it to you at once. The keyword is engagement. We are not looking for just likes or comments. We are on the search for genuine human interaction. Just like in real life. A lot of the problem with Instagram engagement in 2019, is that people are so tired of spam. Tired of…


Cards WordPress Theme

We are getting close to launching our second WordPress Theme, called Cards. And as the name suggests, it is built around a whole lot of cards.

Tips & Tricks

How to Always be Successful

That is a big title, right? Aren't we all chasing success in some way or the other? But to claim that it's possible to always succeed... well, hang in there just a second. In order to capture the elusive success, we have to pin her down! Who is she, and when do we even know…


7H Batterier Brand Development and Website

An old battery store, packed with as much experience as there are batteries, gets a new owner and needs to build a fresh brand. We are contacted, and the rest is history.

Tips & Tricks

5 Tips For Working With a Digital Agency

Before starting a project, be it web design, a video or some branding work, there are some things you as a customer may do to make the process as swift and cost effective as possible.