⏱️ 1 mins read
What is Open Graph?
Open Graph meta tags are snippets of code that control how URLs are displayed when shared on social media. They are important because they make content more eye-catching in social media feeds, tell people what the content is about at a glance, and help Facebook understand what the content is about.
Here are some examples of Open Graph meta tags:
- og:title: This tag specifies the title of the page.
- og:description: This tag specifies a short description of the page.
- og:image: This tag specifies the URL of an image that will be displayed when the page is shared on social media.
- og:url: This tag specifies the URL of the page.
- og:type: This tag specifies the type of content on the page.
Open Graph meta tags are typically placed in the html; section of an HTML document.
Here is an example of how to add Open Graph meta tags to an HTML document:
<head>
<title>My Awesome Page</title>
<meta property="og:title" content="My Awesome Page">
<meta property="og:description" content="This is a description of my awesome page.">
<meta property="og:image" content="https://example.com/image.jpg">
<meta property="og:url" content="https://example.com/my-awesome-page">
<meta property="og:type" content="website">
</head>
