> ## Documentation Index
> Fetch the complete documentation index at: https://docs.bsy.sh/llms.txt
> Use this file to discover all available pages before exploring further.

# OpenGraph

> Enhance your links with Bitsy OpenGraph metadata for improved visibility and engagement.

**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:

```json theme={null}
{
  "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.

<CardGroup cols={2}>
  <Card title="Try our API" icon="code" href="/api-reference/bitsy-link/create-link">
    Learn how to Implement Bitsy OpenGraph
  </Card>
</CardGroup>

***