Why is a meta tag property og:image useful and how do you use it?
Experience Level:
Mid-level
Tags:
HTML
Open Graph Protocol
Answer
The meta tag with an attribute property
that has a value og:image
defines an absolute URL of an image that points to an image that represents your webpage. The image URL will be added to the Open Graph object. The image URL is stored in a value of an attribute content
.
By adding a meta tag with this property, you define an absolute URL of an image that the social networks will be able to read and display to their users.
A web page that has Open Graph Protocol meta tags enables the page to become an open graph object. This object can then be exported to social networks or other 3rd party systems that understand Open Graph Protocol.
<head>
<meta property="og:image" content="https://www.bettercoder.io/images/logo.png" />
</head>
Related Open Graph Protocol job interview questions
-
What do you need to do with your HTML page in order to be able to use Open Graph properties in it?
HTML Open Graph Protocol Mid-level -
Why is a meta tag property og:url useful and how do you use it?
HTML Open Graph Protocol Mid-level -
Why is a meta tag og:type useful and how do you use it?
HTML Open Graph Protocol Mid-level -
Why is a meta tag property og:title useful and how do you use it?
HTML Open Graph Protocol Mid-level -
What social networks support Open Graph Protocol and what advantage is it giving them?
HTML Open Graph Protocol Mid-level