OG-afbeeldingenchecker
Controleer je Open Graph-afbeelding voordat je deelt
Plak een URL om te zien welke og:image deze bevat en hoe die afbeelding eruitziet in linkvoorbeelden. Ontdek ontbrekende, bijgesneden, wazige of niet-werkende afbeeldingen voor sociale media voordat je link live gaat.
Afbeelding gevonden
Controleer of de pagina een og:image-tag met een absolute HTTPS-URL heeft. Zonder deze tag kiezen platforms een willekeurige afbeelding van de pagina of tonen ze helemaal geen afbeelding.
Titel
Beschrijving
framer.com
Grootte en verhouding
Gebruik 1200 x 630 pixels, een verhouding van 1,91:1. Kleinere afbeeldingen worden mogelijk als kleine miniatuur weergegeven en andere verhoudingen worden op elk platform anders bijgesneden.
Titel
Beschrijving
framer.com
Bestand en indeling
Gebruik een JPG- of PNG-bestand van minder dan 5 MB. Houd belangrijke tekst en logo's uit de buurt van de randen, omdat sommige apps de afbeelding bijsnijden tot een vierkant of een smallere weergave.
Platformvoorbeelden
Vergelijk hoe dezelfde afbeelding eruitziet op LinkedIn, X, Slack, WhatsApp en Google, zodat de voorvertoning overal duidelijk is en aansluit bij je merk.
Titel
Beschrijving
framer.com
Een praktische gids voor OG-afbeeldingen
De OG-afbeelding is meestal het grootste onderdeel van een linkvoorbeeld, dus het heeft een grote invloed op of mensen doorklikken. Hier lees je hoe je dit controleert en verbetert.
Wat is een OG-afbeelding?
Een OG-afbeelding is de afbeelding die is ingesteld met de og:image-metatag van het Open Graph-protocol. Sociale netwerken en chat-apps gebruiken deze om de voorvertoning te tonen wanneer iemand je link deelt.
Wat is de beste OG-afbeeldingsgrootte?
1200 x 630 pixels werkt op bijna elk platform. Het komt overeen met de grote kaart van 1,91:1 op LinkedIn, Facebook en X. Voeg de tags og:image:width en og:image:height toe, zodat platforms de afbeelding sneller kunnen weergeven.
Hoe controleer je een OG-afbeelding
Voer de pagina-URL in en voer de controle uit. Controleer of de afbeelding laadt, de juiste verhouding heeft en goed leesbaar is op klein formaat. Bekijk vervolgens de voorbeeldweergave per platform om te zien of er delen zijn afgesneden of dat de tekst te klein is.
Waarom wordt mijn OG-afbeelding niet weergegeven?
Veelvoorkomende oorzaken zijn een relatieve afbeeldings-URL, een afbeelding die wordt geblokkeerd door robots.txt of een login, een te groot bestand, een onjuist contenttype of een verouderde preview in het cachegeheugen. Corrigeer de tag, publiceer opnieuw en vernieuw de cache in de debugger van het platform.
OG-afbeelding vs. Twitter-card-afbeelding
X leest eerst twitter:image en valt terug op og:image. Stel twitter:card in op summary_large_image om de grote afbeeldingslay-out te krijgen. In de meeste gevallen kan één afbeelding van 1200 x 630 voor beide worden gebruikt.
Tips voor OG-afbeeldingen die klikken opleveren
Gebruik een duidelijke kop of productfoto, hoog contrast en een herkenbaar logo. Houd de tekst kort en groot, en maak een unieke afbeelding voor belangrijke pagina's in plaats van één afbeelding voor de hele website te hergebruiken.
Vind OG-afbeelding inspiratie
Bekijk de LinkPreview-galerij om te zien hoe meer dan 1.700 websites hun Open Graph-afbeeldingen ontwerpen, en controleer vervolgens je eigen URL om te vergelijken.
Meer gratis tools: de OG-afbeeldingsformaatcontrole, de Twitter Card-validator, de favicon-checker en de metatag-generator.