HTML optimalisatie: Validatie

Validatie van de HTML

Om uw website zo snel mogelijk te tonen bij uw klanten dient deze volledig valide te zijn. Waarom? Omdat de browser zelf niet de fouten hoeft te corrigeren en dat scheelt weer rekenkracht en snelheid.

Daarnaast kan bij een verkeerde opbouw de weergave van de website anders zijn in verschillende browsers.

W3C Markup Validatie

Loqus is fan van schone geoptimaliseerde code. We gebruiken onder andere de W3C Validatie tool voor initiele controle. Deze kunt u zelf ook gebruiken om te zien wat er fout staat in de website en wat gecorrigeerd moet worden. Heeft u er geen verstand van, of weet u niet hoe dit moet dan kunnen we daar uiteraard mee helpen. Wel geeft deze tool aan u een indicatie dat er optimalisatie mogelijk is.

Controleer uw eigen website

Na controle van uw website komt er of een rode of een groene balk te staan. Is deze groen? Dan kloppen alle HTML codes op uw website. Is deze rood? Zoals onderstaande afbeelding, dan zijn er zeker mogelijkheden voor optimalisatie

W3C validatie

Voorbeelden fouten

Er zijn verschillende fouten mogelijk op een website. Als voorbeeld hebben we er een aantal hieronder gezet, dan krijgt u een idee wat de diverse meldingen zijn.

Stray end tag input

Deze tag is niet goed gebruikt

<input name="searchcontext" value="" type="hidden"></input>
<input name="searchcontext" value="" type="hidden"/>

& did not start a character reference

Dit is een niet goed gebruikte ampersand (&) in een link of titel

<a href="http://www.websitenaam.nl/productname?variabele1=1&variabele2=2">tekst</a>
<a href="http://www.websitenaam.nl/productname?variabele1=1&amp;variabele2=2">tekst</a>

Element style is missing required attribute scoped

Deze stylesheet geeft niet aan dat het een stylesheet is.

<style type="text/css">
<style type="text/css" rel="stylesheet">

En zo zijn er honderden verschillende (kleine) foutmeldingen te vinden. Ze zijn vaak vrij eenvoudig op te lossen, maar afhankelijk van de hoeveelheid fouten kan er toch wat tijd in gaan zitten, zeker met dynamische pakketten die op diverse plekken html genereren, dan is het overzicht vaak wat verwaterd.