Facebook and Twitter Mastery using open graph

Ever shared a link on Facebook only to find it is missing it’s thumbnail or a picture totally different from what you expected appeared?

You might just be missing the Open Graph tags that Facebook developed to get rid of this issue. Bonus is that by doing this, you are providing the structure data that Google is looking for as well!

What is Open Graph?

Facebook introduced Open Graph in 2010 which allows website owners to tell Facebook exactly how your shared contents should be displayed on Facebook.

It can tell Facebook to show:

  • Website Title,
  • URL,
  • Image and
  • description of your blog post/page

How do I use it on WordPress?

If you are using WordPress and installed this Yoast SEO along with the plugins that I recently recommended. You simply need to go to the Social tab inside Yoast to enable it, upload your image and link it to your Facebook Page.

Yoast has an excellent guide for entering the details for Facebook.

OG

Facebook does have it’s own plugin but it has not been updated for 2 years so I won’t recommend to use it.

What if I don’t use WordPress?

You’ll need to manually add at least these tags on to your website.

<meta property=”og:url” content=”http://www.yourdomain.com” >
<meta property=”og:title” content=”Your eye-catching title here” />
<meta property=”og:description” content=”Awesome Description of your site” />

 

The full list can be found here.

After doing either for the WordPress or other method, test your open graph meta tags with Facebook’s own tool here.

Enjoy your customised posting!

 

%d bloggers like this: