08.03.2017
Search

HTML5 is goed voor SEO

By: Jeroen de Hooge

BlogSearch

HTML is dé opmaaktaal voor webpagina’s. En HTML5 is de laatste versie van die taal. Aanbevolen door W3C ter bevordering van compatibiliteit tussen sites, browsers en apparaten. En aanbevolen door Searchresult voor SEO.

Waarom is HTML5 goed voor SEO? Hier 6 redenen!

1. Je website blijft hetzelfde

Een upgrade van je HTML naar de nieuwste standaard hoeft in principe niets te veranderen aan het uiterlijk, de inhoud en/of de functionaliteit van je site.

Je profiteert dus van de voordelen van nettere, internationaal geaccepteerde code, zonder nadelen.

2. Semantische code

Met semantische code kunnen we de zoekmachines uitleggen waar bepaalde inhoud over gaat.

Zet je een video op je pagina? Dan kun je met semantische code aangeven dat het bijvoorbeeld een video is over HTML5, en wie het heeft gemaakt en wanneer.

En dat is zoekmachineoptimalisatie op z’n best.

Want hoe makkelijker/sneller/begrijpelijker je site is voor zoekmachines, hoe beter die je weten te plaatsen.

3. Verbetering van de snelheid

Weet je nog, vroeger? Je wilde video of audio afspelen, maar je kreeg de melding dat je de Adobe Flash-plugin, of een vernieuwde versie van die plugin, moest downloaden.

Bloedirritant! Tel tot tien, tel tot tien, tel tot…

Én wanneer een pagina om andere redenen (bijna) volledig was opgebouwd in Flash, bijvoorbeeld om mooie vectorbased content te creëren, dan was hij onleesbaar voor zoekmachines.

Gelukkig hebben we met HTML5 geen Flash-plugins meer nodig.

Dankzij deze, inmiddels door alle browsers goed ondersteunde semantische HTML kunnen zowel de gebruikers, developers als zoekmachines de pagina’s sneller lezen.

En in het laatstgenoemde geval dus ook eenvoudiger crawlen en indexeren.

4. Gebruiksvriendelijk door ‘type=’

Wanneer je formulieren gebruikt op je site kan HTML5 deze extra gebruikersvriendelijk maken.

Moet je bezoeker een e-mailadres invullen? Schrijf type= “email” in de code, dan past de pagina zich automatisch aan, zodat er een ‘.’ en een ‘@’ op het eerste scherm staat.

Moet de gebruiker een telefoonnummer invullen? Ook dan past het formulier zich automatisch aan en staan er alvast cijfers op het invulscherm.

Zo maak je het ook gebruiksvriendelijker voor je mobiele gebruikers.

5. Weg met hashtags

Er zijn diverse manieren om bezoekers en zoekmachines door een site laten navigeren.

Bestaat de site uit één pagina, dan kun je gebruikmaken van anchorlinks (te herkennen aan de # in de URL), om een directe link naar een bepaald hoofdstuk te maken.

Maar hoe prettig is dat voor een Google die vervolgens rankingwaarde moet zien te verdelen over die pagina’s-binnen-pagina’s?

Volgens oudgediende Matt Cutts heeft Google er in principe geen problemen mee.

Maar zoals hij laat doorschemeren vindt hij pushState (HTML5-proof) nét even wat eleganter.

6. Meerdere H1’s

Met headers breng je structuur aan. Een H1-header duidt doorgaans het hoofdonderwerp van de pagina aan, een H2 is een subonderwerp, een H3 weer een sub van subonderwerp.

Tot voor kort waren meerdere H1’s op een pagina not-done. Want welk hoofdonderwerp zou de zoekmachine dan als hoofd-hoofdonderwerp moeten zien?

Maar door de nieuwe tags in HTML5 is het nu wel acceptabel om meerdere H1’s op je pagina te laten terugkomen. Met section heading.

Een uitkomst voor bloggers of andere veelschrijvers die meerdere onderwerpen op één pagina behandelen.

Meer SEO-kansen?

Hoe makkelijker je het de zoekmachines maakt, hoe beter ze je weten te waarderen. De verschillende HTML5-elementen zijn je daarbij graag van dienst.

Dus vind alle elementen en optimaliseer je code, dan weten wij jouw website straks ook te vinden!

[Afbeelding © tashatuvango – Fotolia]

Share this post