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> Related Open Graph Protocol job interview questions
Why is og:description meta tag useful and how do you use it?
HTMLOpen Graph Protocol MediorWhat does OGP stand for?
HTMLOpen Graph Protocol MediorWhat do you need to do with your HTML page in order to be able to use Open Graph properties in it?
HTMLOpen Graph Protocol MediorWhy is a meta tag property og:url useful and how do you use it?
HTMLOpen Graph Protocol MediorWhy is a meta tag property og:image useful and how do you use it?
HTMLOpen Graph Protocol Medior
