Hvordan definere tittel på siden med title-taggen

Tittelen på en nettside defineres med HTML-taggen <title>. Teksten du legger inne i denne taggen er den samme teksten som vises i fanen øverst i nettleseren, når du lagrer siden som bokmerke, og som den klikkbare overskriften i Google. Har du noen gang lurt på hvor den teksten egentlig kommer fra, er svaret altså en enkelt, liten tagg i kildekoden. I denne guiden går vi gjennom nøyaktig hvordan du skriver tittel-taggen, hvor den skal stå, hvor lang den bør være, hvordan den skiller seg fra metatittel og H1-overskrift, og hvilke feil du bør styre unna.

Hva er tittel-taggen (<title>)?

Tittel-taggen er HTML-elementet som gir hele dokumentet et navn. Den inneholder ren tekst og forteller både mennesker og søkemotorer hva siden handler om. Ifølge dokumentasjonen til Mozilla (MDN) skal elementet alltid ligge inne i <head>-delen av dokumentet, og hver side kan bare ha én tittel-tagg.

Et par viktige regler er greie å ha i bakhodet fra start:

• Bare tekst. Legger du inn andre HTML-tagger inne i <title>, blir de behandlet som vanlig tekst og ikke som kode.
• Både start- og slutt-tagg kreves. Glemmer du </title>, kan nettleseren i verste fall ignorere resten av siden.
• Én tittel per side. Dokumentet skal ikke inneholde mer enn ett tittel-element.

Tittel-taggen er en av de aller første tingene du møter når du skal lage din egen nettside, og den er en naturlig del av grunnmuren i ethvert HTML-dokument sammen med <head> og <body>.

Slik skriver du tittel-taggen (kodeeksempel)

Tittel-taggen plasseres inne i <head>, før selve innholdet i <body>. Nedenfor ser du et komplett og gyldig eksempel der siden har fått navnet «Min hjemmeside». Vi har tatt med <!DOCTYPE html>, språkkode og tegnsett, slik en moderne side bør se ut:

<!DOCTYPE html>
<html lang="no">
  <head>
    <meta charset="UTF-8">
    <title>Min hjemmeside</title>
  </head>
  <body>
    Hei, velkommen til min hjemmeside
  </body>
</html>

Legg merke til rekkefølgen: tittelen står inne i <head>, mens teksten brukeren faktisk leser på siden står i <body>. Vil du se hvordan dette er løst på en side du besøker, kan du se HTML-kilden til en side og lete opp <title>-linjen øverst i koden.

Hvordan endrer jeg tittelen?

Du endrer tittelen ved å bytte ut teksten mellom <title> og </title>. Skriver du for eksempel <title>Kontakt oss – Min bedrift</title>, vil akkurat den teksten dukke opp i nettleserfanen og i søkeresultatet. Hver undersiden på nettstedet bør få sin egen, beskrivende tittel – ikke den samme teksten om igjen.

Hvor vises sidetittelen?

Sidetittelen dukker opp flere steder enn du kanskje tror. Her er de viktigste:

• Nettleserfanen og tittellinjen. Teksten vises i selve fanen og i tittellinjen øverst i nettleseren, uansett om du bruker Chrome, Safari, Firefox eller en annen nettleser.
• Søkeresultatene. I Google er tittelen den store, blå og klikkbare lenketeksten over selve adressen. Den er ofte det første folk vurderer før de bestemmer seg for å klikke.
• Bokmerker og historikk. Når du lagrer en side som bokmerke, foreslår nettleseren tittelen som navn på bokmerket.
• Skjermlesere. Brukere med hjelpemidler får ofte sidetittelen lest opp først, slik at de raskt forstår hvilken side de har åpnet. Derfor bør tittelen være presis og beskrivende.

Fordi den samme teksten brukes så mange steder, er tittel-taggen et av de mest synlige elementene på hele siden – selv om den ikke vises inne i selve innholdet.

Tittel-tag, metatittel og H1 – hva er forskjellen?

Dette er kanskje det punktet flest blander sammen. Kort forklart: tittel-taggen og «metatittel» er i praksis det samme, mens H1 er noe helt annet.

• Tittel-taggen (<title>) er HTML-elementet i <head>. Det er selve koden.
• Metatittel (SEO-tittel) er det ordet man bruker i markedsføring og søkemotoroptimalisering om innholdet i tittel-taggen. Når du fyller ut feltet «SEO-tittel» i et verktøy, er det altså <title>-taggen som settes bak kulissene. Vil du forstå den delen grundigere, har vi en egen artikkel om hva en metatittel er og hvordan den påvirker klikk i søk.
• H1-overskriften er den synlige hovedoverskriften inne i <body> på selve siden. Den vises i innholdet, ikke i fanen, og du kan lese mer om hvordan du definerer overskrifter med HTML.

Tittelen og H1 kan gjerne være like, men de trenger ikke å være identiske. Tittelen er laget for fanen og søkeresultatet, mens H1 er laget for leseren som allerede er inne på siden. En vanlig misforståelse er at <title> og <h1> er samme ting – det er de ikke.

Hvor lang bør tittelen være?

Det finnes ingen offisiell maksgrense for hvor lang en tittel-tagg kan være. Google sier selv at det ikke er noen lengdebegrensning på <title>-elementet, men fraråder unødvendig lange og ordrike titler. Grunnen er praktisk: søkeresultatet har begrenset plass.

MDN opplyser at søkemotorer vanligvis viser omtrent de 55–60 første tegnene av tittelen. Blir teksten lengre, kuttes den gjerne av med «…». En nyttig rettesnor er derfor:

• Sikt mot cirka 55–60 tegn for å unngå at tittelen kuttes i Google.
• Plasser det viktigste – gjerne hovedordet og merkenavnet – tidlig i tittelen, i tilfelle slutten kuttes.
• Husk at Google egentlig måler pikselbredde, ikke antall tegn. To titler med like mange tegn kan derfor kuttes ulikt avhengig av hvilke bokstaver som brukes.

Med andre ord er 55–60 tegn en tommelfingerregel, ikke en hard grense. Det viktigste er at tittelen er beskrivende og får plass til poenget sitt.

Slik skriver du en god tittel (beste praksis)

En god tittel er presis, unik og lett å forstå ut av sammenheng. Google Search Central gir flere konkrete råd som er verdt å følge:

• Gi hver side en tittel. Alle sider bør ha et <title>-element.
• Vær beskrivende, men konkret. Unngå vage titler som bare «Hjem» eller «Forside». Fortell hva siden faktisk handler om.
• Dropp nøkkelordstabling. Lange lister med nøkkelord («billig sko, sko på nett, kjøp sko, skobutikk») kan faktisk svekke rangeringen.
• Gjør hver tittel unik. Nesten identiske titler på mange sider forvirrer både lesere og søkemotorer.
• Ta med nettstedsnavnet kort. Legg gjerne til merkenavnet til slutt, skilt med en strek eller bindestrek, i stedet for et langt reklamebudskap på hver side.
• Skriv på sidens språk. Tittelen bør være på samme språk og skriftsystem som resten av innholdet.

Et godt mønster er: Hovedtema – eventuell presisering – Nettstedsnavn. For en kontaktside kan det bli «Kontakt oss – Min bedrift». Dette gjør tittelen nyttig både i fanen og i søk, og det henger tett sammen med god søkemotoroptimalisering (SEO).

Hvorfor Google noen ganger endrer tittelen din

Selv om du definerer tittel-taggen selv, er det ikke alltid akkurat den teksten som vises i søkeresultatet. Google genererer det de kaller en «title link» automatisk, og henter som regel teksten fra <title>-taggen – men kan også bruke H1-overskriften, annen tydelig tekst på siden, og:title eller lenketekst som peker til siden.

Google skriver om tittelen når de oppdager et problem, for eksempel:

• Tittelen er halvtom eller mangler innhold.
• Tittelen inneholder en utdatert dato.
• Tittelen passer dårlig med det siden faktisk handler om.
• Den samme standardteksten («boilerplate») gjentas på mange sider.
• Tittelen er full av nøkkelord eller er på feil språk.

Google understreker at de ikke kan endre title-lenker manuelt for enkeltsider, og at endringer du gjør kan ta fra noen dager til noen uker før de vises, fordi siden må gjennomsøkes på nytt. Konklusjonen er enkel: skriver du gode, ærlige og unike titler fra start, er sjansen størst for at din egen tekst beholdes.

Sidetittel i WordPress og med SEO-verktøy

Bruker du WordPress, trenger du som regel ikke å redigere HTML-koden for hånd. Temaet ditt lager tittel-taggen automatisk ut fra tittelen på innlegget eller siden. Vil du styre teksten mer presist for søkemotorer, bruker de fleste et SEO-tillegg som Yoast SEO eller Rank Math.

Slik fungerer det i praksis:

• Feltet som ofte heter «SEO-tittel» i tillegget bestemmer hva som havner i <title>-taggen.
• De fleste tillegg viser en forhåndsvisning av hvordan tittelen ser ut i Google, ofte med en lengdeindikator som blir rød hvis teksten er for lang.
• Du kan sette opp maler, for eksempel «%tittel% – %nettstedsnavn%», slik at alle sider får en konsekvent oppbygning.

Resultatet er det samme som om du hadde skrevet <title>-taggen manuelt – tillegget bare skriver koden for deg. Det samme gjelder metabeskrivelsen, som styres fra et eget felt rett under tittelfeltet.

Tittel-taggen og deling i sosiale medier

Når en side deles på Facebook, LinkedIn eller X (tidligere Twitter), er det ofte ikke <title>-taggen som styrer overskriften i delingskortet. Sosiale plattformer leser som regel en egen metatagg kalt og:title, som hører til Open Graph-protokollen. Mangler siden en slik tagg, kan plattformen falle tilbake på annen tydelig tekst på siden, for eksempel nettopp sidetittelen eller H1-overskriften.

I praksis betyr dette to ting:

• Setter du ingen og:title, risikerer du at delingskortet henter en tilfeldig eller lite flatterende tekst. En gjennomtenkt <title> er da et nyttig sikkerhetsnett.
• Vil du ha full kontroll, bør du sette og:title eksplisitt. I WordPress gjør SEO-tillegg som Yoast SEO og Rank Math dette automatisk, ofte med samme tekst som SEO-tittelen med mindre du overstyrer den.

Tittel-taggen og og:title løser altså to beslektede, men ulike oppgaver: den første styrer fane og søk, den andre styrer hvordan lenken ser ut når noen deler den videre. Begge bør være beskrivende og peke mot det samme innholdet.

Vanlige feil med tittel-taggen

De fleste problemene med titler skyldes noen få gjengangere. Unngår du disse, er du langt på vei:

• Samme tittel på alle sider. Da mister både lesere og Google oversikten over hva hver side handler om.
• Tom eller altfor kort tittel. Én- og toordstitler gir lite informasjon; bruk heller en beskrivende frase.
• For lang tittel. Går du langt over 60 tegn, kuttes det viktigste bort i søk.
• Nøkkelordstabling. En tittel som er en ren liste med søkeord ser spammy ut og kan svekke rangeringen.
• Tittel som ikke matcher innholdet. Lover du noe i tittelen som siden ikke leverer, skriver Google den gjerne om – og besøkende klikker seg raskt ut igjen.
• Glemt slutt-tagg. Mangler </title>, kan nettleseren tolke koden feil.
• Forveksling med H1. Husk at tittel-taggen lever i <head> og vises i fanen, mens H1 er den synlige overskriften i innholdet.

Hvem bør bry seg om tittel-taggen?

Kort sagt: alle som publiserer noe på nett. Lager du en nettside fra bunnen med HTML, må du skrive tittel-taggen selv. Driver du en blogg eller bedriftsside i WordPress, bør du sjekke at hver side har en gjennomtenkt, unik tittel via SEO-tillegget. Og jobber du med markedsføring, er tittelen et av de billigste og mest effektive grepene du har for å få flere til å klikke seg inn fra søk. Det er en liten tagg med overraskende stor betydning for både brukeropplevelse og synlighet.

Vanlige spørsmål (FAQ)

Hva er forskjellen på title-taggen og H1?

Title-taggen (<title>) står i <head> og vises i nettleserfanen og i søkeresultatet. H1 er den synlige hovedoverskriften inne i <body> på selve siden. De kan ha lik tekst, men det er to forskjellige elementer med hver sin oppgave.

Hvor mange title-tagger kan en side ha?

Nøyaktig én. HTML-standarden tillater bare ett <title>-element per dokument, og det skal ligge inne i <head>.

Hvor lang bør en sidetittel være?

Rundt 55–60 tegn er en god tommelfingerregel, siden søkemotorer vanligvis viser omtrent så mange før teksten kuttes. Det finnes ingen hard grense, men unngå unødvendig lange titler og plasser det viktigste først.

Hvorfor viser Google en annen tittel enn den jeg har skrevet?

Google kan skrive om tittelen hvis den oppfattes som tom, misvisende, full av nøkkelord eller lik på mange sider. Da hentes teksten gjerne fra H1 eller annet innhold på siden i stedet. Gode, unike og ærlige titler reduserer sjansen for at dette skjer.

Må jeg kunne HTML for å endre tittelen?

Nei. I WordPress og andre publiseringsverktøy lages tittel-taggen automatisk, og du kan finjustere teksten i feltet «SEO-tittel» i et tillegg som Yoast SEO eller Rank Math. Bygger du siden i ren HTML, skriver du derimot <title>-taggen manuelt i <head>.