Fix guide · Webflow
How to Add Open Graph Tags in Webflow (2026)
Your Webflow page is missing Open Graph tags — the metadata that controls how your link appears when shared on Facebook, LinkedIn, Twitter/X, Slack, and iMessage. Webflow has built-in OG fields in every page's settings panel; you just need to fill them in.
Why it matters
What this issue costs you
Links shared without OG tags show a generic title and no image preview — they get ignored in social feeds. A well-configured OG image and title can increase click-through from social shares by 2–3x. For sites that rely on content sharing (blogs, portfolios, SaaS), this is free traffic left on the table.
Step-by-step
How to fix: Missing Open Graph tags
Webflow
- 1
Set OG tags on a static page
In the Webflow Designer, go to Pages panel > click the gear icon on your page. Scroll down past "SEO Settings" to the "Open Graph Settings" section. Fill in: OG Title (what shows as the link headline), OG Description (the subtitle text), and OG Image (the preview image — upload one at 1200×630px for best results across platforms).
- 2
Set OG tags on CMS collection pages
Open your collection template's Page Settings. In the Open Graph section, bind each field to CMS data: bind OG Title to your title field, OG Description to your summary/excerpt field, and OG Image to your featured image field. This auto-populates OG tags for every collection item.
- 3
Set a site-wide default OG image
For pages where you don't set a specific OG image, add a default in Project Settings > SEO > Open Graph Image. This ensures every page on your site has at least a branded preview image when shared, rather than showing nothing.
- 4
Test and debug your OG tags
After publishing, test with the Facebook Sharing Debugger (developers.facebook.com/tools/debug/) — paste your URL and click "Scrape Again" to fetch fresh data. For LinkedIn, use the Post Inspector (linkedin.com/post-inspector/). Both show exactly what title, description, and image will appear when your link is shared.
Verify the fix
Run the checker to confirm the issue is resolved
After applying the steps above, paste your URL below. Our checker will re-run every applicable check and show whether missing open graph tags still shows as a failing check.
FAQ
Common questions about missing open graph tags
What size should the OG image be in Webflow?
Use 1200×630 pixels (1.91:1 ratio) for the best display across all platforms. Keep the file under 5MB. Facebook, LinkedIn, Twitter/X, Slack, and iMessage all support this size. Smaller images may not show as a large card preview.
Are OG tags the same as Twitter Card tags?
They're similar but separate. Webflow generates both — OG tags (used by Facebook, LinkedIn, Slack) and Twitter Card tags (used by Twitter/X). The Twitter Card section is just below the Open Graph section in Webflow's page settings. If you only fill in OG tags, Twitter/X falls back to them.
I updated my OG tags but the old image still shows when I share the link. Why?
Social platforms cache OG data aggressively. Use the Facebook Sharing Debugger to force a re-scrape. For LinkedIn, use the Post Inspector. For Slack, post the URL in a DM to yourself — Slack re-fetches after a few minutes. Twitter/X caches for about 7 days.
While you're here
Related fix guides for Webflow
Need a full audit?
This checker spots individual issues instantly. deepseoanalysis.com crawls your whole site and tracks changes weekly, from $24/mo.
See all WordPress fix guides, or run a free check now.