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

Chat

Oh, the operator is not available. Leave us your comments. We will answer all your questions as soon as possible.

Comments

Anonymous
Καλησπέρα.
Anonymous
the infinteis -3/15 so 1triition / infinet
Anonymous
e
Anonymous
<a href="https://inspirum.pl "
Anonymous
[url]https://inspirum.pl[/url]
LaceJaguar65
e
LaceJaguar65
e
LaceJaguar65
e
LaceJaguar65
e
LaceJaguar65
e
LaceJaguar65
e
LaceJaguar65
e
LaceJaguar65
e
LaceJaguar65
e
LaceJaguar65
e
LaceJaguar65
e
LaceJaguar65
e
LaceJaguar65
e
LaceJaguar65
e
LaceJaguar65
e
LaceJaguar65
e
LaceJaguar65
e
LaceJaguar65
e
LaceJaguar65
e
LaceJaguar65
e