Skip to the content.

Open Graph Protocol (OGP)

The Open Graph Protocol (OGP) comprises meta tags utilized in web pages to manage their presentation when shared on social media platforms like Facebook, Twitter, LinkedIn, and others. These tags offer structured data, aiding platforms in comprehending the content and presenting it attractively and informatively.

By employing Open Graph tags, website owners can specify metadata including title, description, image, and URL for accurate representation of shared content, ensuring consistency and optimization across platforms.

Here’s an HTML example of Open Graph tag implementation:

<html prefix="og: http://ogp.me/ns#">
  <head>
    <meta property="og:title" content="Your Page Title" />
    <meta property="og:description" content="Your Page Description" />
    <meta property="og:image" content="http://example.com/image.jpg" />
    <meta property="og:url" content="http://example.com/page" />
    <meta property="og:type" content="website" />
  </head>
  <body>
    <!-- Your webpage content goes here -->
  </body>
</html>

In the example, og:title specifies the page title, og:description offers a brief description, og:image sets the image URL, og:url defines the canonical URL, and og:type specifies the content type.

By integrating Open Graph tags, content creators enjoy several benefits:

Implementing the Open Graph Protocol empowers content control, enhances engagement, reinforces branding, and potentially boosts website visibility in search results.

Refs: The Open Graph Protocol