Using Open Graph Image

Using Open Graph Image

Webflow has its own Open Graph Image URL field for each page.

To add Open Graph Image, you need to:

  • Create an image with recommended dimensions—at least 1200px by 630px and with 1.91:1 aspect ratio.
  • Upload it to Webflow.
  • Open it in a new tab as shown on the image above.
  • Copy its URL from a browser’s address bar.
The Open Graph preview.
  • Paste the link to the Open Graph Image URL field for the required page as shown on the image.

If you need to insert the same image throughout the site, add meta tag with a link to your open graph image to the Head section in Webflow project settings instead:

[code https://github.com/dumkaio/blog/blob/master/using_open_graph_image/code.html]

It might be interesting for you

Let’s create together

Start a project

Let’s create together

What are your interested in?

Budget

Timeframe

Personal details

Thank you for getting in touch!
We appreciate you contacting us.
We will get back to you shortly.
Dumka
Something went wrong while submitting the form.
Close