Wat de controles betekenen

Unfurl laat zien hoe je pagina eruitziet als iemand hem deelt, en geeft daar een reeks controles bij. Hieronder staat per controle wat de melding betekent, waarom het uitmaakt en wat je eraan doet.

og:title en og:description

Ontbreekt een van de twee, dan verzint elk platform zelf iets. Meestal wordt dat de eerste tekst die het op je pagina tegenkomt, en dat is zelden de zin die je had willen laten zien.

Let ook op de lengte. WhatsApp toont rond de 65 tekens, Google leest er ongeveer 160. Zet de kern dus vooraan. Een omschrijving die opent met een aanloopzin is op de kortste preview een afgekapte zin zonder inhoud.

Het formaat van je og:image

Zonder afbeelding wordt je link op vrijwel elk platform een kale tekstregel tussen berichten met beeld. Dat is het verschil tussen opvallen en niet opvallen.

Neem 1200 bij 630 pixels. Dat is de verhouding waar LinkedIn, Facebook en X op rekenen, en daarmee wordt er nergens iets weggesneden. Houd het bestand klein: laadt de afbeelding te langzaam, dan haakt een platform af en toont het alsnog niets.

Een relatief pad of http bij og:image

Een platform haalt je afbeelding op vanaf zijn eigen servers en niet vanuit de browser van een bezoeker. Een pad als /beeld.png heeft daar geen betekenis, want er is geen pagina om het vanaf te rekenen.

Zet er dus een volledig adres neer, en gebruik https. Verschillende platforms weigeren beelden die via http binnenkomen, en dan blijft de preview leeg zonder dat iemand je vertelt waarom.

Alt-tekst op je deelafbeelding

Dit is de tekst die iemand met een screenreader te horen krijgt in plaats van je afbeelding, op Facebook en LinkedIn via og:image:alt en op X via twitter:image:alt. Zonder die tekst is je preview voor die bezoeker een leeg vlak.

Beschrijf wat er te zien is, niet wat de pagina heet. Staat de titel al in de preview, dan is hem herhalen in de alt-tekst geen hulp maar ruis.

og:url en de canonical

De og:url is het adres waaronder een platform je pagina bijhoudt. Ontbreekt hij, of wijkt hij af van je canonical, dan kunnen dezelfde pagina's onder verschillende adressen worden geteld en versnipperen je shares over varianten met en zonder parameters.

Zet er hetzelfde adres neer als in je canonical. Eén pagina, één adres.

twitter:card

Zonder deze tag valt X terug op de kleine kaart: een smalle strook met een piepklein beeldje ernaast. Met summary_large_image krijg je de grote variant waar je og:image ook echt tot zijn recht komt.

Eén regel, en het is het enige verschil tussen een link die opvalt en een link die dat niet doet.

De meta description

Ontbreekt hij, dan schrijft Google zelf een fragment uit je pagina. Dat kan prima uitpakken, maar je hebt er geen invloed op. En platforms die geen og:description vinden, vallen hierop terug, dus je verliest ook je vangnet.

Dezelfde regel als hierboven: de kern in de eerste 65 tekens, en houd het geheel onder de 160.

Het lang-attribuut op html

Zonder lang weet een screenreader niet in welke taal je pagina staat en kiest hij de verkeerde uitspraak. Nederlandse tekst met een Engelse stem is vrijwel onverstaanbaar.

Het is één attribuut, <html lang="nl">, en het is WCAG 3.1.1. Heb je een pagina in een andere taal, zet daar dan de taal van díé pagina neer.