I dag vil jeg snakke om en enkel best practice teknikk for HTML koding, meta-titler og meta-beskrivelser.
Planen var originalt å skrive om fem temaer for HTML-koding i samme posten, men når jeg nådde 450 ord allerede i del -1, innså jeg at man ikke kunne ha alt i samme post. Jeg vil derfor dele opp mine fem punkter inn i fem poster, så de er mer konkrete og enklere å søke etter på siden min.
Denne typen optimalisering av nettsider er hva jeg kaller “bak teppet” forbedringer (ref: Disney), som knytter seg til hvilke typer forbedringer man kan gjøre i selve maskineriet, som til slutt vil gagne brukeren. Fordelen med HTML optimalisering er ofte at dette også gagner Accessability (noe jeg vil prate om litt senere i en bloggpost dedikert til temaet).
Til daglig bruker jeg mellom 30 til 40 best practice regler relatert til HTML-usability, men for å holde posten kort vil jeg fokusere på den første jeg alltid sjekker.
Hver eneste side har sin unike tittel og beskrivelse. Veldig mange nettsider produserer denne informasjonen automatisk, men det beste man kan gjøre er å lage egne optimaliserte titler og beskrivelser som gjør det enkelt for en bruker å forstå hva nettsiden inneholder.
Meta-tittel og Meta-Beskrivelse finner du i kildekoden din og er en av de enkleste endringene du kan gjøre på en nettside. Fordi om den ikke er synlig direkte på nettsiden, er den utrolig viktig fordi den er synlig i søkemotor og nettleser-faner. Yahoo, Bing og Google bruker forskjellige krav til lengder, men om du følger retningslinjene nedenfor holder du deg innenfor alle tre.
Her ser du hvordan en av norges største nettaviser, dagbladet, dukker opp i søkeresultatet fra Google. Beskrivelsen inneholder 183 tegn, som gjør at den teksten kuttes. Tittelen er autogenerert og kan i noen situasjoner skape forvirring rundt hva egentlig denne siden inneholder, spesielt i tilfelle der man ikke kjenner til merkenavnet fra før.
Om jeg var en person som var fremmed til denne typen avis hadde jeg nok valgt konkurrenten som kom på #2 plass i søkeresultatet, med bedre tittel og beskrivelse.
Om du lurer på hvordan dette ser ut i kildekoden for en annen side legger jeg med et utdrag fra min egen nettside. Tittelen min inneholder 39 tegn, mye fordi det kun er forsiden. Formålet mitt er å kunne videreformidle hva siden inneholder og hvem som skriver innholdet. Beskrivelsen min inneholder 139 tegn.
For hver eneste bloggpost jeg skriver, legger jeg også manuelt til en passende tittel og beskrivelse som opprettholder disse kravene, så brukeren alltid har oversikt når personer finner meg i en søkemotor. En konsekvens av en godt optimalisert tittel og beskrivelse er også i mange tilfeller god SEO (les:søkemotoroptimalisering). En søkemotor indekserer siden mye likt hvordan en bruker forstår en side, så om man alltid fokuserer på økt brukervennlighet vil dette også gagne deg indirekte med høyere plasseringer i søkeresultatet.
Jeg håper dette gjorde dere interessert i optimalisering av HTML for brukervennlighet! Hvis ikke, gi meg gjerne feedback så jeg kan gjøre det bedre neste gang.
Ingen relaterte poster.
Pingback: Fem råd for nettbutikker | Brukervennlighet på nett - av Jan Hagen