Handleidingen voor het oplossen van problemen met linkvoorbeelden
Toont je link geen afbeelding, de verkeerde titel of een oude previewkaart? Kies hieronder de app of website builder. Elke handleiding behandelt de oorzaken, de tags, de afbeeldingsregels en hoe je een vernieuwing forceert.
Apps en platforms
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.
Facebook-linkvoorbeeld wordt niet weergegeven of niet bijgewerkt
Facebook leest Open Graph-tags met zijn eigen crawler en slaat het resultaat tot wel 30 dagen op in de cache. Pas de tags en afbeelding aan en scrape de URL vervolgens opnieuw.
WhatsApp-linkvoorbeeld werkt niet of wordt niet weergegeven
WhatsApp hanteert strikte limieten: de head moet binnen de eerste 300 KB van de HTML staan en de afbeelding moet kleiner zijn dan 600 KB. Als je er eentje mist, krijg je een kleine voorvertoning of helemaal niets.
Linkvoorvertoning in iMessage werkt niet of toont een grijze bubbel
Berichten haalt de pagina zelf op en voert geen JavaScript uit. Zonder og:image en een goed icoon krijg je de eenvoudige grijze bubbel met alleen een titel.
Slack-linkvoorbeeld werkt niet of wordt niet bijgewerkt
Slack vouwt links uit met behulp van een bot die oEmbed-, Open Graph- en Twitter Card-tags leest. De resultaten worden binnen Slack ongeveer 30 minuten gecachet.
Discord-embed wordt niet weergegeven of niet bijgewerkt
Discord haalt de pagina één keer op, leest de tags in de server-HTML en slaat de embed ongeveer 30 minuten op in de cache. Het voert je JavaScript nooit uit.
X (Twitter)-card wordt niet weergegeven of niet bijgewerkt
X genereert de kaart op basis van twitter:-tags, en valt terug op og:-tags. Er is geen validator meer die de cache ververst, dus de oplossing is goede tags plus een nieuwe URL.
Site builders en frameworks
Next.js Open Graph-afbeelding werkt niet
De meeste Next.js-previewfouten worden veroorzaakt door de Metadata API: een ontbrekende metadataBase, een openGraph-object dat het bovenliggende object overschrijft, of een afbeeldingsbestand dat de limiet overschrijdt.
WordPress OG-afbeelding wordt niet weergegeven wanneer je een bericht deelt
Bij WordPress zijn de Open Graph-tags afkomstig van een SEO-plugin of het thema. Twee bronnen die met elkaar conflicteren, een gecachte pagina of een te kleine afbeelding zijn meestal 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.
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.
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.
Herstel de pagina, en vervolgens de cache
Elke handleiding volgt dezelfde volgorde. Zorg eerst dat de tags en afbeelding op je pagina kloppen. Laat de app de gegevens pas daarna opnieuw ophalen, anders wordt de foute versie een tweede keer opgeslagen.
Controleer eerst de tags
De meeste niet-werkende voorvertoningen worden veroorzaakt door een ontbrekende og:image, een relatieve afbeeldings-URL of tags die zijn toegevoegd via JavaScript. Discord en iMessage voeren geen JavaScript uit, dus de tags moeten al aanwezig zijn in de HTML die de server verstuurt.
Bekijk de afbeelding
Gebruik een JPG of PNG van 1200 x 630 px van minder dan 5 MB met een absolute https://-URL. Dat voldoet aan de minimale afmetingen voor elke app in deze handleidingen. Voor WhatsApp moet het bestand bovendien kleiner zijn dan 600 KB.
Wis vervolgens de cache
Elke app bewaart een eigen kopie van je voorbeeld. Het aanpassen van de pagina verandert hier niets aan totdat de app de pagina opnieuw ophaalt.
Veelgestelde vragen over linkvoorbeelden
Waarom wordt mijn linkvoorbeeld niet weergegeven?
De app kan je tags niet lezen of toont nog een eerder opgeslagen kopie. Controleer met de meta-tagchecker wat er momenteel op je pagina staat. Als de tags kloppen, moet de app de pagina opnieuw ophalen.
Welke tags lezen de meeste apps?
og:title, og:description, og:image en og:url dekken LinkedIn, Facebook, WhatsApp, iMessage, Slack en Discord. X leest eerst twitter:card en valt voor de rest terug op de og:-tags.
Hoe zorg ik ervoor dat een app mijn pagina opnieuw ophaalt?
LinkedIn heeft de Post Inspector en Facebook heeft de Sharing Debugger. De meeste andere apps hebben geen verversingstool, dus deel je een URL die ze nog niet eerder hebben gezien, zoals dezelfde link met ?v=2 eraan toegevoegd.