What do you need to do with your HTML page in order to be able to use Open Graph properties in it?

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


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:

 <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" />
Related 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