# How to Add OpenGraph Images in Webflow?

[OpenGraph images](/help-center/seo/opengraph-images.md) are the visuals displayed when links from your website are shared on social platforms like Facebook, Twitter, and LinkedIn.

### Step 1: **Choose Your Image**

* Select an image that represents your page well. This could be a logo, a key visual from the page, or a custom graphic. 
* Ensure the image is properly optimized for web (compressed if necessary).
* The recommended size is usually **1200 x 630 pixels**. You will need to upload it into webflow and copy the **URL**.

### **Step 2: Go to Page Settings**:

* In the Webflow designer or editor, navigate to the page to which you want to add an OpenGraph image.
* Open the page settings and find the 'Open Graph Settings' section.
* Paste the image URL in the 'Open Graph Image' field.

{% hint style="info" %}
You have the option to set an OpenGraph title and description for the page if you would like them to be different from your meta title and description.
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.anonivate.com/help-center/faqs/how-to-add-opengraph-images-in-webflow.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.