Titeln och metabeskrivningen

Modul 3: Den tekniska grunden för en sida · Lästid: 11 minuter

Lärandemål: Efter den här lektionen kan du skriva en bra titel och metabeskrivning för varje sida, förklara vad Google gör med dem och varför Google ibland byter ut dem, och kontrollera att de är rätt på dina egna sidor.

Nyckelbegrepp: <title>, titellänk, metabeskrivning (<meta name="description">), utdrag (snippet), omskrivning av Google, avkortning efter skärmbredd, tumregel för längd, unika titlar, varumärke, sökordsfyllning, nosnippet

Två rader i sidhuvudet

Varje sida på en webbplats börjar med en del som besökaren inte ser: <head>. Där finns två rader som är extra viktiga för sökmotorer:

<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>

Titeln (elementet <title>) syns i webbläsarens flik, i dina bokmärken och framför allt i sökresultaten. Google kallar den blå, klickbara raden i ett sökresultat för titellänk. Metabeskrivningen är en kort sammanfattning av sidan. Google använder den ibland för texten under titellänken: utdraget (på engelska snippet).

Tillsammans avgör de till stor del om någon klickar på ditt resultat eller på någon annans. Därför är det här en av få saker inom synlighet där du kan göra verklig skillnad på en kvart.

Vad Google gör med din titel

Google skriver det själv så här: se till att varje sida har en titel i elementet <title>, och gör den beskrivande och kortfattad. Vaga titlar som "Home" eller "Välkommen" säger ingenting.

Google använder oftast din <title>, men inte alltid. Google kan också skapa titellänken från andra källor: den största rubriken på sidan (ofta <h1>), og:title för sociala medier, framträdande text på sidan, texten i länkar som pekar till sidan och namnet från strukturerad data av typen WebSite. Det händer främst i dessa situationer, som Google själv nämner:

Om Google skriver om din titel är det inget straff. Det är ett tecken på att titeln inte beskriver sidan tillräckligt bra. Förbättrar du titeln tar Google ofta in den igen efter crawlerns nästa besök.

Hur lång får en titel vara?

Här går mycket råd på nätet fel. Google säger uttryckligen att det inte finns någon gräns för hur lång en <title> får vara. Däremot kortas titellänken av i sökresultaten så att den får plats på skärmen. Det sker efter skärmbredd (pixlar), inte efter ett fast antal tecken: en titel med många breda bokstäver (m, w) kortas av tidigare än en med smala (i, l).

Därför använder den här kursen en tumregel, inte en regel från Google: håll titeln mellan ungefär 15 och 65 tecken. Kortare blir ofta för vagt, längre riskerar att den viktigaste delen försvinner. Sätt därför det sidan handlar om först och företagets namn sist.

Skriv en bra titel

Från Googles riktlinjer och från praktiken:

1. Säg vad sidan handlar om. "Bruidsboeketten op maat in Amersfoort" (brudbuketter på beställning i Amersfoort) är bättre än "Diensten" (tjänster).
2. En egen titel för varje sida. Två sidor med samma titel går inte att skilja åt i sökresultaten.
3. Kort varumärke, i början eller i slutet, avgränsat med ett tecken som |, : eller -. Google avråder från att hänga en lång slogan på varje titel.
4. Ingen sökordsfyllning. "Bloemen Amersfoort, bloemist Amersfoort, boeket Amersfoort goedkoop" hjälper inte. Google nämner uttryckligen upprepade sökord som något som ser ut som spam; det står till och med i spampolicyn (lektion 8.2).
5. Håll den aktuell. Ett årtal i titeln innebär att du måste uppdatera den varje år.

Ett vanligt misstag med webbplatsbyggare: startsidan heter bara företagets namn. "Bloemenatelier Lotte" säger vem du är, men inte vad du gör eller var. "Bloemenatelier Lotte | Bloemist in Amersfoort" fungerar bättre för någon som inte känner dig än.

Metabeskrivningen

Metabeskrivningen står i ett <meta>-element:

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

Google säger: utdraget kommer främst från innehållet på själva sidan. Metabeskrivningen används om den sammanfattar sidan bättre än en textbit från sidan. Dessutom kan utdraget skilja sig mellan olika sökningar: Google visar den del som passar bäst till frågan. En bra metabeskrivning är alltså ingen garanti för att den visas, men den ökar chansen att det står något vettigt under din titel.

Även här gäller: Google har ingen maxlängd, men utdraget kortas av så att det får plats på skärmen. Tumregeln i den här kursen: 70 till 160 tecken. Tillräckligt lång för att säga något, tillräckligt kort för att stå kvar i sin helhet.

Så skriver du en:

• Sammanfatta vad man hittar på sidan, med vanliga meningar.
• Nämn konkreta uppgifter som hjälper till att välja: ort, vad du erbjuder, för vem.
• En egen beskrivning för varje sida. Har du ont om tid, börja med startsidan och dina mest besökta sidor; det rekommenderar Google också.
• Ingen lista med sökord. Google skriver att sådana beskrivningar används mer sällan som utdrag.

Vad metabeskrivningen inte gör: den är ingen rankingfaktor som ger dig en högre placering med hjälp av sökord. Den finns till för att locka den som söker att klicka.

Bestäm själv vad som visas

Vill du att Google inte visar något utdrag, eller bara en del? Det går med en robots-metarad: <meta name="robots" content="nosnippet"> (inget utdrag) eller max-snippet:50 (högst 50 tecken). En textbit kan du utesluta med attributet data-nosnippet. För de flesta små webbplatser behövs det inte.

Var du ser och kontrollerar det

• I källkoden: öppna sidan, högerklicka och välj "Visa sidkälla" (eller Ctrl+U). Sök med Ctrl+F efter <title och description.
• I sökresultaten: sök på site:example.com för att se hur Google visar dina sidor. Skiljer sig titellänken från din <title>, se vilken situation i tabellen ovan som passar.
• I Search Console: resultatrapporten (lektion 2.3) visar vilka sidor som får många visningar men få klick. Där lönar sig en bättre titel och beskrivning mest.

I praktiken: ställ in titel och beskrivning

• I WebOkés AI Builder anger du en egen titel och beskrivning för varje sida. Lämnar du titeln tom blir den för en vanlig sida "Sidnamn | Webbplatsnamn", och startsidan heter bara som din webbplats. Ge därför startsidan en egen titel som också säger vad du gör. SEO-kontrollen i AI Builder varnar vid en titel på mer än 65 och en beskrivning på mer än 160 tecken: samma tumregler som i den här kursen.
• I WordPress skapar WordPress själv titeln från sidans titel och webbplatsens namn. En metabeskrivning skapar WordPress inte själv; för det använder du ett SEO-tillägg eller ett tema som erbjuder det. Det tas också upp i WordPress-kursen, lektion 9.2.

Med andra webbplatsbyggare fungerar det på liknande sätt: leta efter inställningar som "SEO", "Sökmotorer" eller "Sidinställningar".

Sammanfattning

• Titeln är den klickbara raden i sökresultaten; metabeskrivningen sammanfattar sidan och visas ibland som utdrag.
• Google kan byta ut din titel om den är halvtom, inaktuell, felaktig eller likadan överallt, eller om det inte finns någon tydlig huvudrubrik.
• Google har ingen maxlängd, men kortar av efter skärmbredd. Tumregler i den här kursen: titel 15 till 65 tecken, beskrivning 70 till 160 tecken.
• En egen, beskrivande titel och beskrivning för varje sida; ingen sökordsfyllning; kort varumärke i slutet.
• Metabeskrivningen hjälper människor att välja, inte din placering i rankningen.

Quiz

Uppgift

Uppgift A3.1: Titel och metabeskrivning för din sida. Fyll i adressen till en sida på din egen webbplats (startsidan eller en viktig sida). Programmet hämtar sidan som en sökmotor gör, läser <title> och metabeskrivningen och räknar tecknen. Du ser om de finns, om de håller sig inom tumreglerna och om titeln säger mer än bara ditt företagsnamn. Ingen egen webbplats? Använd www.rijksoverheid.nl.

Läs mer

Stegen i de här artiklarna gäller för WebOkés paneler; hos andra leverantörer fungerar det på liknande sätt.

• Anmäl din webbplats till sökmotorer (Google och Bing)
• Sitebyggare och AI Bouwer: vilken ska du välja och hur öppnar du den?
• Google Search Central, Hantera titellänkar i sökresultaten: https://developers.google.com/search/docs/appearance/title-link
• Google Search Central, Utdrag och metabeskrivningen: https://developers.google.com/search/docs/appearance/snippet