Skip to main content
Crowdfunding
Python + AI for Geeks
Practice

Advanced SEO - Open Graph

Let's explore Open Graph, which is used to present web pages on social media platforms like Instagram and Facebook.

Open Graph is akin to a movie poster that displays the movie's title, lead actors, a brief synopsis, along with an image.

Developed by Facebook, the Open Graph protocol is used to provide metadata such as the title, description, and image of a webpage to social media, facilitating the display of link preview images.


Key Open Graph Tags​

Open Graph meta tags control the social media preview of a webpage.

The key Open Graph meta tags are as follows:

og:title​

Defines the title of the webpage.

Website Title
<meta property="og:title" content="Website Title" />

og:description​

Defines a brief description of the webpage.

Website Description
<meta property="og:description" content="Website Description" />

og:type​

Defines the type of the webpage (e.g., website, article).

Website Type
<meta property="og:type" content="website" />

og:url​

Specifies the exact address (URL) of the webpage.

Website URL
<meta property="og:url" content="https://example.com/my-web-page" />

og:site_name​

Defines the name of the website.

Website Name
<meta property="og:site_name" content="Website Name" />

og:image​

Specifies the URL of the link preview image.

Website Preview Image
<meta property="og:image" content="https://example.com/my-image.jpg" />

Want to learn more?

Join CodeFriends Plus membership or enroll in a course to start your journey.