WebNormKeurmerk & register

Praktisch & gratis

10 tips voor een betere website

De meest voorkomende fouten die we terugzien in duizenden toetsen — en hoe u ze oplost. Onderaan staat ook een gratis tool om uw foto's lichter te maken.

1Toegankelijkheid

Ontbrekende alt-teksten bij afbeeldingen

Een screenreader kan een afbeelding niet beschrijven zonder alt-tekst, en zoekmachines kunnen 'm niet indexeren.

Oplossing: geef elke informatieve afbeelding een korte, beschrijvende alt-tekst; decoratieve afbeeldingen krijgen alt="".
2Toegankelijkheid

Te laag kleurcontrast

Lichtgrijze tekst op een witte achtergrond oogt modern, maar is voor veel bezoekers slecht leesbaar. WCAG AA eist minimaal 4,5:1 voor gewone tekst.

Oplossing: test met een contrastchecker en kies een donkerder grijs of meer kleurverschil.
3Toegankelijkheid

Formuliervelden zonder gekoppeld label

Een placeholder is geen label — hij verdwijnt zodra iemand gaat typen en wordt niet door elke screenreader voorgelezen.

Oplossing: geef elk invoerveld een eigen <label for="...">.
4Toegankelijkheid

Focus-indicator onzichtbaar gemaakt

Vaak per ongeluk: outline:none om een "lelijke" browserrand te verbergen. Gevolg: toetsenbordgebruikers zien niet meer waar ze zijn.

Oplossing: verwijder de outline nooit zonder een duidelijk, zelf gestyled alternatief.
5Performance

Te grote, ongecomprimeerde afbeeldingen

Een foto van 8MB rechtstreeks van de camera vertraagt elke pagina waar hij op staat, vooral op mobiel.

Oplossing: verklein en comprimeer naar WebP vóórdat u uploadt — de gratis tool hieronder doet dit in de browser.
6Veiligheid

Geen (geldig) HTTPS

Zonder geldig SSL-certificaat waarschuwt de browser bezoekers actief — dat kost vertrouwen én zoekmachine-ranking.

Oplossing: automatische certificaatvernieuwing instellen (bv. Let's Encrypt) en de vervaldatum periodiek controleren.
7Privacy

Cookies plaatsen vóór toestemming

Trackingcookies (analytics, advertenties) mogen pas ná expliciete, actieve toestemming worden geplaatst — niet zodra iemand simpelweg doorklikt.

Oplossing: gebruik een consentbanner die écht blokkeert totdat een keuze is gemaakt.
8Techniek & UX

Geen viewport-meta / niet-responsive

Zonder de juiste viewport-instelling toont een telefoon de volledige desktop-layout piepklein.

Oplossing: <meta name="viewport" content="width=device-width, initial-scale=1"> en test op een echt klein scherm.
9Techniek

Ontbrekende of dubbele titel/meta-omschrijving

Zonder unieke titel per pagina worden zoekresultaten onduidelijk, en oogt een gedeelde link op social media rommelig.

Oplossing: geef elke pagina een eigen, beschrijvende <title> en meta-omschrijving.
10Veiligheid

Verouderd CMS of plugins zonder updates

De meeste gehackte sites vallen niet door een geavanceerde aanval, maar door een bekend lek in een maandenlang niet-bijgewerkte plugin.

Oplossing: automatiseer updates waar mogelijk, of controleer maandelijks handmatig.

Nieuwsgierig hoe uw eigen site scoort op deze en tientallen andere punten? Een volledige toets is gratis en duurt een paar minuten.

Test mijn site gratis

Gratis tool

Foto's verkleinen & omzetten naar WebP

Grote foto's zijn de #1 reden voor een trage website (zie tip 5 hierboven). Deze tool verkleint en comprimeert uw PNG- of JPG-foto rechtstreeks in uw browser — niets wordt geüpload naar onze server.

Sleep een foto hierheen of klik om te kiezen — PNG of JPG

De meeste schermen tonen een foto nooit groter dan 1920px breed — groter uploaden is verspilde bandbreedte.

80%

80% is voor foto's nauwelijks van het origineel te onderscheiden, bij een fractie van het bestandsformaat.

Deze tool werkt volledig lokaal in uw browser. Uw foto verlaat uw apparaat niet en wordt nergens naar ons of derden verzonden.