Open Graph Meta Tags

Education is not limited to just classrooms. It can be gained anytime, anywhere... - Ravi Ranjan (M.Tech-NIT)

Open Graph Meta Tags

Open Graph was introduced by Face book in 2010. It was designed to integrate face book with other websites. It helped sites to become rich object in social graph, i.e. it allowed WebPages to have the same functionality as other objects have on the face book.

There are various Open Graph Meta tags that help you control your pages on face book. They have different meaning and provide different information to face book so that you page could be displayed accurately on the social media.

These tags do not directly affect on-page SEO, but they are definitely directly linked with the performance of your links on social media.

OPEN GRAPH Meta Tags types with description:

  1. 1) <meta property="og:type" content="article"/>  

This tag is used to show the type of object you are incorporating into the social graph like facebook.com.

  1. 2) <meta property="og:url" content="http://www.example.com"/>     

This tag is used to set the canonical URL for the page you are sharing with social media, i.e. incorporating a web page into the face book, twitter, etc. Once the web page is incorporated it behaves like a social graph (face book) page and enjoys the same functionality of other social graph pages. Its use is recommended when you have more than one URL for the same content.

  1. 3) <meta property="og:title" content="your title"/>  

This tag is used to show the title of your content. You can use this as a headline to appeal the face book users. You can also use a different title here as long as it reflects the same message. It is suggested to keep the length of title between 60?90 characters as if it exceeds 100 characters the face book will truncate it.

  1. 4) <meta property="og:description" content="your descriptive copy"/>  

This tag is similar to the Meta description tag in HTML. It is also used to describe your content. It is displayed below the link title on facebook, so make it compelling so that more people click on it. It is best to keep it around 200 characters long.

  1. 5) <meta property="og:image" contenthttp://www.example.com/image-name.jpg>   

This tag is used to specify the image that you want in the screenshot of your content in the face book. Choose a square image for best visibility in users' timelines.

  1. 6) <meta property="fb:admins" content="USER_ID"/>  

This tag helps you add admin id. Multiple admin ids can be added by using separate tag for each admin ID.

7) <meta property="og:site_name" content=www.example.com> 

This tag is used to display the name of your website.