Søgemaskineoptimering og HTML 5

01-07-2009 | Kommentarer til artiklen 6 kommentarer


HTML 5 og søgemaskineoptimeringFirefox 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

 

Kommentarer

#1
16-07-2009
Vadskær
Vadskær skrev:

Ja - der er rigtigt meget spændende i HTML5 for SEO'ere. Det har jeg også tidligere påpeget ;o)
http://blog.v4d5.net/vis.php?id=150



#2
16-07-2009
Ussing
Ussing skrev:

Som du selv siger så kan vi kun gætte på hvilken betydning html 5 vil få for søgemaskineoptimering. Men det bliver da spændende at følge med i selvom det nok ikke lige bliver i morgen.

For mere info så tjek her:
http://carsonified.com/blog/dev/html-5-dev/23-essential-html-5-resources/

jeg har ikke selv fået læst mig igennem ovenstående link. Men glæder mig til at fordybe mig.



#3
21-07-2009
Kasper Lau
Kasper Lau skrev:

Vadskær - ja, det bliver spændende at se, hvad søgemaskinerne vælger at forsøge med. Man kunne dog frygte at de måske kommer til at skyde sig selv lidt i foden - ligesom med meta keyword back in the 90's :)

Ussing - Ja, det er naturligvis kun gæt.
Cool side du har gravet frem. Tror jeg vil gå igang med det samme - så burde man da være klædt på. :-)



#4
11-08-2009
Marcus
Marcus skrev:

Rart at høre, at video-koder bliver mere enkle end før.



#5
11-03-2010
Ulrik Hvide
Ulrik Hvide skrev:

Jeg er i gang med mit første html5 projekt på http://webr.dk

På nuværende tidspunkt er jeg utrolig imponeret over hvor godt det fungerer og hvor gennemskuelig kildekoden bliver. HTML5 kan kun anbefales.



#6
05-05-2010
Thomas
Thomas skrev:

Jeg glæder mig som et lille barn til at flash bliver sparket af h-til når html5 kommer ordentlig på banen. Nu er det forøvrigt annonceret at internet explorer 9 også vil supportere html 5 og h.264 som videoformat ( men det er jo en helt anden snak)
Se evt: http://gizmodo.com/5494574/internet-explorer-9-a-fresh-start-with-html5




Skriv en kommentar... Jeg ved du har lyst...

Navn: *



Evt hjemmeside:



Email adresse: *



Kommentar: *


Gem indlæg

L4U Media v. Kasper Lau  |  Søgemaskineoptimering og Webdesign  |  8000 Aarhus C  |  Tlf: 22 12 32 20  |  SEO blog  |  sitemap  |  kontakt