Hedendaags wordt HTML nog steeds verkeerd gebruikt. De reden hiervoor is dat vele webdesigners HTML gebruiken om een pagina visueel goed te kunnen weergeven. De grootste kracht van HTML is echter semantiek (HTML zoals HTML is bedoeld) zegt mede-oprichter Matthijs Neijenhuijs van het bedrijf DutchBridge.
Maar waarom zou je HTML gebruiken zoals het bedoeld is?
De opbouw van een website is tegenwoordig belangrijker dan vroeger. De voornamelijkste reden is dat zoekmachines zoals Google websites indexeren aan de hand van de opbouw. Hierdoor is het belangrijk dat de opbouw correct en duidelijk is zonder naar de buitenkant (design) te kijken. Het moet namelijk mogelijk zijn de website te kunnen lezen zonder het design.
Het probleem is dat vele webdesignbureaus gebruik maken van webdesign editors zoals Dreamweaver. Hiermee kunnen ze snel en gemakkelijk een design omzetten in HTML templates. De klant ziet dit niet en krijgt een prachtige website opgeleverd. Echter na een paar maanden komt de klant erachter dat ze slecht worden geïndexeerd in Google. Het gevolg is vaak dat de klant dan veel geld gaat besteden aan “Search Engine Optimalization” (SEO) . Uiteindelijk komen ze hoog in Google te staan, alleen dit had een stuk goedkoper en sneller gekund als de fundering van de website vanaf het begin goed was.
Wat is dan Semantisch HTML?
HTML is een opmaaktaal voor verschillende elementen zoals titels, paragrafen en tabellen. Op het moment dat je een titel op je website hebt hoort de webdesigner een titel element te gebruiken. Echter je kan er ook voor kiezen om een paragraaf element te gebruiken. Op dat moment kies je voor een verkeerde opbouw, want je dient een titel element te gebruiken. Doordat je een paragraaf element gebruikt kunnen zoekmachines niet de titels vinden. Aangezien ze zoeken naar een titel element. Natuurlijk kan je een paragraaf element gebruiken en deze zo vormgeven/stylen dat het lijkt op een titel. Echter in de code zonder stijl zal het nooit een titel zijn.
Doordat het visueel niks uitmaakt welke elementen je gebruikt, hebben veel webdesigners de neiging verkeerde elementen te gebruiken. Ze zijn de essentie van HTML vergeten en de betekenis van de verschillende HTML elementen met als gevolg een verkeerde HTML opbouw.
Style en HTML scheiden
Webdesigners hebben tevens de neiging om de style van de verschillende HTML elementen in de html code vast te leggen. Dit is niet nodig aangezien je style apart kan vastleggen in stylesheets. Het voordeel hiervan is dat je dan eenmalig als voorbeeld de style van een hoofdstuk element definieert en dit niet voor elk hoofdstuk element hoeft te doen in de hele website. Hiermee voorkom je overbodige code, waardoor de website sneller zal laden (minder dataverkeer).
Conclusie
Semantisch HTML zou veel meer toegepast moeten worden tijdens het ontwikkelen van website. De websites worden beter geïndexeerd door zoekmachines en het bevorderd het sneller laden van websites. Tevens kunnen aanpassingen in de website sneller en gemakkelijker worden doorgevoerd omdat er een duidelijke opbouw is van de HTML elementen en scheiding is tussen style en HTML.