> For the complete documentation index, see [llms.txt](https://help.anonivate.com/help-center/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.anonivate.com/help-center/faqs/how-to-add-opengraph-images-in-webflow.md).

# 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 %}