Tittelen og metabeskrivelsen

Modul 3: Den tekniske grunnmuren på en side · Lesetid: 11 minutter

Læringsmål: Etter denne leksjonen kan du skrive en god tittel og metabeskrivelse for hver side, forklare hva Google gjør med dem og hvorfor Google noen ganger bytter dem ut, og sjekke at de er riktige på dine egne sider.

Nøkkelbegreper: <title>, tittellenke, metabeskrivelse (<meta name="description">), utdrag (snippet), omskriving av Google, avkorting etter skjermbredde, tommelfingerregel for lengde, unike titler, merkenavn, søkeordstapling, nosnippet

To linjer i hodet på siden din

Hver side på et nettsted begynner med en del som den besøkende ikke ser: <head>. Der står det to linjer som er ekstra viktige for søkemotorer:

<head>
  <title>Bruidsboeketten op maat in Amersfoort | Bloemenatelier Lotte</title>
  <meta name="description" content="Een bruidsboeket dat bij jullie dag past. Kom langs voor een gratis kennismaking in ons atelier in Amersfoort, of bekijk eerst onze voorbeelden.">
</head>

Tittelen (<title>-elementet) ser du igjen i fanen i nettleseren, i bokmerkene og fremfor alt i søkeresultatene. Google kaller den blå, klikkbare linjen i et søkeresultat for tittellenken. Metabeskrivelsen er et kort sammendrag av siden. Google bruker den noen ganger til tekstbiten under tittellenken: utdraget (på engelsk snippet).

Sammen avgjør de i stor grad om noen klikker på ditt resultat eller på noen andres. Derfor er dette en av få ting innen synlighet der du kan gjøre en reell forskjell på et kvarter.

Hva Google gjør med tittelen din

Google skriver det selv slik: sørg for at hver side har en tittel i <title>-elementet, og gjør den beskrivende og konsis. Vage titler som "Home" eller "Velkommen" forteller ingen noe.

Google bruker som regel <title>, men ikke alltid. Google kan også lage tittellenken fra andre kilder: den største overskriften på siden (ofte <h1>), og:title for sosiale medier, fremtredende tekst på siden, teksten i lenker som peker til siden, og navnet fra strukturerte data av typen WebSite. Det skjer særlig i disse situasjonene, som Google selv nevner:

Skriver Google om tittelen din, er det ingen straff. Det er et tegn på at tittelen ikke beskriver siden godt nok. Forbedrer du tittelen, tar Google den ofte i bruk igjen etter neste besøk fra crawleren.

Hvor lang kan en tittel være?

Her bommer mange råd på nettet. Google sier rett ut at det ikke finnes noen grense for lengden på en <title>. Men tittellenken i søkeresultatene blir avkortet slik at den passer på skjermen. Det skjer etter skjermbredde (piksler), ikke etter et fast antall tegn: en tittel med mange brede bokstaver (m, w) blir avkortet tidligere enn en med smale (i, l).

Derfor bruker dette kurset en tommelfingerregel, ikke en regel fra Google: hold tittelen mellom omtrent 15 og 65 tegn. Kortere blir ofte for vagt, lengre gir risiko for at den viktigste delen forsvinner. Sett derfor det siden handler om først, og navnet på bedriften din til slutt.

Slik skriver du en god tittel

Fra Googles retningslinjer og fra praksis:

1. Si hva siden handler om. "Bruidsboeketten op maat in Amersfoort" (brudebuketter etter mål i Amersfoort) er bedre enn "Diensten" (Tjenester).
2. Gi hver side sin egen tittel. To sider med samme tittel er umulige å skille fra hverandre i søkeresultatene.
3. Kort merkenavn, i begynnelsen eller på slutten, skilt med et tegn som |, : eller -. Google anbefaler å ikke henge en lang slagord på hver tittel.
4. Ingen søkeordstapling. "Bloemen Amersfoort, bloemist Amersfoort, boeket Amersfoort goedkoop" hjelper ikke. Google nevner gjentakelse av søkeord uttrykkelig som noe som ser ut som spam; det står til og med i retningslinjene mot spam (leksjon 8.2).
5. Hold den oppdatert. Et årstall i tittelen betyr at du må oppdatere den hvert år.

En vanlig feil i nettstedsbyggere: forsiden heter bare navnet på bedriften. "Bloemenatelier Lotte" sier hvem du er, men ikke hva du gjør eller hvor. "Bloemenatelier Lotte | Bloemist in Amersfoort" fungerer bedre for noen som ikke kjenner deg ennå.

Metabeskrivelsen

Metabeskrivelsen står i et <meta>-element:

<meta name="description" content="...">

Google sier: utdraget kommer først og fremst fra innholdet på selve siden. Metabeskrivelsen brukes når den oppsummerer siden bedre enn en tekstbit fra siden. Dessuten kan utdraget variere fra søk til søk: Google viser den delen som passer best til søket. En god metabeskrivelse er altså ingen garanti for at den vises, men den øker sjansen for at det står noe fornuftig under tittelen din.

Også her: Google har ingen maksimal lengde, men utdraget blir avkortet slik at det passer på skjermen. Tommelfingerregelen i dette kurset: 70 til 160 tegn. Langt nok til å si noe, kort nok til å bli stående i sin helhet.

Slik skriver du en:

• Oppsummer hva man finner på siden, med vanlige setninger.
• Nevn konkrete opplysninger som hjelper folk å velge: sted, hva du tilbyr, for hvem.
• Gi hver side sin egen beskrivelse. Har du lite tid, begynn med forsiden og de mest besøkte sidene dine; det anbefaler Google selv også.
• Ingen liste med søkeord. Google skriver at slike beskrivelser sjeldnere blir brukt som utdrag.

Det metabeskrivelsen ikke gjør: den er ingen rangeringsfaktor der du kan klatre høyere med søkeord. Den er der for å overtale den som søker til å klikke.

Bestem selv hva som vises

Vil du at Google ikke skal vise noe utdrag, eller bare en del? Det går med en robots-metalinje: <meta name="robots" content="nosnippet"> (ingen utdrag) eller max-snippet:50 (høyst 50 tegn). En tekstbit kan du utelate med attributtet data-nosnippet. For de fleste små nettsteder er det ikke nødvendig.

Hvor du ser og sjekker det

• I kildekoden: åpne siden din, høyreklikk og velg "Vis sidekilde" (eller Ctrl+U). Søk med Ctrl+F etter <title og description.
• I søkeresultatene: søk på site:example.com for å se hvordan Google viser sidene dine. Avviker tittellenken fra <title>, se hvilken situasjon i tabellen ovenfor som passer.
• I Search Console: resultatrapporten (Performance, leksjon 2.3) viser hvilke sider som får mange visninger, men få klikk. Der lønner en bedre tittel og beskrivelse seg mest.

I praksis: angi tittel og beskrivelse

• I AI Builder fra WebOké angir du en egen tittel og beskrivelse for hver side. Lar du tittelen stå tom, blir tittelen på en vanlig side "Sidenavn | Nettstedsnavn", og forsiden heter bare det samme som nettstedet ditt. Gi derfor forsiden selv en tittel som også sier hva du gjør. SEO-kontrollen i AI Builder advarer ved en tittel på over 65 og en beskrivelse på over 160 tegn: de samme tommelfingerreglene som i dette kurset.
• I WordPress lager WordPress selv tittelen ut fra sidetittelen og nettstedsnavnet. En metabeskrivelse lager ikke WordPress selv; til det bruker du et SEO-tillegg eller et tema som tilbyr det. Dette tas også opp i WordPress-kurset, leksjon 9.2.

I andre nettstedsbyggere fungerer det på lignende måte: se etter innstillinger som "SEO", "Søkemotorer" eller "Sideinnstillinger".

Oppsummering

• Tittelen er den klikkbare linjen i søkeresultatene; metabeskrivelsen oppsummerer siden og vises noen ganger som utdrag.
• Google kan bytte ut tittelen din hvis den er halvtom, utdatert, feil eller lik overalt, eller hvis det ikke finnes noen tydelig hovedoverskrift.
• Google har ingen maksimal lengde, men avkorter etter skjermbredde. Tommelfingerregler i dette kurset: tittel 15 til 65 tegn, beskrivelse 70 til 160 tegn.
• Hver side får sin egen, beskrivende tittel og beskrivelse; ingen søkeordstapling; kort merkenavn til slutt.
• Metabeskrivelsen hjelper folk å velge, ikke plasseringen din i rangeringen.

Quiz

Oppgave

Oppgave A3.1: Tittel og metabeskrivelse for siden din. Skriv inn adressen til en side på ditt eget nettsted (forsiden eller en viktig side). Programmet henter siden slik en søkemotor gjør, leser <title> og metabeskrivelsen og teller tegnene. Du ser om de finnes, om de holder seg innenfor tommelfingerreglene og om tittelen sier mer enn bare bedriftsnavnet ditt. Har du ikke eget nettsted? Bruk www.rijksoverheid.nl.

Les mer

Stegene i disse artiklene gjelder for kontrollpanelene til WebOké; hos andre leverandører fungerer det på lignende måte.

• Meld nettstedet ditt til søkemotorer (Google og Bing)
• Sitebuilder og AI Builder: hvilken bør du velge, og hvordan åpner du den?
• Google Search Central, Styr tittellenker i søkeresultatene: https://developers.google.com/search/docs/appearance/title-link
• Google Search Central, Utdrag og metabeskrivelsen: https://developers.google.com/search/docs/appearance/snippet