Zo gebruik je het
- Vul de titel en beschrijving in, het adres van de pagina en een voorbeeldafbeelding.
- Bekijk rechts het zoekresultaat en het linkvoorbeeld, en verbeter wat de waarschuwingen aanwijzen.
- Kopieer de tags naar de
<head>van je pagina, of download ze.
Alleen ingevulde velden worden tags, en elke waarde wordt ge-escapet, dus aanhalingstekens en & in je tekst kunnen de HTML niet breken.
De tags die ertoe doen
<title>is de kop van je zoekresultaat en van het browsertabblad. In resultaten zijn ongeveer 60 tekens te zien.<meta name="description">is het fragment eronder, als de zoekmachine vindt dat het bij de pagina past. Mik op 70 tot 160 tekens.<link rel="canonical">noemt het ene adres van de pagina, zodat kopieën op andere adressen er niet mee concurreren.- Open Graph-tags (
og:) zijn wat Slack, LinkedIn, Facebook, iMessage en de meeste chatapps lezen voor linkvoorbeelden. twitter:cardvraagt X om een grote afbeeldingskaart. Voor de rest valt X terug op de Open Graph-tags.
De voorbeeldafbeelding
Gebruik 1200 × 630 pixels (1,91:1), PNG of JPEG, kleiner dan 5 MB, op een volledig https://-adres. Relatieve paden zoals /og.png werken niet: de diensten die voorbeelden maken, halen de afbeelding zelf op. Houd belangrijke tekst weg van de randen, want sommige apps snijden bij tot een vierkant.
Veelgestelde vragen
Doen meta keywords er nog toe?
Nee. Google negeert <meta name="keywords"> al jaren, dus de generator schrijft het niet.
Waarom verandert mijn linkvoorbeeld niet nadat ik de tags heb bijgewerkt?
Diensten cachen voorbeelden, soms dagenlang. De meeste hebben een tool om de pagina opnieuw op te halen, zoals de Post Inspector van LinkedIn en de Sharing Debugger van Facebook.
Waar horen de tags?
In de <head>, voor de afsluitende </head>. Heeft je pagina al een <title> of een beschrijving, vervang die dan in plaats van er een tweede toe te voegen.
Kan ik hier de echte afbeelding in het voorbeeld zien?
Het voorbeeld toont de bestandsnaam van de afbeelding in plaats van de afbeelding, omdat deze pagina alleen afbeeldingen van lobsite.com laadt. Publiceer je pagina en bekijk hem in een chatapp om het echte resultaat te zien.