What do you need to do with your HTML page in order to be able to use Open Graph properties in it?
Experience Level: Medior
Tags: HTMLOpen Graph Protocol
Answer
The only step that you need to do is to add special Open Graph Protocol meta tags into a head tag of your web page.
This way your web page will be represented by an open graph object that will be constructed based on the Open Graph meta tag properties.
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
What does OGP stand for?
HTMLOpen Graph Protocol MediorWhat are the required Open Graph properties that should be on each page that is using Open Graph Protocol?
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 MediorWhy is a meta tag og:type useful and how do you use it?
HTMLOpen Graph Protocol Medior
