How to fix og url mismatch on Webflow
Set a unique, page-specific og:url meta tag on every page that exactly matches that page's canonical URL.
Steps for Webflow
- In Webflow Designer, open the Page Settings for a given page (click the Pages panel → gear icon next to a page).
- Scroll to the 'Open Graph Settings' section. In the 'Open Graph URL' field, ensure it is blank or set to the correct page URL — if it contains a hardcoded URL (e.g. the homepage), clear it. Webflow uses the published page URL by default when this field is empty.
- For Collection (CMS) pages (e.g. blog posts, product detail pages), open the Collection Template page settings, go to Open Graph Settings, and bind the OG URL field to the CMS item's slug/URL field using the '+' dynamic binding icon so each item gets its own URL.
- If you've added a global og:url via a custom code embed in the <head> (Site Settings → Custom Code → Head Code), locate and remove or fix that hardcoded tag.
- Publish your site, then use 'View Source' on a CMS item page and a static page to verify the og:url is unique and matches the canonical URL on each.
- Use the Facebook Sharing Debugger to force a re-scrape and confirm the corrected values.
What is og url mismatch?
The `og:url` tag is a small piece of HTML in your page's `<head>` that tells social networks, messaging apps, and AI systems the "true" address of a page when someone shares it. When this tag is missing or set to a site-wide default (for example, always pointing to your homepage), every single page on your site tells the world it lives at the wrong address. A correct `og:url` should always equal the canonical URL of the exact page it appears on — never a template value, never your homepage, never an alternate URL.
When `og:url` mismatches the canonical URL, shares on Facebook, LinkedIn, Slack, WhatsApp, and other platforms create links that point to the wrong page — sending potential customers somewhere they didn't expect, or even to a 404. AI tools that cite your content (ChatGPT, Perplexity, Bing Copilot) read Open Graph data to form citations; a wrong `og:url` means citations and backlinks generated from shared content point to the incorrect URL, splitting your link equity and diluting your rankings. For ecommerce specifically, a product link shared by a happy customer that resolves to the homepage instead of that product costs you direct conversions. Search engines also use Open Graph data as a consistency signal; persistent mismatches can reduce crawl trust in your canonical declarations.
See the complete Og url mismatch guide for every platform and the full background.
Not sure if your Webflow store has this?
Run a free SEOLZ scan — we’ll find og url mismatch and every other issue across your whole site.
Scan my site free