Firefox 3.5 er netop blevet lanceret. Vi er hermed også kommet et lille skridt nærmere den nye generation af html, nemlig html 5.
HTML 5 byder på et par nye og interessante ændringer – måske også i forbindelse med søgemaskineoptimering.
Selv om artiklen kun dækker de mest basale emner, er indlægget måske mest interessant for det lidt mere tekniske individ. :)
Noget af det nye HTML 5 byder på, er måden data bliver struktureret på.
Hvor vi på nuværende tidspunkt højst sandsynligt inddeler vores indhold i f.eks division(<div>’s), byder HTML 5 på en pænere og mere semantisk måde at strukturere indholdet på.
Nye elementer vi kan lege med
Vi får et par ekstra redskaber at lege med. Herunder er dem jeg umiddelbart vurderer mest interessante i forbindelse med SEO.
<nav>
”nav” er et navigations-element. Bruges til at inddele navigationen på en hjemmeside.
<section>
Som navnet antyder, en sektion. En section kan bruges til at inddele forskellige sektioner af et website. En section kunne f.eks være en hel blog post, inklusiv overskrift, byline, manchet osv.
<article>
Siger lidt sig selv. Artikler på aviser, blade og blogs kan inddeles i hvert deres article-tag.
<header>
Her på L4U kunne en header f.eks være “søgemaskineoptimering og webdesign” – altså den store overskrift I toppen af sitet.
<footer>
I en footer kan man smide sine øvrige data. F.eks den famøse copyright linje, telefonnummer eller kontaktoplysninger.
<video>
You guessed it – video
<audio>
You guessed it – lyd ;-)
Eksempler på HTML 5
Lad mig forsøge med et eksempel for at sætte det lidt i forhold til vores nuværende html-struktur. Eksemplet herunder kunne være en (simplificeret)blog-post som den ser ud i dag:
<div id=”headline”>
<h1>Min hjemmeside</h1>
</div>
<div id=”blogpost”>
<h2><a href=”http://hjemmeside.dk/seo-html5”>SEO og HTML 5</a></h2>
<div class=”entry”>
<p>Lorem ipsum dolor og alt det andet consectetur… Dette er selve brødteksten</p>
</div>
</div>
<div id=”footer”>
<p>Lad vær med at stjæl mit indhold. Jeg sladrer, seriøst! Copytight et eller andet tilfældigt årstal.</p>
</div>
Dertil kommer sikkert et navigations-element, som måske er sat op i en ”unordered list”(<ul>) eller i et div-tag.
Med de nye HTML 5-elementer at lege med, kunne blog-posten se nogenlunde sådan ud:
(Ydmygt eksempel)
<header>
<h1>Min hjemmeside</h1>
</header>
<section>
<article>
<h2><a href=”http://hjemmeside.dk/seo-html5”>SEO og HTML 5</a></h2>
<p>Lorem ipsum dolor og alt det andet consectetur… Dette er selve brødteksten i artiklen</p>
</article>
</section>
<footer>
<p>Copyright 2009 – L4U.dk</p>
</footer>
Derudover kan man lægge sin navigation i et <nav>-tag, og på den måde adskille det fra resten af indholdet.
Efter et lille kig på eksemplerne står det nogenlunde klart, at der er indført langt større semantik i element-strukturen.
I og med at dette er gjort, må man næsten også gå ud fra, at det vil det få betydning for måden Google og andre søgemaskiner vægter og læser vores indhold.
Nu hvor vi har navigationen i et <nav>-tag og vores copyright i footeren, kan søgemaskinerne måske vælge at vægte betydningen af ordene og sætningerne dér anderledes, og istedet vægte indholdet af <article>(som man må formode har en større værdi) højere.
Video og lyd - nemmere end aldrig før
En anden ting jeg synes er virkelig cool er tags’ene <video> og <audio>.
Disse 2 tags vil sandsynligvis gøre det meget nemmere at få indekseret video og lyd.
En video kan super-nemt implementeres på hjemmesiden med:
<video src=”minvideo.mov”><p>Her kan der stå en lang beskrivelse af videoen, som Google vil læse og indeksere videoen udfra</p></video>.
Lige ud af landevejen, og vi får endda proppet en masse detaljer om indholdet af videoen ind imellem tagsene.
Det er helt det samme princip med <audio>-tagget.
Der er altså langt større mulighed for at få indekseret video og lyd-filer når vi kan fylde tekst ind i selve video/audio-tagget.
HTML 5 byder på mange flere nye og spændende ting, men artiklen kan hurtigt blive ret lang og kedelig.
I stedet vil jeg opfordre folk til at begynde at læse om emnet forskellige steder, så man er klædt nogenlunde på til den nye generation.
Lige nu kan man selvfølgelig kun komme med kvalificerede gæt på hvordan Google og de andre søgemaskiner vil bruge HTML 5.
Artiklen er egentlig også mest reflektion over de betydninger som det kan have... Men det bliver da spændende at se hvad det kommer til at betyde for SEO og web generelt.
Mere læsestof:
W3's overview på html 5
På SEOmoz blev der allerede i 2007 blogget (beskedent) om html 5 og SEO