Allt du behöver veta om hreflang-taggar
Om du arbetar med en flerspråkig webbplats har du med stor sannolikhet stött på termen hreflang-taggar. Det är förmodligen anledningen till att du läser den här artikeln. I denna kompletta guide går vi igenom allt du behöver veta om hreflang-taggar, från deras funktion och betydelse för SEO till hur du implementerar dem korrekt.
Så, vad är egentligen hreflang-taggar, och varför är de så viktiga när man hanterar flera språk på en webbplats? Låt oss gå igenom det steg för steg.
Vad är hreflang-taggar?
Hreflang-taggar är korta kodstycken som används för att identifiera språket och den geografiska inriktningen för en specifik sida på din webbplats. Sökmotorer som Google använder dessa taggar för att förstå webbplatsens struktur och kunna presentera den mest relevanta versionen av ditt innehåll för användaren baserat på deras språk och plats.
Mer specifikt låter hreflang-taggar dig signalera till sökmotorer att flera sidor är versioner av varandra, men avsedda för olika språk eller regioner. Det är ett sätt att skapa en koppling mellan likvärdigt innehåll.
Låt oss ta ett exempel. Anta att du har en engelsk sida på https://dinsida.se/hello-world/ och en identisk sida översatt till spanska på https://dinsida.se/es/hola-mundo/.
Med hjälp av hreflang-taggar kan du meddela sökmotorerna: ”Hej, dessa två sidor har samma syfte och innehåll, men den ena är för engelsktalande användare och den andra är för spansktalande.”
Du kan också vara mer specifik än att bara ange språk och även tala om för sökmotorer att dina sidor riktar sig till olika geografiska områden, vilket kallas för lokalisering.
Till exempel: ”Hej, dessa två sidor har samma engelska innehåll, men den ena är avsedd för personer i USA och den andra för personer i Storbritannien.”
Hreflangs påverkan på SEO och dess betydelse
Även om hreflang-taggar inte är en direkt rankningsfaktor på samma sätt som exempelvis inlänkar eller sökordsanalys, är en korrekt implementering en fundamental del av teknisk SEO för alla webbplatser som riktar sig till flera språk eller regioner.
Det finns tre huvudsakliga SEO-fördelar med att använda hreflang-taggar:
1. Undvik problem med duplicerat innehåll
Hreflang hjälper till att förhindra att sökmotorer flaggar ditt innehåll som duplicerat. Tänk dig att du har två nästan identiska sidor – en för engelsktalande i USA och en för engelsktalande i Australien. Även om språket är detsamma kan valuta, stavning och kulturella referenser skilja sig åt. Genom att lägga till korrekta hreflang-taggar för språk och region gör du det tydligt för sökmotorer att sidorna inte är duplicerat innehåll, utan snarare innehåll som är optimerat för olika målgrupper.
2. Optimera sidor för olika målgrupper
Om vi fortsätter med exemplet ovan säkerställer hreflang-taggarna inte bara att du undviker dupliceringsproblem, utan också att rätt användare hittar rätt innehåll. Google kan då ranka den amerikanska versionen för personer som söker i USA och den australiska versionen för personer som söker i Australien. Varje användare dirigeras till den sida som är skräddarsydd för dem, vilket i sin tur kan leda till sekundära SEO-fördelar som högre klickfrekvens (CTR) och lägre avvisningsfrekvens (bounce rate).
3. Dra nytta av delade rankningssignaler
Gary Illyes från Google har antytt att hreflang-taggar kan ha en mer direkt inverkan på SEO genom att sidor inom samma hreflang-kluster delar rankningssignaler med varandra. Om den engelska versionen av en sida har många starka länkar som pekar till sig, kan en del av den auktoriteten, eller länkkraften, överföras till den spanska versionen av sidan, förutsatt att de är korrekt sammankopplade med hreflang. Även en liten ökning från delade signaler är en stark anledning att implementera hreflang korrekt.
Är hreflang-taggar bra för SEO?
Sammanfattningsvis är en korrekt användning av hreflang-taggar definitivt bra för SEO. Det hjälper dig att optimera hur sökmotorer indexerar din webbplats och säkerställer att användarna får den bästa möjliga upplevelsen. Dessutom finns det, som Google antytt, potentiella fördelar med delade rankningssignaler mellan sidor i samma hreflang-kluster.
Tre vanliga användningsområden
Vi har redan berört detta, men låt oss förtydliga de vanligaste situationerna där du bör använda hreflang-taggar.
Innehåll på olika språk
Det mest uppenbara fallet är när du har översatt innehållet på din webbplats till ett eller flera andra språk. Då vill du lägga till hreflang-taggar så att Google förstår att sidorna är associerade med varandra – det vill säga, samma innehåll på olika språk.
Innehåll på samma språk men för olika platser
Som vi nämnde i SEO-avsnittet bör du använda hreflang-taggar även om ditt innehåll är på samma språk men riktat till olika regioner. Om du exempelvis har olika versioner av en sida för engelsktalande besökare från USA, Storbritannien och Australien, använder du hreflang för att specificera den geografiska inriktningen för varje sida.
Innehåll på olika domäner eller underdomäner
I vissa fall kan flerspråkiga webbplatser vara uppbyggda med separata underdomäner (t.ex. es.dinsida.se) eller helt olika domännamn (t.ex. dinsida.se och dinsida.es). Du kan och bör fortfarande använda hreflang-taggar för att länka samman dessa webbplatser, även om de ligger på separata domäner.
Generella tips för implementering
Exakt hur du lägger till hreflang-taggar på din webbplats beror på dess tekniska plattform. Processen skiljer sig åt beroende på om du har kodat webbplatsen från grunden eller om du använder ett innehållshanteringssystem (CMS) som WordPress eller en webbplatsbyggare som Squarespace eller Wix. Vissa plattformar och tillägg kan automatisera processen, medan andra kräver att du lägger till koden manuellt.
Hur skapar man en hreflang-tagg?
Innan vi diskuterar implementering på olika plattformar behöver vi förstå hur en hreflang-tagg är uppbyggd. Du har två huvudsakliga alternativ för att definiera din målgrupp:
- Endast språk: Du anger enbart sidans språk med dess tvåbokstaviga ISO 639-1-kod. Exempelvis ”detta är den spanska versionen av sidan”. (`es`)
- Språk OCH region: Du kan vara mer specifik genom att ange både språkkod och regionens tvåbokstaviga ISO 3166-1 Alpha 2-kod. Exempelvis ”detta är den spanska versionen för personer i Mexiko” (`es-MX`) och ”detta är den spanska versionen för personer i Spanien” (`es-ES`).
Om du har flera sidor på samma språk som riktar sig till olika platser, bör du ange både språk och region. Om du däremot bara har en enda version av sidan på ett visst språk som ska gälla för alla, räcker det med att ange språkkoden.
- Språk- och landskoder: Använd alltid korrekta ISO-koder. Du hittar kompletta listor online för både språkkoder (ISO 639-1) och landskoder (ISO 3166-1 Alpha 2).
- URL: Se till att du anger den fullständiga, absoluta URL:en, inklusive https:// eller http://.
Hur många hreflang-taggar behöver man lägga till?
Detta är en kritisk punkt: du måste lägga till samtliga hreflang-taggar på samtliga versioner av en sida, inklusive en tagg som refererar till sidan själv.
Låt oss säga att du har tre versioner av en sida:
Var och en av dessa tre sidor måste innehålla alla tre hreflang-taggarna. Den engelska sidan måste alltså ha en hreflang-tagg som pekar till sig själv (en så kallad självrefererande tagg), samt taggar som pekar till den mexikanska och den tyska versionen. Om inte alla sidor i ett kluster pekar på varandra kan Google välja att ignorera dina hreflang-attribut, så var noggrann.
Google rekommenderar också starkt att du inkluderar en ”reservsida” med attributet x-default. Denna sida visas för användare vars språk eller region inte matchar någon av dina specificerade versioner.
Var placerar man hreflang-taggen?
Det finns tre platser där du kan implementera hreflang-taggar:
- I HTML-koden: Du kan lägga till hreflang-taggarna som länkelement i <head>-sektionen på varje sida. Detta är den vanligaste metoden.
- I webbplatskartan: Du kan specificera hreflang-informationen direkt i din XML-webbplatskarta. Detta kan vara en mer effektiv lösning för stora webbplatser då det inte tynger ner sidans HTML.
- Via HTTP-headers: För innehåll som inte är HTML, exempelvis PDF-filer, kan du ange hreflang-information i HTTP-huvudet.
För bästa resultat rekommenderas det generellt att inkludera hreflang-informationen både i sidans HTML och i din XML-webbplatskarta. De flesta moderna SEO-verktyg och CMS-plugins gör detta automatiskt.
Kom igång med hreflang-taggar idag
Om du har en flerspråkig webbplats eller en webbplats med innehåll anpassat för olika geografiska regioner, är det avgörande att du implementerar hreflang-taggar korrekt för att förbättra både din SEO och användarupplevelsen. Syntaxen är enkel, men det är viktigt att vara konsekvent och se till att alla versioner av en sida är korrekt länkade till varandra.
Om du använder TOTAL översättningsbyrås tjänster för översättning, webbutveckling och sökmotoroptimering, har du all expertis du behöver samlad på ett ställe. Kontakta oss idag, så hjälper vi dig vidare!
