Unless you take direct action to control how your website appears when it’s linked to on Facebook, you’ll be at the mercy of whatever Facebook decides to do. However, taking control of how your website appears when it is linked to is a relatively simple process. Therefore, there’s really no reason not to take action if you haven’t already.
In order for Facebook to display things the way you want it to, you will need to include information in your website’s metadata. Specifically, you’ll be using something called Open Graph Protocol, which easily allows Facebook to scrape all of the information it needs about your website. Here are the tags you’ll need.
- To establish your Facebook page as the website’s administrator:
<meta property=”fb:admins” content=”Facebook ID”/>
- To establish the title that appears when your site is linked to:
<meta property=”og:title” content=”Title (less than 100 characters)”/>
- To establish the image that should appear when linked:
<meta property=”og:image” content=””The image’s URL”/>
- To establish your site’s name – otherwise, Facebook will use the URL as your site’s name):
<meta property=”og:site_name” content=”The name of your site or company”/>
- To establish the description that appears below the title:
<meta property=”og:description” content=”Description (less than 150 characters)”/>
- To link your website to your Facebook App ID:
<meta property=”fb:app_id” content=”Your app ID number”/>
- To link your Facebook page ID:
<meta property=”fb:page_id” content=”Your page ID number”/>
Please note that there is a small difference between some of these tags. Those that are specifically for Facebook begin with an “fb:” in the property tag. Those that are simply Open Graph Protocol tags begin with an “og:”.
So, there you go! The most essential Facebook meta tags you need, all in one place. Feel free to bookmark this post and to use it as a reference!