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

News

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

Branding FOMO

We live in the Information Age, and have more options than ever. More options also means more hard choices, and the risk of being afflicted by FOMO is ever existent—even sometimes seeping into our branding work. FOMO—an abbreviation for Fear Of Missing Out—is a feeling most of us have felt on some level. In short…

Tips & Tricks

Why You Should Use Wix (or Why You Shouldn’t)

Wix is simple and you can do it yourself. “Yourself” being the keyword that determines whether the Wix-way is your way. In this article I weigh the pros and cons of using Wix, versus hiring a professional to manage your web presence. There are many more or less simple tools out there you can use…

Tips & Tricks

How to Add “Products Shown” to Facebook Posts

Have you seen those Facebook posts that have products or services shown on them under the title, "Products shown?" Ever wondered how to show them there? Here is a complete walkthrough of how to do it. How do you add “Products Shown” to your Facebook Posts I made a tutorial video that goes through every…

Tips & Tricks

Facebook Custom Page Tab—Why Should You Get One?

Did you know you can add Custom Facebook Tabs? We make them (and they're quite versatile), but since you shouldn't invest in something without knowing why, the question here would be: Under what circumstances is it worth investing in a Custom Facebook Page Tab? 1. When you already have a lot of traffic to your Facebook…

Tips & Tricks

Why Your Website Fails (and Why Old MacDonald Succeeds)

So you just got a new shiny website up and running, but no one seems to care. Tumbleweed rolls across your url, and no one knows your address—how will your website succeed? It is a challenge everybody has faced, and there are some pretty straight forward answers to this problem. You just bought a property: Your…