Wat het is
og:image is een meta-tag, <meta property="og:image" content="https://jouwdomein.nl/afbeelding.jpg">, die social platforms en berichten-apps precies vertelt welke afbeelding te tonen in de voorvertoningskaart wanneer de link van je pagina wordt gedeeld. In tegenstelling tot de titel- en beschrijvingstags is er hier meestal geen automatische terugval om op te vertrouwen — zonder deze tag tonen de meeste platforms simpelweg een voorvertoning met alleen tekst en geen afbeelding, wat merkbaar minder uitnodigend opvalt naast andere gedeelde links die er wel een hebben.
De afbeelding moet worden aangeduid met het volledige, directe webadres (geen relatief pad), en gehost op een locatie die publiek toegankelijk is zonder dat inloggen nodig is.
Waarom het belangrijk is
Een gedeelde link met een visuele voorvertoning wordt aanzienlijk meer opgemerkt en aangeklikt dan een link die als kale tekst verschijnt, simpelweg omdat hij meer visuele ruimte inneemt en substantiëler overkomt in een drukke social feed of chatthread. Dit geldt op vrijwel elk platform dat linkvoorvertoningen genereert — de afbeelding is vaak het grootste visuele element in de hele voorvertoningskaart.
Een ontbrekende og:image is ook een van de vaker voorkomende hiaten bij social delen, juist omdat het makkelijk is om de titel- en beschrijvingstags (die alleen tekst zijn) in te stellen en te vergeten dat de afbeelding een eigen, apart en correct opgemaakte tag nodig heeft.
Hoe je het oplost
- Kies een afbeelding die de pagina goed vertegenwoordigt in een brede, ongeveer liggende beeldverhouding (1200×630 pixels is een veelgebruikte aanbevolen maat).
- Upload de afbeelding ergens op je eigen site zodat hij een stabiel, direct webadres heeft.
- Voeg
<meta property="og:image" content="https://jouwdomein.nl/pad/naar/afbeelding.jpg">toe aan de<head>-sectie van de pagina, met het volledige adres, niet een relatief adres. - Als je een websitebouwer gebruikt, zoek dan naar een uploadveld "Afbeelding voor social delen" op die specifieke pagina in plaats van rechtstreeks code te bewerken.
- Test met Facebook's Sharing Debugger of LinkedIn's Post Inspector — deze tools helpen ook om het gecachete (verouderde) voorbeeld van een platform te wissen als je een afbeelding bijwerkt die al eerder is gedeeld.