Prototype: Nieuwsbrief generator voor Mobilizon
Genereer nieuwsbrieven op basis van publieke activiteit van een Mobilizon instantie.
Checklist: een website testen
· Door Jari van Menxel
Soms hebben websites problemen. Sommige problemen zijn overduidelijk, andere zie je makkelijk over het hoofd. Daarom heb ik een checklist opgesteld, die ik gebruik als ik een website test. Dit is een levend document.
Meten
- Wat zeggen Google’s PageSpeed Insights en Pingdom Website Speed Test?
Fouten
- Zijn console errors afwezig?
- Zijn netwerk errors afwezig?
- Zijn dode code en overbodige afbeeldingen, lettertypes en andere bestanden afwezig?
Prestaties
- Worden HTML, CSS en JavaScript geoptimaliseerd en zijn deze ‘minified’?
- Is de omvang van de pagina kleiner dan 1 MB (heel goed), 2 MB (goed), 3 MB (acceptabel) of langer (slecht)?
- Laadt de pagina sneller dan 1 seconde (goed), sneller dan 1,5 seconden (acceptabel) of langer (slecht)?
- Gebruiken afbeeldingen een gepast formaat? Liefst AVIF of WebP als doelbrowsers die ondersteunen (zoek dit op caniuse). Anders JPEG voor foto’s, PNG als JPEG niet gaat (bijvoorbeeld als transparantie of lossless compressie nodig is).
- Worden pagina’s gecached?
Prestaties in WordPress
- Maakt WP Super Cache een verschil?
- Maakt Autoptimize een verschil?
Zie ook mijn artikel over het verbeteren van prestaties in WordPress.
Toegankelijkheid
- Werkt de pagina op smartphones, tablets en laptops/desktops?
- Voldoet kleurcontrast minstens aan de WCAG 2.0 AA standaard?
- Wordt semantische HTML gebruikt?
- Schaalt de website mee met de door de gebruiker ingestelde lettergrootte?
- Werkt de website ook zonder JavaScript?
SEO
- Bevat
<head>de belangrijkste meta tags? - Zijn favicons aanwezig?
- Is robots.txt aanwezig?
- Is sitemap.xml aanwezig?
- Is de website te vinden via Google en Bing?
SEO in WordPress
- Yoast SEO is een handige plugin als je deze variabelen niet in het thema zelf kan instellen.
Wet- en regelgeving
- Is de verplichte bedrijfsinformatie eenduidig aanwezig?
- Als er cookies worden gebruikt, kan de bezoeker dan diens voorkeuren aangeven?
- Is de privacyverklaring aanwezig en makkelijk te vinden?
Meer bekijken?
Checklist: ontwerpdocument voor een website opstellen
Voordat ik een nieuwe website ontwikkel stellen we op een A4'tje een ontwerpdocument op. Dit zijn de vragen die daarbij komen kijken.