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

Experience Level: Medior
Tags: HTMLOpen 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> 

Comments

No Comments Yet.
Be the first to tell us what you think.
Open Graph Protocol
Open Graph Protocol

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

Test yourself