Webflow Open Graph-afbeelding werkt niet
Webflow stelt Open Graph per pagina in, nooit globaal. CMS-sjabloonpagina's hebben een afbeeldingsveld nodig, en elke afbeelding in die collectie moet dezelfde afmetingen hebben.
Laatst bijgewerkt
Snelle oplossing
Open Paginainstellingen, Open Graph-instellingen voor de pagina die je deelt.
Kies bij CMS-sjablonen een afbeeldingsveld uit de collectie.
Gebruik JPG of PNG op 1200 x 630 px, hetzelfde formaat voor de hele collectie.
Publiceer en vernieuw de link vervolgens met de vernieuwingstool.
Waarom de Webflow-afbeelding niet wordt weergegeven
De pagina heeft geen Open Graph-afbeelding. Webflow kan Open Graph-tags niet globaal instellen; elke pagina heeft zijn eigen tags nodig.
De CMS-collectie heeft geen afbeeldingsveld, waardoor het dropdownmenu voor de Open Graph-afbeelding op het sjabloon leeg is.
Afbeeldingen in een collectie hebben verschillende afmetingen. Webflow vereist dat alle Open Graph-afbeeldingen in een collectie dezelfde afmetingen hebben.
De afbeelding is in WebP- of AVIF-indeling. De assetkiezer toont alleen JPG en PNG. Webflow merkt op dat sommige platforms, waaronder LinkedIn, WebP of AVIF hier niet ondersteunen.
De wijziging is nog niet gepubliceerd, of het platform heeft de oude kaart in de cache opgeslagen.
Hoe u dit oplost
Open in het deelvenster Pagina's de Pagina-instellingen en vervolgens de Open Graph-instellingen.
Klik op Afbeelding selecteren en kies een JPG of PNG uit uw assets, of plak een openbare afbeeldings-URL.
Kies voor een CMS-sjabloonpagina een afbeeldingsveld zoals hoofdafbeelding uit het dropdownmenu voor de Open Graph-afbeelding.
Als alle afbeeldingen dezelfde grootte hebben, voeg dan
og:image:widthenog:image:heighttoe bij Site-instellingen, Aangepaste code, Head-code.Publiceer de site en controleer de live URL met de meta tag checker.
Tags die Webflow uitvoert
og:title(of uw SEO-titel als u het selectievakje aanvinkt)og:descriptionog:imageAl het overige, zoals
og:image:width, hoort in de aangepaste code
Regels voor afbeeldingsgrootte
Minstens 1200 x 630 px bij 1,91:1, volgens de handleiding van Webflow
JPG of PNG uit de assetkiezer
Eén formaat voor elke Open Graph-afbeelding in een collectie
Vermijd zware compressie; Webflow raadt aan om een ongecomprimeerde kopie te uploaden voor Open Graph
Hoe u een vernieuwing forceert
Publiceren wist de caches van andere platforms niet. Haal de URL door Facebooks Sharing Debugger en LinkedIns Post Inspector, en voeg een querytekenreeks toe bij het delen op X, Slack of Discord. De vernieuwingstool linkt naar al deze tools.
Bronnen
Veelgestelde vragen
Kan ik één Open Graph-afbeelding instellen voor mijn hele Webflow-site?
Nee. Volgens Webflow zijn Open Graph-tags alleen van toepassing op de pagina waar je ze instelt, dus stel ze per pagina in.
Waarom is het dropdownmenu voor de Open Graph-afbeelding leeg op mijn CMS-sjabloon?
De collectie heeft geen afbeeldingsveld. Voeg er een toe, vul deze in voor elk item en selecteer deze in de Open Graph-instellingen.
Kan ik WebP gebruiken voor een Open Graph-afbeelding in Webflow?
Alleen door de URL te plakken; de selectietool toont JPG en PNG. Webflow raadt JPG of PNG aan omdat sommige platforms WebP niet ondersteunen.
Controleer je pagina en vernieuw vervolgens het voorbeeld
Plak je URL in de gratis checker om te zien welke tags elke app precies uitleest. Zodra de tags kloppen, gebruik je de vernieuwingstool om het oude voorbeeld te wissen.
Gerelateerde gidsen
Framer sociale media-voorvertoning wordt niet bijgewerkt
Framer stelt een sitewide sociale voorvertoning, pagina-overschrijvingen en CMS-afbeeldingen per item in. Als de nieuwe afbeelding live staat maar de oude nog steeds wordt weergegeven, is de cache van het platform de oorzaak.
Shopify-afbeelding voor delen op sociale media werkt niet
Shopify kiest de afbeelding voor delen in een vaste volgorde: eerst de themacode, dan de thema-instellingen en vervolgens de afbeelding in Voorkeuren. Het uploaden op de verkeerde plek is de meest voorkomende oorzaak.
LinkedIn linkvoorbeeld werkt niet of wordt niet bijgewerkt
LinkedIn stelt de kaart samen op basis van vier og:-tags en bewaart een gecachte kopie. Pas de tags aan en laat LinkedIn de pagina vervolgens opnieuw ophalen met Post Inspector.