HTML 5 en zoekmachine optimalisatie

html codeVoor de opbouw van websites gebruiken webdeveloppers HTML. Deze opmaak taal wordt vastgesteld door het world wide web consortium. Deze organisatie werkt momenteel aan de vijfde versie van HTML. Het leek me daarom handig om te kijken welke effecten HTML 5 kan hebben op zoekmachine optimalisatie en zoekmachine marketing.

html5 seo

Betere pagina structuur

HTML 5 is opgezet om de pagina structuur duidelijker te maken. Hiervoor zijn een aantal nieuwe elementen geïntroduceerd:

  • Section: deelt de pagina in secties in. Dit element kan samen met h1 t/m h6 elementen gebruikt worden. Het section element kan mogelijk gebruikt worden om aan zoekmachines aan te geven welke secties belangrijk(er) zijn.
  • Article: geeft aan dat een stuk content onafhankelijk is van de rest van de pagina. Dit element kan bijvoorbeeld gebruikt worden om blog of nieuws berichten aan te duiden. Zoekmachines kunnen zo zien wat voor inhoud er staat.
  • Aside: geeft aan dat een stuk content maar losjes gerelateerd is aan de inhoud van een pagina. Handig om informatie die niet relevant is, maar wel aanwezig moet zijn, aan te duiden zodat zoekmachines hier minder op kunnen letten.
  • Header / Footer: geven aan welk deel van de structuur de header en de footer bevat. In de header en footer staan meestal navigatie elementen. Deze interne links zijn belangrijk voor het indexeren van de website. Dit element kan dus gebruikt worden om aan zoekmachines te vertellen waar deze navigatie elementen staan.
  • Nav: vult de header en footer elementen aan. Met dit element kan precies aangegeven worden welke links bedoeld zijn als navigatie. Dit maakt het voor zoekmachines makkelijker om te ‘snappen’ hoe bezoekers door een website kunnen navigeren.
  • Dialog: geeft dialoog weer. Dit element kan bijvoorbeeld gebruikt worden om aan zoekmachines aan te geven dat een bepaald stuk content een interview bevat.
  • Figure: kan gebruikt worden om een titel mee te geven aan een afbeelding of video. Zoekmachines kunnen afbeeldingen en video’s (nog) niet scannen. Tot nu toe was het alt attribuut de enige manier om meta data aan een afbeelding mee te geven.

Meer nieuwe elementen

Naast de bovenstaande elementen zijn er nog een aantal andere elementen toegevoegd aan HTML 5. Sommige ervan kunnen interessant zijn voor zoekmachine optimalisatie:

  • Time: geeft een datum of tijd weer. Dit element kan mogelijk gebruikt worden om content van een datum van creatie te voorzien. Zoekmachines waarderen data op verschillende manieren. Voor gehele websites kan leeftijd belangrijk zijn. Hoe langer een website al bestaat hoe hoger de waardering. Actualiteit van content is echter ook belangrijk. Met het time element kan een zoekmachine mogelijk de actualiteit van content beter vast kunnen stellen.
  • Progress / Output / Canvas: geeft de voortgang en het resultaat van een proces weer. Dynamische pagina’s zijn nu nog lastig te indexeren door zoekmachines. Mogelijk kunnen deze elementen gebruikt worden om aan zoekmachines te vertellen dat een dynamische pagina geladen wordt en welk deel van de pagina het resultaat bevat.
  • Datagrid, Audio en Video: duid een interactief boomdiagram, audio of video bestand aan. Kan mogelijk gebruikt worden om aan zoekmachines bepaalde content aan te duiden.

Tot slot

Naast de nieuwe elementen zijn er ook een aantal elementen komen te vervallen. Meest opvallend is dat frames, framesets en iframes niet langer ondersteund worden. Als reden wordt aangevoerd dat deze de gebruiksvriendelijkheid niet ten goede komen. Ook zoekmachines hebben moeite met het indexeren van frames. Het gebruik van frames is om beide redenen dus af te raden.

HTML 5 bevat nog veel meer veranderingen ten opzichte van HTML 4. In dit document wordt precies uitgelegd welke elementen en attributen zijn toegevoegd en welke komen te vervallen. Voor webdeveloppers zeker de moeite van het lezen waard.

No related posts.

Gerelateerde bijdragen mogelijk gemaakt door Yet Another Related Posts Plugin.

Dit bericht was geplaatst inAdwords, Google, Online marketing, SEO, SEO Tools, Statistieken, Zoekmachines and tagged , , , . Bookmark the permalink. Plaats een reactie of laat een trackback achter:Trackback URL.

6 Reacties

  1. Bertjohan
    Geplaatst op juni 11, 2008 om 10:17 | Permalink

    Positief nieuws van het W3c dus!

  2. Geplaatst op juni 11, 2008 om 13:29 | Permalink

    Interessant stuk. Het lijkt erop dat het een stuk makkelijker wordt de focus op stukken van je site aan te passen.

    Mits natuurlijk iedereen gebruik gaat maken van html5. Het
    kan volgens mij jaren duren voordat het gros van de websites is overgestapt.

    Een ander punt is natuurlijk dat als je overstapt op html 5 je ook rekening moet houden met de huidige browsers die dit waarschijnlijk nog niet snappen. backward compabiliteit zal er wel niet inzitten.

  3. Geplaatst op juni 11, 2008 om 13:34 | Permalink

    Rekening houden met oude browsers blijft lastig. Maar opzich is een oplissing die nu ook mogelijk is voor javascript/flash etc wel mogelijk. Een scriptje detecteert de browserversie en stuur de gebruiker door naar de juiste versie van de website. Niet ideaal, maar mits niet afgestraft door zoekmachines wel een tussenoplossing.

  4. Maximilian
    Geplaatst op oktober 1, 2008 om 20:32 | Permalink

    Interessant stuk martijn.

    Helaas ben ik alleen niet zo’n expert op het gebied van markup languages. Zou je me kunnen uitleggen wat de toegevoegde waarde van html5 is in vergelijking tot de huidige xml ontwikkeling?

  5. Maximilian
    Geplaatst op oktober 1, 2008 om 21:37 | Permalink

    wat betekent dit voor toekomstige xhtml versies?

  6. Geplaatst op februari 19, 2009 om 11:51 | Permalink

    Google begint met de implementatie van HTML 5 in een Google Maps applicatie.

    @Maximilian: sorry voor de late reactie, ik zie je bericht nu pas. Html 5 zal waarschijnlijk in xHTML geintegreerd worden. xHTML is immers een samenvoeging van XML en HTML.

Één Trackback

  1. [...] html5 en zoekmachine optimalisatie [...]

Plaats een reactie

Uw e-mailadres zal nooit gepubliceerd of gedeeld worden. Verplichte velden zijn gemarkeerd met *

*
*

U kunt de volgende HTML tags en attributen gebruiken: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>