Hoe je link eruitziet als iemand die deelt

Waarom de deelafbeelding ertoe doet#

Als iemand je link plakt op Facebook, LinkedIn, in Messenger of in een chat, haalt de dienst een voorbeeld op: afbeelding, kop en korte tekst. Dat wordt bepaald door Open Graph-tags in de code van de pagina. Als die ontbreken, gokt de dienst, en het resultaat is vaak een bijgesneden logo of helemaal geen afbeelding. De tags zijn een soort metatags (zie Metatags).

De tags die nodig zijn#

De Open Graph-standaard vereist vier tags: og:title, og:type, og:image en og:url, waarbij og:url het vaste adres van de pagina is [1]. Optioneel maar belangrijk zijn og:description, og:site_name en og:locale (voor Nederlands nl_NL), en voor de afbeelding og:image:width, og:image:height en og:image:alt [1]. LinkedIn vereist ook og:description [2].

De afbeelding: formaat en bestandstype#

• Meta raadt minstens 1200 × 630 pixels aan, een verhouding dicht bij 1,91:1 en hoogstens 8 MB. Als je de breedte en hoogte in de tags opgeeft, kan de afbeelding meteen worden getoond [3].
• LinkedIn vereist minstens 1200 × 627 pixels en hoogstens 5 MB; afbeeldingen smaller dan 401 pixels worden als kleine miniatuur getoond [2].
• Het adres van de afbeelding moet volledig zijn (beginnen met https://), anders kunnen de diensten die niet ophalen.
• X (Twitter) gebruikt de Open Graph-tags als de eigen X-tags ontbreken.

Dit doen we#

• Elke pagina die we bouwen, krijgt alle Open Graph-tags, een deelafbeelding van 1200 × 630 met breedte, hoogte en alternatieve tekst, en dezelfde titel en beschrijving als in het zoekresultaat.
• In de analyse van je huidige website zie je welke tags ontbreken en of de afbeelding te klein is.
• Wil je meten wat delen en advertenties opleveren, lees dan over Pixels en meten.