What are the required Open Graph properties that should be on each page that is using Open Graph Protocol?

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

Answer

There are 4 required Open Graph properties that should always be present in your HTML code.

  • og:title
  • og:type
  • og:image
  • og:url

Except the mandatory Open Graph properties, the following properties are often used as well:

  • og:description
  • og:site_name
  • og:audio
  • og:video

The Open Graph Protocol properties inserted into your web page could look like this:

<head>
 <meta property="og:title" content="Better Coder - Home Page" />
 <meta property="og:type" content="article" />
 <meta property="og:image" content="https://www.bettercoder.io/images/logo.png" />
 <meta property="og:url" content="https://www.bettercoder.io" />
 <meta property="og:site_name" content="BetterCoder.io" />
</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