Open Graph instellen in Webflow
Webflow heeft Open Graph netjes ingebouwd — je hoeft geen code te schrijven. De instellingen zitten per pagina in de Page Settings, en voor CMS-pagina's koppel je velden. De meest gemaakte fout: de afbeelding-URL verkeerd invullen.
De gratis checker toont je previews voor X, LinkedIn, Facebook, Slack en Discord.
Open de Page Settings
Klik in het Pages-paneel op het tandwiel naast een pagina en scroll naar de sectie Open Graph Settings.
Titel en omschrijving
Je kunt de Open Graph-titel en -omschrijving automatisch laten meelopen met je SEO title/description (aanvinkvakje), of ze apart invullen als je op social iets pakkenders wil dan in Google.
De afbeelding: volledige URL
Het Open Graph Image-veld verwacht een volledige URL. Upload je afbeelding (1200×630) eerst naar de Assets, klik op het tandwiel bij de asset, kopieer de URL en plak die in het veld.
CMS Collection pages: gebruik velden
Bij Collection page settings kun je de Open Graph-velden vullen vanuit collectie-velden (bijv. een "Social image"-veld per blogpost). Zo krijgt elk CMS-item automatisch zijn eigen preview.
Publiceer en test
Wijzigingen zijn pas live na publiceren. Plak daarna je URL in de MetaPeek-checker om het resultaat op alle platforms te zien.
Veelgemaakte fouten
- Asset-URL niet gekopieerdHet image-veld wil een URL, geen upload. Vergeet je de asset-URL te kopiëren en te plakken, dan blijft og:image leeg.
- Niet opnieuw gepubliceerdInstellingen in de Designer zijn pas zichtbaar voor scrapers ná een publish naar je live domein.
- Zelfde afbeelding voor elke CMS-paginaAls je in de Collection settings een statische afbeelding kiest i.p.v. een veld, krijgen álle items dezelfde preview. Gebruik een afbeeldingsveld uit de collectie.
Veelgestelde vragen
Voegt Webflow zelf twitter:card toe?
Webflow genereert de gangbare social-tags op basis van je Open Graph-instellingen. Controleer met MetaPeek of X de grote kaart toont; zo niet, voeg twitter:card toe via de custom code (head) van de pagina.
Kan ik per pagina een andere preview-afbeelding gebruiken?
Ja — de Open Graph Settings zijn per pagina, en bij CMS-pagina's per item via velden.
Plak je URL en zie binnen twee seconden of alles klopt — op elk platform.