CSS-gradient generator
Lineaire, radiale en conische verlopen.
Ontwerp
Metatags, Open Graph en Twitter Card.
Er is geen officiële limiet, wel een praktische breedte waarboven de zoekmachine afkapt.
| Tag | Aanbevolen lengte |
|---|---|
| title | 50 – 60 tekens |
| meta description | 140 – 160 tekens |
| og:title | tot 60 tekens |
| og:description | tot 110 tekens |
| og:image | 1200 × 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.
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.
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.
Tussen 140 en 160 tekens, al hangt het afkappen af van de breedte in pixels.
Nee. Die heeft al meer dan tien jaar geen effect.
1200 bij 630 pixels, met een absolute URL en zonder kleine tekst.
Door de cache van het sociale netwerk. Forceer vernieuwing via hun debugprogramma.
Om aan te geven welke versie de goede is als meerdere URL's dezelfde inhoud hebben.
Nee.