Hopp til innholdet

cjohansen.no

Hva utgjør en god title-tag?

En god <title> kan gi deg pluss i margen hos søkemotorene, gjør sidene dine lettere å orientere seg i for brukere og kan hjelpe dine sider å stikke ut på en resultatside i en søkemotor. Hva består en god <title> av, og hvordan bør den formatteres for best å hjelpe brukerne dine?

<title>s funksjon

Før vi kommer frem til hva som er best å putte i <title> og hvordan er det greit å ha i bakhodet hva title-taggen egentlig er til for. Jeg siterer derfor W3Cs HTML 4.01-spesifikasjon:

Authors should use the TITLE element to identify the contents of a document. Since users often consult documents out of context, authors should provide context-rich titles. Thus, instead of a title such as "Introduction", which doesn't provide much contextual background, authors should supply a title such as "Introduction to Medieval Bee-Keeping" instead.

Altså har vi slått fast at siden brukere ofte vil nyttegjøre seg av dokumentene våre ute av sin opprinnelige kontekst er det viktig å ha kontekst i tittelen. En tittel som "Abonnement" vil ikke bety så mye ute av den opprinnelige konteksten.

Og bare for å nevne det opplagte: alle sider skal ha en unik tittel.

Hvor brukes <title>?

Sidens tittel brukes som tittelen på treffet i søkemotorer. Tittelen er altså en mulighet til å selge inn siden din til potensielle besøkere som skummer forbi den på en søkemotorresultatside.

Tittelen er teksten som vises øverst til venstre i brukerens nettleser. For nettlesere som har flere faner vises tittelen også på disse fanene. Gode titler vil hjelpe brukere å ha oversikt over de forskjellige sidene som er åpne i faner.

Tittelen brukes av søkemotorer til å bestemme tema for siden, og kan potensielt hjelpe rangeringen til siden.

Tittelen brukes som sidetittel når brukere bokmerker siden.

Nøkkelord og kontekst

<title> skal som nevnt over inneholde tittelen på dokumentet og nødvendig kontekst for å hjelpe brukeren å finne frem. En måte å gjøre dette på er å følge rådet fra spesifikasjonen, og gjøre som W3C selv også gjør: Lage gode fullstendige titler som inneholder nødvendig kontekst. La oss se noen eksempler:

Dette innlegget er publisert under kategorien (X)HTML. Den siden kunne ha tittelen "(X)HTML", men det gir ingen kontekst. En bedre tittel kunne være "Christian Johansens blogginnlegg om (X)HTML".

Seksjonen i HTML-spesifikasjonen som omhandler dokumentstrukturen har tittelen "The global structure of an HTML document". Denne tittelen inneholder de viktige nøkkelordene for siden (global structure HTML) samt en kontekst som gjør tittelen entydig.

Scanbare titler

Når sidene dine dukker opp som treff i en søkemotor er det stort sett <title> som vises som tittel på treffene. Bruker du for eksempel Google som internsøk på sidene vil du potensielt få mange treff fra ditt eget nettsted under hverandre. Dette kan også skje "ute" i søkemotorer. Når dette skjer er det viktig at titlene er scanbare.

Med scanbare mener jeg at brukeren lett må kunne finne en spesifik side i en liste over treff. Det har seg sånn at venstre kant av linja er lettest å scanne, og det er derfor viktig at vi legger nøkkelordene tidlig i tittelen.

Mange løser nøkkelord-og-kontekst-problematikken ved å pøse ut brødsmulestien i <title>-taggen. Scanbarheten av slike titler er ikke veldig god siden alle titlene vil begynne med mye av den samme teksten. Dette er et spesielt relevant problem om du har et relativt dypt hierarki, og mange av sidene ligger på nivå 3/4 eller dypere. Se bare for deg:

Denne lista er ikke spesielt grei å scanne.

Noen lengdetall

Autogenererte titler som gir nøkkelord, kontekst og scanbarhet

I mange tilfeller er W3Cs tilnærming til titler å anbefale: redaksjonelt skapte titler som inneholder nøkkelord og kontekst, samtidig som de faller inn på en fornuftige lengde slik at de vises riktig i de fleste tilfeller.

Desverre er vi mennesker stresset og har dårlig tid, og ofte er CMSet fullt av andre felter som også skal fylles inn. Derfor kan redaksjonelle titler tidvis ende opp som slappe saker hvis redaktørene ikke tar seg tid til å skrive gode nok titler. Det kan også være risikofylt å la det være opp til "hvem som helst" å avgjøre hva som er god nok kontekst i en tittel.

I slike tilfeller kan man velge en autogenereringstilnærming som tar vare på de punktene vi har sett på over. Hvis innholdet er hierarkisk strukturert kan man lage tittelen på følgende måte:

Avsender og steg i stien bør skilles med hvert sitt skilletegn. I tillegg er det en ting som bør vurderes: antall steg i stien bør velges slik at tittelen gir mening og samtidig ikke blir for lang. Ved å legge til avsender (typisk firmanavn eller lignende) til slutt sørger man også for branding. Dette er algoritmen som brukes her på cjohansen.no. Under musikk og film fungerer det godt, mens det på bloggen kanskje listes ut et steg eller to for lite for å få god nok kontekst?

Publisert 5. november 2007 under teknikker og html.

Muligens relatert

2006 - 2012 Christian Johansen Creative Commons Lisens