Why is a meta tag og:type useful and how do you use it?

Experience Level: Mid-level
Tags: HTML Open Graph Protocol

Answer

The meta tag with an attribute property that has a value og:type defines a type of the Open Graph object that describes a web page. The type is stored in a value of an attribute content.

By adding a meta tag with this property, you define a type of the content that is presented on your web page. The social networks will then be able to better understand what your web page is about.

These are the most used types:

  • website
  • article
  • profile
  • book
  • music.song
  • music.album
  • music.playlist
  • music.radio_station
  • video.movie
  • video.episode
  • video.tv_show
  • video.other

A web page that has  Open Graph Protocol meta tags enables the page to become an open graph object. This object can then be exported to social networks or other 3rd party systems that understand Open Graph Protocol.

<head>
  <meta property="og:type" content="article" />
</head>


 

Other Open Graph Protocol job interview questions
Open Graph Protocol
Open Graph Protocol

Are you learning Open Graph Protocol? Try our test we designed to help you progress faster.

Test yourself