Samenvatting
de gratis Open Graph-voorvertoningstool toont hoe een link eruitziet wanneer hij op Facebook, X, LinkedIn en WhatsApp wordt gedeeld, voordat je hem publiceert. Typ de titel, beschrijving, afbeeldings-URL, sitenaam en pagina-URL, wissel tussen de vier netwerken en lees de checklist: een titel van 15 tot 70 tekens, een beschrijving van 55 tot 200 tekens en een afbeelding van 1200 × 630 pixels. Kopieer die waarden daarna naar je og:-tags.
Wil je verder gaan? Vraag het aan
Een Open Graph-voorvertoning beantwoordt één vraag: wat zien mensen wanneer iemand je link in een bericht of chat plakt? Het antwoord komt uit een paar metatags in de head van de pagina. Het Open Graph-protocol, gepubliceerd op ogp.me, noemt vier eigenschappen die op elke pagina verplicht zijn: og:title, og:type, og:image en og:url. Als ze ontbreken, gaat elk platform gokken, en die gok is vaak de verkeerde afbeelding of een menulabel als titel.
Wat toont de Open Graph-voorvertoningstool?
De tool tekent telkens één deelkaart, met een tabblad voor elk netwerk, en werkt die bij terwijl je typt. Elk platform legt dezelfde tags anders uit, en daarom kan een kaart die op het ene netwerk goed oogt op een ander worden afgekapt.
| Netwerk | Wat de kaart in de tool toont | Waar je op let |
|---|---|---|
| Afbeelding, domein, titel en beschrijving | De volledige kaart: elk veld telt | |
| X | Afbeelding met de titel erover, domein eronder | Een zwakke afbeelding verbergt een goede titel |
| Afbeelding, titel en domein | De beschrijving wordt niet getoond, dus de titel moet de boodschap dragen | |
| Een chatballon met afbeelding, titel, beschrijving en domein | De kaart is klein: de eerste woorden van de titel tellen het zwaarst |
Onder de kaart wordt een checklist van drie regels groen of rood: lengte van de titel, lengte van de beschrijving en of er een afbeelding is ingesteld. Als de afbeeldings-URL niet laadt, valt de kaart terug op een lege plaatshouder, en zo ziet een kapotte og:image er ook uit in een echte feed.
Hoe gebruik je de tool, stap voor stap?
- Vul de titel in die je in og:title wilt gebruiken. Die mag verschillen van de titeltag van de pagina: schrijf hem voor iemand die door een feed scrolt, niet voor een zoekresultaat.
- Voeg de sitenaam (og:site_name) en de beschrijving (og:description) toe.
- Plak de afbeeldings-URL, het absolute adres van het bestand dat je in og:image zet, beginnend met https://.
- Voer de pagina-URL in: de tool haalt het domein eruit dat elk netwerk weergeeft.
- Wissel van tabblad om Facebook, X, LinkedIn en WhatsApp na elkaar te controleren, en verbeter de checklist tot alle drie de regels groen zijn.
Er wordt niets verzonden of opgeslagen: de voorvertoning wordt in je browser getekend, dus je kunt ongepubliceerde pagina's en conceptafbeeldingen vrij testen.
Welke Open Graph-tags heeft een pagina nodig?
Vier zijn verplicht volgens het protocol, en twee extra maken de kaart compleet. Het Open Graph-protocol vraagt ook dat een pagina met een og:image og:image:alt opgeeft, een beschrijving van wat de afbeelding toont.
| Tag | Rol | Voorbeeldwaarde |
|---|---|---|
| og:title | De titel van de kaart | Gratis Open Graph-voorvertoningstool |
| og:type | Het type object: website, article, product… | article |
| og:image | De absolute URL van de voorvertoningsafbeelding | https://example.com/og/cover.jpg |
| og:url | Het canonieke adres van de pagina | https://example.com/guide |
| og:description | Een of twee zinnen onder de titel | Bekijk hoe je links eruitzien voordat je ze deelt. |
| og:site_name | De naam van de hele site | Voorbeeld |
| og:image:alt | Een beschrijving van de afbeelding voor mensen die haar niet kunnen zien | Een laptop met een verkoopgrafiek |
De og:url moet overeenkomen met de canonieke URL van de pagina, zodat shares van verschillende versies van hetzelfde adres bij één object worden opgeteld. Om al deze tags in één keer te schrijven, gebruik je de metatags-generator, en lees je ons woordenlijstitem over metatags voor het verschil tussen SEO-tags en socialemedia-tags.
Welk afbeeldingsformaat werkt op elk netwerk?
1200 × 630 pixels, een verhouding van 1,91:1, werkt op de belangrijkste netwerken. Meta vraagt om afbeeldingen van minstens 1200 × 630 pixels voor de beste weergave op schermen met hoge resolutie en een verhouding zo dicht mogelijk bij 1,91:1 om bijsnijden te voorkomen; LinkedIn vraagt om minstens 1200 × 627 pixels met dezelfde verhouding.
| Platform | Aanbevolen formaat | Minimum | Maximale bestandsgrootte |
|---|---|---|---|
| Facebook (Meta for Developers) | 1200 × 630 px, verhouding 1,91:1 | 200 × 200 px; 600 × 315 px voor grote linkberichten | 8 MB |
| LinkedIn (LinkedIn Help) | Verhouding 1,91:1 | 1200 × 627 px | 5 MB |
| Google Discover (Google Search Central) | 16:9, minstens 1200 px breed | Meer dan 300000 pixels in totaal | Niet gespecificeerd |
Houd het onderwerp en eventuele tekst in het midden van de afbeelding, omdat sommige weergaven de randen bijsnijden. Comprimeer het bestand voordat je het publiceert met de afbeeldingscompressor: een lichter bestand is sneller op te halen voor elk netwerk.
Hoe lang moeten de og:title en de og:description zijn?
Mik op een titel van 15 tot 70 tekens en een beschrijving van 55 tot 200 tekens. Dit zijn de bereiken die de checklist gebruikt: eronder ziet de kaart er leeg uit, erboven kappen de meeste weergaven de tekst af met een weglatingsteken, vooral op mobiel en in de kleine WhatsApp-ballon.
- Zet de kernwoorden vooraan. Op LinkedIn is de beschrijving verborgen, en op X staat de titel over de afbeelding: het begin van de titel moet op zichzelf werken.
- Kopieer de metabeschrijving niet woord voor woord. Een zoekfragment beantwoordt een zoekopdracht; een deelkaart moet iemand die scrolt laten stoppen. Schrijf zoekfragmenten met de generator voor metabeschrijvingen en de SERP-voorvertoning en pas ze daarna aan voor sociale media.
- Vermijd clickbait. Een kaart die meer belooft dan de pagina levert, brengt bezoeken op die meteen weer vertrekken.
Helpen Open Graph-tags bij SEO?
Niet als rankingfactor, maar Google leest er wel enkele van. Google noemt de inhoud van og:title onder de bronnen die het gebruikt om titellinks in zoekresultaten op te bouwen (Google, title links). Het systeem voor sitenamen houdt ook rekening met og:site_name, na gestructureerde WebSite-gegevens (Google, site names). En voor Discover raadt Google aan een grote, representatieve afbeelding op te geven met schema.org-markup of de og:image-tag, en algemene afbeeldingen zoals een logo te vermijden.
De indirecte effecten tellen ook. Een duidelijke kaart levert meer klikken op wanneer je pagina wordt gedeeld, en elke share is een kans om gelezen, geciteerd en gelinkt te worden. Ons woordenlijstitem over sociale signalen legt uit wat Google wel en niet uit sociale activiteit haalt.
Waarom toont een netwerk nog de oude voorvertoning?
Omdat platforms cachen wat ze de eerste keer lezen. Meta legt uit dat zijn crawler de metagegevens van een URL scrapet en cachet wanneer die voor het eerst wordt gedeeld, dat afbeeldingen op hun URL worden gecachet en dat het bijwerken van de afbeelding de voorvertoning van oude shares niet bijwerkt. Om een pagina te verversen haal je haar door de Sharing Debugger, en geef je een nieuwe afbeelding een nieuwe bestandsnaam in plaats van de oude te overschrijven. LinkedIn biedt dezelfde verversing met zijn Post Inspector.
Als de afbeelding nooit verschijnt, controleer dan of het bestand openbaar is: LinkedIn merkt op dat een site die zijn crawler blokkeert, of een afbeelding in een beschermde map, de voorvertoning verhindert.
Welke fouten breken een deelkaart?
- Een relatieve afbeeldings-URL zoals /img/cover.jpg. Netwerken halen de afbeelding van buiten je site op en hebben het volledige https://-adres nodig.
- Helemaal geen og:image. Het netwerk kiest een willekeurige afbeelding op de pagina, vaak een logo of een icoon.
- Twee og:title- of og:image-tags die tegelijk door een thema en een plug-in zijn toegevoegd. Bewaar er van elk één.
- Dezelfde afbeelding op elke pagina. Een sitebreed logo laat elke share er identiek uitzien; Google raadt voor Discover ook algemene afbeeldingen af.
- Tags die na het laden met JavaScript worden toegevoegd. Share-crawlers lezen de HTML die de server teruggeeft; later ingevoegde tags worden mogelijk nooit gezien.
Hoe passen deelkaarten in een contentplan?
Elk artikel dat je publiceert wordt ergens gedeeld: in een nieuwsbrief, een LinkedIn-bericht, een teamchat of een reactie in een forum. De kaart samen met het artikel plannen bespaart je na de lancering een ronde aanpassingen. De blogartikelgenerator van Sorank schrijft artikelen met bronvermelding en een coverafbeelding en publiceert ze op je site, en het GEO / SEO-dashboard volgt daarna het verkeer en de vermeldingen die die pagina's opleveren in Google en in AI-antwoorden.
Een goede deelkaart is een afbeelding van 1200 × 630, een duidelijke titel en een eerlijke beschrijving, gecontroleerd op elk netwerk voordat je post. Bekijk nu de voorvertoning van de jouwe en bekijk daarna de abonnementen van Sorank om op autopilot content te publiceren die klaar is om te delen.
