Alles wat kud is, uitgelegd.
Elk verbeterpunt uit het kud-rapport heeft hier een eigen gids. Wat het probleem is, waarom het uitmaakt en hoe je het oplost, in gewone taal.
Snelheid 15
Hoe snel je pagina in beeld staat en reageert. Core Web Vitals, afbeeldingen, scripts en je server.
- LCP verbeteren: Largest Contentful Paint uitgelegdJe grootste blok laadt traag
- CLS verbeteren: verspringende pagina oplossenJe pagina springt alle kanten op
- INP verbeteren: trage reactie op klikken oplossenJe site reageert traag op klikken
- Render-blocking resources verwijderen: defer en asyncJe laat bezoekers wachten op bestanden
- Afbeeldingen verkleinen voor je website: zo doe je datJe afbeeldingen zijn te zwaar
- Lazy loading van afbeeldingen: wat het is en hoe het werktAl je afbeeldingen laden tegelijk
- WebP en AVIF: afbeeldingen omzetten voor een snellere siteJe afbeeldingen zijn van de oude stempel
- Ongebruikte JavaScript en CSS verwijderenJe laadt code die niemand gebruikt
- Trage server en hoge TTFB oplossenJe server is aan het dutten
- Gzip of Brotli compressie aanzetten op je websiteJe stuurt bestanden onverpakt op
- Browsercache instellen: Cache-Control uitgelegdBezoekers downloaden alles steeds opnieuw
- font-display: swap gebruiken voor webfontsJe tekst speelt verstoppertje
- LCP-afbeelding met voorrang laden: fetchpriority en preloadJe hoofdafbeelding komt te laat binnen
- Third-party scripts: chatwidgets en trackers die je site vertragenAndermans scripts vertragen jouw site
- Te grote DOM en zware HTML verkleinenJe pagina is een doolhof
SEO 11
Alles wat Google helpt om je pagina te vinden, te begrijpen en netjes te tonen.
- Title tag schrijven: lengte, voorbeelden en tipsJe pagina heeft geen titel
- Meta description schrijven: lengte, voorbeelden en tipsGeen meta description
- H1-kop: wat het is en hoe je hem goed gebruiktEr staat geen h1 op je pagina
- Kopstructuur h1 tot h6: zo bouw je je koppen goed opJe kopstructuur slaat treden over
- Te weinig tekst op je pagina: hoeveel woorden heb je nodig?Er staat bijna geen tekst op je pagina
- Alt-tekst schrijven voor afbeeldingen: zo doe je datAfbeeldingen zonder alt-tekst
- Noindex-tag verwijderen: waarom je pagina niet in Google staatJe pagina vraagt Google om weg te kijken
- Robots.txt maken en controleren: zo doe je datGeen robots.txt gevonden
- Canonical tag uitgelegd: dubbele content voorkomenGeen canonical-tag
- Gestructureerde gegevens en schema.org: JSON-LD toevoegenGoogle krijgt geen spiekbriefje
- Sitemap.xml maken en indienen bij GoogleGeen sitemap.xml
Mobiel 7
De meeste bezoekers komen via hun telefoon. Zo werkt je site daar ook goed.
- Viewport meta tag: je website goed tonen op mobielJe site weet niet dat telefoons bestaan
- Inzoomen geblokkeerd: user-scalable=no en maximum-scale weghalenInzoomen is uitgezet
- Telefoonnummer klikbaar maken op je website (tel-link)Je telefoonnummer is niet aanklikbaar
- Autoplay video met geluid: waarom je het beter uitzetJe site begint ongevraagd te spelen
- Lettergrootte op mobiel: hoe groot moet tekst zijn?Je tekst is te klein voor een telefoon
- Tikdoelen op mobiel: hoe groot moeten knoppen zijn?Je knoppen zijn te klein voor duimen
- Website traag op mobiel maar snel op desktop: wat nu?Op je telefoon is je site een slak
Toegankelijkheid 9
Een site die iedereen kan gebruiken, ook met een schermlezer, toetsenbord of slechte ogen.
- Kleurcontrast op je website: WCAG 4,5 op 1 uitgelegdJe tekst valt weg tegen de achtergrond
- Labels in formulieren: toegankelijke invoervelden makenJe formuliervelden hebben geen naam
- Knoppen zonder naam: aria-label voor icoonknoppenJe hebt knoppen zonder naam
- Goede linkteksten schrijven: geen "klik hier" of "lees meer"Je hebt links zonder tekst
- Iframe title toevoegen aan kaarten en video'sJe ingesloten kaarten of video's hebben geen naam
- Focus zichtbaar maken: outline en :focus-visibleToetsenbordgebruikers raken de weg kwijt
- Het main-element: waarom je pagina een hoofdgebied nodig heeftJe pagina heeft geen hoofdgebied
- Dubbele id's in je HTML: waarom ze problemen gevenId's komen dubbel voor
- Tabindex groter dan 0: waarom het je tabvolgorde verstoortJe tabvolgorde is door elkaar gehusseld
Techniek 15
De dingen onder de motorkap: beveiliging, redirects, deelvoorbeelden en nette HTML.
- Website beveiligen met HTTPS en een SSL-certificaatJe site is niet beveiligd
- HTTP doorsturen naar HTTPS met een 301-redirectDe onveilige versie blijft gewoon open
- Www of zonder www: één versie kiezen en doorsturenJe site bestaat twee keer
- Redirect-ketens oplossen: direct naar de eindbestemmingJe stuurt bezoekers van hot naar her
- Soft 404 oplossen: een echte 404-pagina instellenJe site kent geen 404
- Beveiligingsheaders instellen: HSTS, X-Frame-Options en meerJe voordeur staat op een kier
- Serverversie en WordPress-versie verbergenJe vertelt hackers welke software je draait
- Open Graph tags: zo ziet je link er goed uit bij delenJe link ziet er kaal uit als je hem deelt
- Favicon maken en toevoegen aan je websiteJe hebt geen favicon
- Het lang-attribuut: de taal van je pagina instellenJe pagina zegt niet welke taal hij spreekt
- Doctype html toevoegen: waarom je pagina het nodig heeftJe pagina mist een doctype
- Meta charset utf-8: rare tekens op je website oplossenEr is geen tekenset ingesteld
- Mixed content oplossen: http-bestanden op een https-siteJe laadt onveilige onderdelen
- Copyright-jaartal in je footer automatisch bijwerkenJe footer leeft nog in een ander jaar
- JavaScript-fouten in de console vinden en oplossenJe browserconsole staat vol foutmeldingen
Benieuwd wat er op jouw site speelt?
Plak je URL. Binnen een halve minuut weet je waar je staat, gratis.
Geen zin om dit zelf te doen?
SLYM Agency lost het voor je op. Wij pakken je verbeterpunten aan, zodat jij je met je eigen werk bezig kunt houden.
Naar SLYM Agency