Livegang website: de ultieme checklist

Na maanden zwoegen is het moment eindelijk aangebroken: je website is klaar voor livegang. Victor en ik hebben sinds 2012 al meer dan 150 websites het wereldwijde web in mogen schieten, maar het moment van lancering blijft spannend. Om je te helpen de laatste puntjes op de i te zetten deel ik in dit artikel onze ultieme livegang checklist.

Laatst geüpdatet op 22-02-2020.

Je kunt de punten afvinken zodat je niets over het hoofd ziet. De voortgang wordt automatisch opgeslagen, dus als je op een later moment terugkomt kun je verder waar je gebleven was.

Ben je zelf niet direct betrokken bij de bouw van je website? Download de checklist dan als PDF en stuur hem door naar je webontwikkelaar.

Livegang checklist: Design & inhoud

Het eerste gedeelte van de checklist heeft betrekking op het design, de inhoud en de gebruiksvriendelijkheid van je website.

Content

  • Webteksten zijn gecontroleerd op spel- en stijlfouten. We raden aan de teksten door meerdere personen te laten proeflezen.
  • De gebruikte teksten hebben dezelfde consistente intonatie.
  • Formulieren verwijzen door naar bevestigingspagina’s.
  • Contactinformatie is makkelijk vindbaar. Er is een duidelijke verwijzing naar de contactpagina.
  • Relevante links naar externe platformen – zoals social-mediakanalen – zijn makkelijk vindbaar.

SEO

  • Elke pagina heeft een relevante meta-description van zo’n 120 tot 160 tekens lang.
  • Paginatitels bevatten het onderwerp en je bedrijfsnaam en bevatten maximaal 55 tekens.
  • Google Search Console is ingesteld en gekoppeld aan de website.
  • Pagina’s maken gebruik van logische koppen en subkoppen. Het onderwerp van de pagina staat in een H1-tag.
  • Er zijn voldoende interne links: zowel in de sub- en hoofdmenu’s als in de content.
  • Eventuele noindex en nofollow meta-tags uit de ontwikkelfase zijn verwijderd.
  • Google Analytics is geïnstalleerd.
  • Structured data is toegevoegd waar relevant.

Design

  • Pagina’s zijn op een consistente manier ingedeeld. De stijl wordt overal op dezelfde manier toegepast.
  • Belangrijke elementen en calls-to-action vallen voldoende op.
  • De website heeft een herkenbare favicon en gebruikt app-iconen voor verschillende devices.
  • Al het beeldmateriaal is rechtenvrij en legaal voor gebruik.
  • Gebruikte typografie is consistent (denk aan lettertypes, tekstgrootte en regelafstand).

Gebruiksvriendelijkheid

  • Afbeeldingen zijn voorzien van een duidelijke alt-tekst zodat gebruikers met een visuele beperking deze kunnen lezen.
  • Hyperlinks verwijzen naar werkende pagina’s. Controleer hoofd- en submenu’s, maar ook links in de lopende tekst.
  • De website is getest via Lighthouse en presteert voldoende op het gebied van toegankelijkheid.
  • De verschillende pagina-templates zijn getest in alle populaire webbrowsers.
  • Alle pagina’s zijn getest op verschillende devices en schermgroottes.
  • Links zijn duidelijk herkenbaar en hebben een opvallende hover en focus-opmaak.
  • Tekst heeft voldoende contrast met de achtergrond waarop deze geplaatst is.
  • Formulieren maken gebruik van labels met een duidelijke omschrijving.
  • De website maakt gebruik van ARIA Landmarks waar relevant.
  • Webpagina’s zijn toegankelijk voor gebruikers van screen readers.
  • De website is bruikbaar via het toetsenbord.

Wettelijke bepalingen

  • De algemene voorwaarden zijn makkelijk terug te vinden op alle pagina’s.
  • Elke pagina bevat een link naar het privacystatement.
  • Cookies worden niet geplaatst voordat een gebruiker hier expliciet toestemming voor geeft.
  • Formulieren bevatten een omschrijving van wat er met de ingevulde data gebeurt.
  • Waar nodig bevatten formulieren selectievakjes waarmee akkoord gegaan wordt met de privacyverklaring.
  • Copyright-informatie is duidelijk aanwezig op elke pagina.
  • De website voldoet aan alle gestelde eisen volgens de AVG.
  • BTW- en KVK-nummers zijn zichtbaar op elke pagina.

Livegang website: Techniek

De volgende aandachtspunten hebben betrekking op de technische aspecten van je website.

WordPress

  • Ongebruikte en inactieve plugins zijn verwijderd.
  • De WordPress-core, plugins, thema’s en vertalingen zijn up-to-date.
  • Er is een betrouwbare beveiligingsplugin geïnstalleerd.
  • De prullenmand is leeg en onnodige post-revisies zijn verwijderd.

Techniek

  • HTML & CSS zijn valide volgens de standaarden van het W3C.
  • De console bevat geen waarschuwingen of foutmeldingen veroorzaakt door Javascript.
  • Niet-bestaande URL’s worden doorverwezen naar een 404-pagina.
  • Formulieren werken naar behoren. E-mailbevestigingen worden verstuurd en ingevulde informatie wordt opgeslagen in een database.
  • Formulieren maken gebruik van anti-spam technieken.
  • De website presteert voldoende volgens de standaarden van Google Pagespeed Insights.
  • De gebruikte HTML-, CSS- en Javascript-bestanden zijn waar mogelijk gecomprimeerd.
  • Afbeeldingen worden in het juiste formaat ingeladen en zijn waar mogelijk gecomprimeerd.
  • De website maakt gebruik van caching.
  • Belangrijke functionaliteiten zijn getest in browsers waarin Javascript is uitgeschakeld.
  • Alle bijzondere functionaliteiten zoals complexe formulieren en interactieve elementen zijn grondig getest.

Server

  • De domeinnaam is aangeschaft en succesvol gekoppeld aan de webserver.
  • (Automatische) backups zijn ingeschakeld.
  • Er is een SSL-certificaat geïnstalleerd en de URL’s maken gebruik van https.
  • Het robots.txt-bestand is aangemaakt en ingevuld.
  • De website maakt gebruik van /mooie-urls/.
  • Belangrijke pagina’s van de vorige website zijn vervangen en worden doorgestuurd naar de nieuwe variant door middel van 301-redirects.
  • De server maakt gebruik van GZIP-compressie.

Website klaar voor livegang?

Als je alle punten van de checklist hebt kunnen afvinken is je website klaar om gelanceerd te worden.

Kom je er zelf niet uit? Dan helpen we je natuurlijk graag met de livegang. Neem gerust contact met ons op.