Open Graph-checker
Plak een openbare URL en we halen de og:title, og:image, og:description en Twitter-kaart op — precies zoals Slack, LinkedIn en X dit weergeven.
Hoe u een preview repareert die niet verschijnt
- 01
Controleer of de tags aanwezig zijn op de gedeelde URL
Niet op de homepage, en niet op de versie achter een redirect - op de exacte URL die mensen plakken. Previews worden uitgelezen uit de uiteindelijke response, dus een tag die alleen op de pagina vóór de redirect staat, kan net zo goed niet bestaan.
- 02
Maak de afbeelding volledig bereikbaar
og:image heeft een volledige https-URL nodig die een vreemde kan ophalen: geen relatief pad, geen login, geen hotlink-bescherming, geen redirect. Kunt u hem niet openen in een privévenster, dan kan het platform dat ook niet.
- 03
Geef hem de vorm die platforms verwachten
1200 bij 630 pixels is de veilige standaard, ofwel ongeveer 1,91:1. Blijf onder een paar megabyte, gebruik JPEG of PNG, en houd tekst ruim binnen het kader, want verschillende platforms snijden verschillende randen af.
- 04
Forceer een herscrape, probeer niet zomaar opnieuw
Elk netwerk cachet wat het de eerste keer ophaalde, ook een mislukking. Gebruik na een fix de eigen debugger van dat platform om een nieuwe ophaalactie te forceren - anders kijkt u naar een gecachete fout en past u dingen aan die nooit stuk waren.
Wat elke tag doet
og:title en og:description
De kop en subtekst van de kaart. Ze overschrijven de paginatitel en meta description voor het delen, wat handig is: de formulering die werkt in een zoekresultaat is zelden de formulering die werkt in een feed.
og:image
Degene die opvalt en degene die het vaakst faalt, bijna altijd omdat hij onbereikbaar is en niet omdat hij fout is. Stel waar mogelijk expliciet breedte en hoogte in - sommige platforms leggen de kaart al vast voordat de afbeelding klaar is met downloaden.
og:url
Het canonieke adres van het item dat wordt gedeeld. Het bundelt betrokkenheidscijfers zodra dezelfde pagina met verschillende trackingparameters circuleert, dus moet het de schone URL zijn, niet de getagde.
twitter:card
Kiest tussen een kleine thumbnail en een grote afbeelding. X valt voor al het andere terug op de Open Graph-tags, dus dit is meestal de enige twitter:-tag die het toevoegen waard is.
Veelgestelde vragen over linkpreviews
Waarom toont mijn link een lege preview?
Negen van de tien keer is de afbeelding onbereikbaar - een relatief pad, een private bucket, of een redirect die de fetcher niet volgt. De rest zijn pagina's die hun tags met JavaScript renderen, wat de meeste preview-fetchers nooit uitvoeren.
Hoe wis ik een gecachete preview?
Via de eigen debugger van het platform, want elk platform houdt zijn eigen cache bij: de Sharing Debugger van Facebook, de Post Inspector van LinkedIn, de kaartvalidator van X. Er is geen universele manier om te wissen, en de link opnieuw delen is niet genoeg.
Heb ik twitter:-tags nodig als ik al Open Graph-tags heb?
Alleen twitter:card, en alleen als u de lay-out met grote afbeelding wilt. Titels, beschrijvingen en afbeeldingen vallen allemaal terug op de og:-tegenhangers.
Heeft de preview invloed op SEO?
Niet rechtstreeks - Open Graph-tags zijn geen rankingsignalen. Ze bepalen wel of iemand op de link klikt zodra die gedeeld wordt, en dat is een ander en vaak groter getal.
Waarom ziet dezelfde link er op elk platform anders uit?
Andere bijsnijverhoudingen, andere lengtes voor de beschrijving, en caches van verschillende leeftijden. Ontwerp de afbeelding zo dat hij nog steeds werkt als de randen worden afgesneden en de beschrijving wordt afgekapt.