Community forum for knowledge and support

Updated 11 months ago

Creating Open Graph Images in Webflow

At a glance

The community members are discussing how to create an open graph image for a website built with Webflow. A community member suggests using Figma to create the image, and confirms that the Facebook Post frame size is the same as the open graph image dimensions. The discussion then focuses on whether an open graph image is needed for every page of the website, or if a single home page image can be used. The consensus is that individual images for important pages (like product pages) are preferred, while a global image can be used for less important pages. The community member shares their website and confirms that they have individual open graph images for each page, which is deemed correct.

Useful resources

How do I create an open graph image? Webflow seems to have some very specific ratio

D
S
D
11 comments

Use the Figma > Frames > Social Media > Facebook Post will give you the answer you’re looking for

that's the same size as an opengraph image?

Thank you
Do I need to include an open graph image for every page?

I would, as then it doesn’t matter which page of your website is shared, it will always have an associated OG image

Thank you . Do you use the home page OG image for all the pages, or a different one for each page?

I would have a global image for pages which aren’t so important, but for all main pages I would have an individual image, eg: product pages

Here's the website - openshift.app
Now I have individual OG images for each page. Is that correct, or should I just use the home page image?

That’s all good .

Lovely site, if you need any other help feel free to DM me

Add a reply
Sign up and join the conversation on Slack