Alle tools draaien in je browser — je bestanden verlaten nooit je apparaat.
All tools154

Ontwerp

Metatag-generator

Metatags, Open Graph en Twitter Card.

Wat het doet. Deze tool genereert de metatags van een pagina, inclusief Open Graph voor sociale media en Twitter Card. Het gaat niet om hoeveel je er zet, maar of titel en beschrijving passen zonder afgekapt te worden.
Draait in je browserNiets wordt geüploadGeen accountWerkt offline

Hoe je dit gebruikt Metatag-generator

  1. Vul titel, beschrijving en URL in.
  2. Voeg de afbeelding voor sociale media toe.
  3. Kopieer de tags naar de head van je pagina.

Lengtes die echt worden getoond

Er is geen officiële limiet, wel een praktische breedte waarboven de zoekmachine afkapt.

Lengtes die echt worden getoond
TagAanbevolen lengte
title50 – 60 tekens
meta description140 – 160 tekens
og:titletot 60 tekens
og:descriptiontot 110 tekens
og:image1200 × 630 pixels

Het afkappen hangt niet van het aantal tekens af maar van de breedte in pixels, dus een titel met veel brede letters wordt eerder afgekapt.

Let op bij het Nederlands: onze samenstellingen worden aan elkaar geschreven, wat lange woorden oplevert die niet afbreken. "Toegankelijkheidsverklaring" alleen al eet een kwart van je titel op. Kies waar mogelijk het kortere synoniem.

Zoekmachines herschrijven de beschrijving regelmatig als ze vinden dat een ander fragment beter bij de zoekvraag past. Hem goed schrijven blijft zinvol, maar het is geen garantie.

De metatag keywords doet al meer dan tien jaar niets. Laat hem weg.

Open Graph en sociale previews

Die bepalen hoe je link eruitziet als iemand hem deelt.

De vier onmisbare zijn og:title, og:description, og:image en og:url. Zonder die verzint elk netwerk zelf iets uit de inhoud, met meestal een treurig resultaat.

De afbeelding wordt het eerst bekeken. 1200 bij 630 pixels is de veilige maat, met een verhouding rond 1,91:1. En het moet een absolute URL zijn, geen relatieve.

Zet er geen kleine tekst in: op mobiel wordt de preview verkleind en is er niets leesbaar.

Twitter heeft eigen tags maar valt terug op Open Graph. Je hoeft alleen twitter:card toe te voegen, en "summary_large_image" geeft de grote weergave.

Netwerken cachen deze tags agressief. Zie je na het wijzigen van de afbeelding nog de oude, dan is dat geen fout van jou: je moet de vernieuwing forceren via het debugprogramma van elk platform.

Welke er wel en niet toe doen

Er zwerft veel verouderde tagadvies rond op internet.

Onmisbaar: charset, viewport, title, description en de canonieke tag.

De canonieke wordt het vaakst vergeten en voorkomt de meeste problemen: hij geeft aan welke versie de goede is als meerdere URL's dezelfde inhoud hebben, wat voortdurend gebeurt bij filter- of campagneparameters.

De robots-tag heb je alleen nodig als je van het standaardgedrag wilt afwijken, bijvoorbeeld noindex op een bedankpagina of op interne zoekresultaten.

Overbodig: keywords, author voor SEO-doeleinden, revisit-after, en taal-metatags — de taal hoort in het lang-attribuut van het html-element, niet in een metatag.

Heb je meerdere taalversies, gebruik dan hreflang. En een regel die de helft van de implementaties breekt: hreflang-verwijzingen moeten wederkerig zijn. Verwijst de Nederlandse versie naar de Engelse, dan moet de Engelse terugverwijzen, anders worden beide genegeerd.

Veelgestelde vragen

Hoe lang mag de beschrijving zijn?

Tussen 140 en 160 tekens, al hangt het afkappen af van de breedte in pixels.

Doet de keywords-tag nog iets?

Nee. Die heeft al meer dan tien jaar geen effect.

Welk formaat voor de sociale afbeelding?

1200 bij 630 pixels, met een absolute URL en zonder kleine tekst.

Waarom zie ik nog de oude afbeelding?

Door de cache van het sociale netwerk. Forceer vernieuwing via hun debugprogramma.

Waarvoor dient de canonieke tag?

Om aan te geven welke versie de goede is als meerdere URL's dezelfde inhoud hebben.

Worden mijn gegevens verstuurd?

Nee.

Gidsen over Metatag-generator