How to Add Open Graph title, description, and image on Webflow

Adding Open Graph (OG) tags is crucial for controlling how your content appears when shared on social media. These tags enhance click-through rates by providing a preview of your content.

How to do it on Webflow

On Webflow, Open Graph (OG) is relatively straightforward.

And here is how you get the link for the OG image and paste it to your page.

To go further and optimize how to share your website on Twitter, feel free to have a look at the CSS trick article https://css-tricks.com/essential-meta-tags-social-media/#aa-final-markup

Do's

Don'ts

Tools
Don't have the Checklist yet?