OpenGraph

What is OpenGraph?

OpenGraph is a protocol that allows web pages to become rich objects in social media. By embedding OpenGraph metadata in your links, you can control how your content appears when shared on platforms like Facebook, Twitter, LinkedIn and more. This leads to increased visibility and engagement, making it essential for effective online marketing.

Optimize Your Links with OpenGraph Metadata

With Bitsy’s OpenGraph feature, you can enhance your links by providing essential metadata that enriches how they are presented on social media. This metadata includes titles, descriptions, and images that attract clicks and drive traffic.

​

How to Implement Bitsy OpenGraph

​

Step 1: Set Up Your Parameters

When configuring OpenGraph, you need to define specific parameters for your links. The key parameters include:

• has_opengraph: Boolean indicating if OpenGraph metadata is included.

• meta_title: Title for the link, up to 150 characters.

• meta_description: Description for the link, up to 250 characters.

• meta_image: URL of the image to use for the link’s metadata.

​

Step 2: Define Your OpenGraph Metadata

Here’s a straightforward structure for your OpenGraph metadata configuration:

1. Set has_opengraph to true to indicate metadata is included.

2. Provide the meta_title, meta_description, and meta_image for optimal presentation.

​

Example OpenGraph Configuration

Here’s a sample of how you might structure your OpenGraph configuration:

{
  "has_opengraph": true,
  "meta_title": "Amazing Content on Example.com",
  "meta_description": "Discover the incredible insights and stories at Example.com.",
  "meta_image": "https://example.com/image.jpg"
}

​

Explanation of the Example

• has_opengraph: Indicates that OpenGraph metadata is active.
• meta_title: The title displayed when the link is shared.
• meta_description: A brief description that provides context for the link.
• meta_image: The image that represents the content visually.

​

Step 3: Testing Your Setup

Before deploying, it’s essential to test how your links appear on social media:

1. Use tools like Facebook’s Sharing Debugger to preview how your OpenGraph metadata is rendered.

2. Ensure all fields are correctly populated and that the image displays as intended.

​

Conclusion

Implementing Bitsy OpenGraph can significantly improve your link’s visibility and engagement on social media platforms. By setting up clear parameters and testing your configuration, you can ensure your content reaches its maximum potential audience.