HTML-taggar för SEO: vilka taggar som spelar roll, med exempel

Sökmotorer och AI-assistenter läser din sida som kod innan någon ser den på skärmen. Några få HTML-taggar för SEO avgör hur den koden tolkas: vilken URL som indexeras, vilken titel som visas i resultaten, vad sidan handlar om och hur den ser ut när den delas. Google listar de metataggar och attribut den stöder på en enda sida i sin dokumentation på Search Central, och allt utanför listan påverkar inte Google Sök. Den här guiden går igenom varje användbar tagg med ett exempel, de misstag man bör undvika och de taggar du kan glömma.

Vilka HTML-taggar spelar roll för SEO?

Tabellen nedan är referenslistan. Taggar i head beskriver sidan för maskiner; taggar i body strukturerar det som människor läser.

Vilka taggar i head styr hur Google visar din sida?

Titeltaggen

Den titeltaggen är den viktigaste taggen på sidan. Google säger att det inte finns någon gräns för längden på ett title-element, men titellänken kortas för att passa enhetens bredd, vilket i praktiken betyder cirka 50 till 60 tecken på dator. Google kan också skriva om den: dess dokumentation listar källorna den använder, från title-elementet och den synliga huvudtiteln till H1-rubriker, taggen og:title och ankartexten på länkar som pekar till sidan. En titel som stämmer överens med H1 och sidans innehåll är den som Google behåller. Skriv en unik titel för varje sida, med huvudsökordet nära början och varumärket i slutet.

Metabeskrivningen

Den metabeskrivningen ändrar inte rankningen, men den levererar ofta utdraget under titeln och påverkar därmed klicken. Google kan ersätta den med ett avsnitt på sidan som bättre matchar sökningen. Skriv den som ett kort svar följt av en fördel, mellan 120 och 160 tecken, och återanvänd aldrig samma beskrivning på flera sidor.

Metataggen robots

Metataggen robots talar om för genomsökare vad de får göra med sidan. Det vanligaste värdet är noindex, som håller sidan utanför resultaten; andra är nofollow, nosnippet och max-snippet, som begränsar längden på textutdraget. För filer som saknar head-sektion, till exempel PDF-filer, skrivs samma direktiv i HTTP-huvudet X-Robots-Tag. En noindex som lämnats kvar i en aktiv mall är en av de vanligaste orsakerna till förlorad trafik, så kontrollera den efter varje släpp.

Viewport och teckenkodning

Google anger i sin dokumentation att närvaron av viewport-taggen visar att sidan är mobilanpassad. Eftersom Google indexerar mobilversionen av webbplatser hör den här taggen hemma på varje sida. Deklarationen av teckenkodning (UTF-8 är Googles rekommendation) förhindrar trasiga tecken i titlar och utdrag, vilket spelar roll på flerspråkiga webbplatser.

Vilka taggar talar om för Google vilken URL som ska indexeras?

Två länktaggar i head hanterar dubbletter och språk. Canonical-taggen anger den föredragna versionen när samma innehåll nås via flera URL:er (filter, spårningsparametrar, HTTP och HTTPS). Google ser den som en stark ledtråd, tillsammans med omdirigeringar och interna länkar, så den fungerar bäst när alla signaler pekar på samma URL. Använd en absolut URL, behåll en canonical per sida och peka aldrig på en sida som är blockerad eller satt till noindex.

Attributet hreflang talar om för Google vilken sida som ska visas för vilket språk eller vilken region. Enligt Googles guide om lokaliserade versioner måste varje version lista sig själv och alla de andra, och ett x-default-värde kan ange sidan för användare vars språk inte täcks. Saknade returlänkar är det vanligaste hreflang-felet: om sida A pekar på sida B måste sida B peka tillbaka till sida A.

Vilka taggar i body hjälper sökmotorer att förstå innehållet?

Rubriker från H1 till H6

Rubrikerna ger sidans disposition. Använd en H1 som anger ämnet, H2 för huvudavsnitten och H3 för steg eller punkter inne i ett avsnitt, utan att hoppa över nivåer för visuellt utseende. Google har sagt att flera H1-taggar inte leder till något straff, men en enda tydlig H1 är fortfarande den enklaste strukturen för användare och hjälpmedel. Frågeformade H2-rubriker (”Hur fungerar X?”) stämmer också med hur människor formulerar sina sökningar och frågor.

Alt-text på bilder

Google förklarar i sina riktlinjer för bildsökoptimering att den använder alt-text tillsammans med datorseende och sidans innehåll för att förstå en bild, och att det att fylla alt-attribut med sökord kan leda till att en webbplats ses som spam. Beskriv vad bilden visar i en kort fras. Google noterar också att den inte indexerar bakgrundsbilder i CSS, så varje bild som ska rankas behöver ett riktigt img-element.

Länkar och deras rel-attribut

Elementet a är så genomsökare hittar sidor, så interna länkar måste vara riktiga länkar med en href, inte knappar som hanteras av JavaScript. Attributet rel kvalificerar utgående länkar: sponsored för betalda placeringar, ugc för kommentarer och foruminlägg, nofollow för länkar du inte vill ge stöd. Google har behandlat dessa värden som ledtrådar sedan 2020. Beskrivande ankartext hjälper både användare och sökmotorer.

Semantisk HTML5

Element som main, article, nav, header, footer och section talar om för maskiner vilken del av sidan som är huvudinnehållet och vilka delar som återkommer på varje sida. De ger inte bättre rankning på egen hand, men gör huvudinnehållet lättare att isolera, för sökmotorer, skärmläsare och AI-verktyg på samma sätt. Vår guide till semantisk HTML beskriver varje element. I texten markerar strong och em betoning; använd dem för nyckeltermer, inte för hela stycken.

Vilka taggar styr förhandsvisningar i sociala medier och rika resultat?

Protokollet Open Graph, skapat av Facebook och numera läst av de flesta sociala nätverk och meddelandeappar, definierar taggarna og:title, og:description, og:image och og:url som bygger förhandsvisningskortet när en sida delas. Utan dem gissar plattformarna, ofta med fel bild. Du kan testa resultatet med ett verktyg för förhandsvisning av Open Graph innan du publicerar.

Strukturerad data i formatet JSON-LD, placerad i en script-tagg, beskriver sidan med ordförrådet Schema.org: artikel, produkt, organisation, brödsmula, vanliga frågor. Google använder den för rika resultat, och den ger AI-system uttryckliga fakta om entiteten bakom sidan. Märkningen måste beskriva det som syns på sidan. Vi går igenom dess roll för AI-svar i vår guide till strukturerad data och AI-sökning.

Vilka HTML-taggar ignorerar Google?

Googles lista över stödda taggar visar också vad du kan sluta underhålla:

• Meta keywords: Google anger att metataggen keywords inte används av Google Sök och inte har någon effekt på indexering eller rankning.
• Okända metataggar: Google ignorerar metataggar som den inte stöder, till exempel meta author eller meta revisit-after.
• Attributet lang: Google identifierar språket på en sida utifrån texten, inte utifrån attributet lang. Behåll attributet för tillgänglighet och andra verktyg, och använd hreflang för att koppla samman språkversioner.
• Meta refresh som omdirigering: det fungerar, men Google rekommenderar en serverbaserad omdirigering med status 301 i stället.

Spelar HTML-taggar roll för AI-svar?

Ja, av en enkel anledning: ChatGPT, Claude, Gemini och Perplexity plockar ut avsnitt från sidor, och ren HTML gör att de avsnitten är lätta att hitta. Flera AI-genomsökare hämtar den råa HTML-koden utan att köra JavaScript, så en titel, en canonical eller ett textblock som skjuts in av skript kanske aldrig når dem. En tydlig rubrikhierarki delar upp sidan i självständiga svar, listor och tabeller håller ihop fakta, och strukturerad data anger fakta utan tvetydighet. Det här är den tekniska sidan av generativ sökmotoroptimering: samma taggar som hjälper Google hjälper också AI-assistenter att citera dig korrekt.

Hur kontrollerar du HTML-taggarna på en sida?

1. Läs den råa källkoden. Öppna källkoden (Ctrl+U) och sök efter taggarna title, metabeskrivning, robots, canonical och hreflang. Om en tagg bara syns i den renderade sidan beror den på JavaScript.
2. Jämför med Googles bild. Verktyget för URL-inspektion i Google Search Console visar den HTML som Google renderade och den canonical den valde.
3. Granska sida för sida. Det kostnadsfria Sorank-tillägget för Chrome listar saknade eller dubblerade taggar och åtgärderna för sidan du visar.
4. Granska hela webbplatsen. En genomsökare hittar dubblerade titlar, saknad alt-text och felaktiga canonical-taggar över tusentals URL:er; vårt urval av verktyg för teknisk SEO jämför alternativen.
5. Kontrollera igen efter varje släpp. Mallförändringar är där noindex-taggar, trasiga canonical-taggar och tomma titlar dyker upp.

Att få de tiotalet taggar ovan rätt täcker nästan allt HTML kan göra för SEO; resten av arbetet handlar om innehåll och länkar. Om du vill ha sidor som redan levereras med rena titlar, rubriker, interna länkar och strukturerat innehåll skriver och publicerar Soranks artikelgenerator dem i autopilot, från 49 dollar i månaden med årsfakturering (se priser).