Embrace Open Graph Metadata

22 July 2014

What is Open Graph Metadata? Open Graph metadata allows for clever interaction with social media websites. Facebook among others, use Open Graph metadata to read and extract data from your website, turning your website into a social media object.

Why should I care? According to emarketer.com in 2013, there were over 1.73 billion social media users (link - http://www.emarketer.com/Article/Social-Networking-Reaches-Nearly-One-Four-Around-World/1009976), embracing and using the traffic generated they such a large user base is vital.

I’m ready, I want some of that traffic! The following gives a guide to the key Open Graph metadata tags websites should include:

  • og:title The title of your Open Graph object i.e. your page
  • og:type The type of Open Graph object i.e. article, website, video etc.
  • og:image An image to associate with your object.
  • og:url The Url associated with your object i.e. the website address. Note, this will act as the object id, so make sure each page has a unique url.
OGP logo

There are other tags which you may consider including.

  • og:audio An audio file to associate with your object.
  • og:description – A short description to associate with your Open Graph object. Keep it to one or two sentences max.
  • og:site_name – The name of your website, this will be associated with the Open Graph object.
  • og:video - An video file to associate with your object.

If you feel a little uneasy with creating the metadata tags, then here are some tools:

  • Structured Data Testing Tool - link 
  • Structured Data Markup Helper - link

Further information and a full breakdown of all the avaliable Open Graph metadata tages can be found on the ogp.me website. 

If you want any help implementing Open Graph metadata with your website, please feel free to contact us.