anonivate® Help Center
  • 👋Welcome
  • Getting Started with Webflow
    • Step 1: Creating an account
    • Step 2: Choose a Site plan
    • Step 3: Invite us to your workspace
    • Step 4: Recieve/Transfer a project
  • SEO Essentials
    • Meta Title & Descriptions
    • OpenGraph Images
    • Alt Text for Images
    • Page Slug
  • FAQs
    • What is a staging domain?
    • What is a custom domain?
    • How to Add OpenGraph Images in Webflow?
Powered by GitBook
On this page
  • Step 1: Choose Your Image
  • Step 2: Go to Page Settings:

Was this helpful?

  1. FAQs

How to Add OpenGraph Images in Webflow?

PreviousWhat is a custom domain?

Last updated 1 year ago

Was this helpful?

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.

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.

OpenGraph images