Den ultimata guiden till Hreflang-taggen: bästa praxis för SEO

Om du har en flerspråkig webbplats eller planerar att göra din webbplats flerspråkig, då har du nästan säkert hört talas om hreflang-taggar.

Här är ett exempel på en hreflang-tagg som riktar sig till engelsktalande i Japan:

<link rel=”alternate” hreflang=”en-jp” href=”http://www.example.com/en-jp/” />

Och så här skulle det se ut om den riktade sig till japansktalande i Japan:

<link rel=”alternate” hreflang=”ja-jp” href=”http://www.example.com/ja-jp/” />

Kort sagt är hreflang-taggar viktiga för att:

• Nå potentiella kunder i olika länder.
• Visa rätt innehåll för besökare baserat på deras region och föredragna språk.
• Bygga en stark internationell sökmotoroptimeringsstrategi (SEO) för din webbplats.
• Ge en bra användarupplevelse på flerspråkiga webbplatser.

Konceptet med hreflang-taggen är inte så svårt att förstå i sig. Men att implementera hreflang-taggar korrekt på din webbplats kan vara en helt annan femma – särskilt om du inte är van vid hur man gör.

Men oroa dig inte. I den här guiden kommer vi att prata om några bästa tips för hreflang SEO och hur du undviker vanliga misstag när du använder hreflang-taggar på din webbplats.

Obs: Om du är här för att hitta ett verktyg som hjälper dig att lägga till dina hreflang-taggar, registrera dig för en gratis provperiod av Weglot för en helt översatt webbplats med automatiskt tillagda hreflang-taggar.

Vad är hreflang-taggar?

En hreflang-tagg är ett HTML-attribut som sökmotorer använder för att förstå språket på en viss webbsida och vilken geografisk region den var avsedd för.

Till exempel, när vi googlar 'Adidas officiella webbplats' i USA, är det första resultatet som dyker upp 'adidas.com'. När vi däremot gör samma sökning från Frankrike, får vi Adidas officiella webbplats för Frankrike – nämligen 'adidas.fr'.

Dessa olika sökresultat beror på att Adidas använder hreflang-taggen. Hreflang hjälper Google att förstå att ”adidas.com” är avsedd för sökande i USA, medan ”adidas.fr” är avsedd för sökande i Frankrike.

Hreflang-taggar kan användas i olika sammanhang. Till exempel kanske ett företag vill använda hreflang om det vill erbjuda:

• Hela sin webbplats på två eller fler språk för att nå publik som talar olika språk.
• Olika innehåll för besökare från olika regioner som talar varianter av samma språk. Till exempel en webbsida på tyska för besökare från Tyskland och en annan webbsida på schweizertyska för besökare från Schweiz.

Hur ser hreflang-attributen ut?

Hreflang-taggar har en enkel struktur.

De består av tre HTML-attribut:

1. rel: detta talar om för Google att länken i hreflang-taggen pekar på en alternativ version av innehållet, istället för originalet.
2. hreflang: detta anger språket och regionen som den här innehållsversionen är avsedd för, i formatet “språk-region”.
3. href: detta innehåller länken till den webbsida som Google ska skicka besökare med sådana språk- och regioninställningar till.

Till exempel skulle hreflang-taggar för webbsidor avsedda för fransktalande och engelsktalande i Kanada se ut så här:

<link rel=“alternate” hreflang=“fr-ca” href=“http://www.example.com/fr-ca/” />

<link rel=“alternate” hreflang=“en-ca” href=“http://www.example.com/en-ca/” />

En webbplats kan också ha en webbsida på spanska för besökare från Spanien, och en annan webbsida på spanska för besökare från Mexiko. I det här fallet kan du utöka hreflang-taggarna med hreflang-annotationer.

Annotationer måste läggas till på båda webbsidorna för att tala om för Google vilken lokaliserad sida den ska visa för spanska respektive mexikanska besökare. Hreflang-taggarna skulle se ut så här:

<link rel=“alternate” hreflang=“es-es” href=“http://www.example.com/” />

<link rel=“alternate” hreflang=“es-mx” href=“http://www.example.com/” />

Om du inte har alternativa innehållsversioner för vissa språk kan du ställa in hreflang-attributet till reservvärdet x-default. Så här:

<link rel=“alternate” hreflang=“x-default” href=“http://www.example.com/ca/” />

Detta är en bra metod för webbsidor som inte riktar sig till ett specifikt språk eller en region, men som låter besökare välja sitt land.

Hur implementerar man Hreflang-taggar?

Det finns några ställen på din webbplats där du kan placera dina hreflang-attribut för att implementera hreflang-taggar:

1. För HTML-innehåll som webbsidor kan du lägga till dina hreflang-attribut i head-sektionen på varje sida. (Weglots plugin lägger till hreflang-attribut här om du använder det för att automatiskt översätta dina webbsidor. Obs! Hreflang-taggar läggs bara till om du använder en subdomän- eller underkatalogintegration.)

Det skulle typiskt se ut så här:

<link rel="alternate" href="https://www.abc.com/" hreflang="en" />

<link rel="alternate" href="https://www.abc.com/en-ca" hreflang="en-ca" />

<link rel="alternate" href="https://www.abc.com/en-gb" hreflang="en-gb" />

En nackdel med den här metoden är att eftersom du i princip lägger till länkelement till dina flerspråkiga sidor, ökar det dina serveranrop och sidladdningstid. Om du har en stor webbplats som riktar sig till flera språk kan din laddningstid öka.

2. För innehållstyper som inte är HTML, till exempel PDF-filer, fungerar inte HTML-länkelement. Istället kan dina hreflang-attribut placeras i dessa filers HTTP-headers. Här är ett exempel på hur en typisk hreflang-tagg skulle se ut om den implementerades i HTTP-headers för en e-handelskalender:

<https://www.weglot.com/blog/wp-content/uploads/2024/02/The-International-Ecommerce-Calendar-2024-Weglot.pdf> rel="alternate"; hreflang="en",

<https://www.weglot.com/de/blog/wp-content/uploads/2024/02/The-International-Ecommerce-Calendar-2024-Weglot.pdf> rel="alternate"; hreflang="de"

Liksom den tidigare metoden kan detta också lägga till markup på din webbplats och öka laddningstiden.

Om du vill placera hreflang-attributen för alla din webbplats webbsidor på ett ställe, är det bäst att lägga till dem i din webbplats XML-sitemap med hjälp av hreflang-attributet xhtml:link.

Att placera hreflang-taggar i din XML-sitemap hjälper också till att undvika den möjliga nedgången i sidladdningshastighet som kan uppstå när du använder head-sektionen eller HTTP-headers-metoden. Här är ett exempel på en hreflang-tagg för denna implementering:

<url>
<loc>https://www.abc.com/us/</loc>
<xhtml:link rel="alternate" hreflang="en" href="https://www.abc.com/" /> 
<xhtml:link rel="alternate" hreflang="en-ca" href="https://www.example.com/au/" />
<xhtml:link rel="alternate" hreflang="en-gb" href="https://www.example.com/uk/" />
</url>

Om du manuellt implementerar hreflang-taggar på din webbplats behöver du bara använda en av ovanstående metoder.

Tänk på att du arbetar med långa kodstycken (särskilt med XML-sitemap-metoden). Du kan behöva felsöka fel, vilket kan vara en tråkig uppgift. Det är då hreflang-verktyg kommer till nytta.

Hreflang-verktyg att använda för att implementera hreflang-taggar

1. Använd en hreflang-tagggenerator för att lägga till hreflang-taggar i head-sektionen, lägga till hreflang-attribut i XML-sitemapen, eller generera exempelkodmallar. Lägg bara till dina URL:er i deras formulär (eller ladda upp upp till 50 URL:er i CSV-format), välj ditt språk och land, och generera dina taggar.
2. Weglots hreflang-taggkontroll – för att slippa felsöka kan du kolla om dina hreflang-attribut fungerar. Weglots hreflang-kontroll är det bästa sättet att se om en hreflang-tagg har implementerats korrekt.

Om du lär dig bäst visuellt, här är en video som förklarar hur du lägger till hreflang-taggar på din webbplats:

Hreflang-tagg vs Canonical-tagg: Vad är skillnaden?

Hreflang-taggar indikerar för Google vilken av din webbsidas olika (men ofta liknande) versioner som ska visas för olika språk- och regionsökningar.

Om du till exempel är i Spanien, ska du få upp en spansk webbsida som är till för besökare från Spanien, istället för en spansk webbsida som är till för besökare från Sydamerika.

Å andra sidan kanske du har flera webbsidor med liknande (eller till och med identiskt) innehåll, och du vill att Google bara ska hitta och visa en av dem i sökresultaten.

Här använder du en kanonisk tagg för att berätta för Google vilken webbsida det här är, så att den inte visar någon annan sida istället. Att göra så kan också hjälpa dig att undvika problem med dubbelt innehåll.

Hreflang- och kanoniska taggar kan användas tillsammans, men det är viktigt att göra det på rätt sätt. Annars kan du skicka motstridiga signaler till Google om vilka sidor den ska indexera, så att den bestämmer sig för att helt ignorera alla dina instruktioner.

Så här använder du hreflang- och kanoniska taggar tillsammans:

• Lägg till dina hreflang-taggar och deras returlänkar på dina webbsidor som du brukar
• Lägg sedan till kanoniska taggar som visar de kanoniska versionerna av dessa sidor på samma språk (eller det bästa möjliga alternativa språket om det inte finns något)

Detta gör att dina webbsidor får:

• En kanonisk tagg som pekar på den kanoniska versionen av sidan (oavsett om det är den själv eller en annan sida).
• Så många hreflang-attribut som behövs för alla språkvarianter du har tagit fram.

Obs: Om du är här för att hitta ett verktyg som hjälper dig att lägga till dina hreflang-taggar, registrera dig för en gratis provperiod av Weglot för en helt översatt webbplats med automatiskt tillagda hreflang-taggar.

Varför är Hreflang-taggar viktiga för internationell SEO?

Hreflang SEO hjälper till att berätta om webbsidans relevans

Hreflang-taggen berättar för Google vilka versioner av dina webbsidor som är mest relevanta för vissa sökningar. Den berättar också hur högt Google ska visa dessa sidor i sökresultaten.

Så här fungerar det:

• Hreflang-taggar berättar för Google att en webbsida har varierande språk och regioner
• De ger länken till den webbsidan
• De anger språket och regionen för den specifika varianten som Google tittar på.

Med hjälp av denna information bestämmer Google vilken webbsideversion som är mest relevant för personer som söker med vissa språk- eller regioninställningar.

Till exempel kan din webbsida ha en hreflang-tagg som visar att sidan är till för besökare från Japan. När Google ser hreflang-taggen, ser den webbsidan som relevant för japanska besökare och kan visa den högre upp för sökningar från Japan. Detta kommer att leda till ökad synlighet och fler klick till den.

Å andra sidan, låt oss säga att din webbsida inte har en hreflang-tagg. I det här fallet kan Google ändå bestämma sig för att visa den för japanska sökare.

Men om din webbsida är på engelska, kanske en japansk sökare är mindre benägen att läsa den och mer benägen att lämna (eller "studsa") direkt efter att ha landat på den.

Resultatet blir att Google kommer att se detta användarbeteende och dra slutsatsen att din webbsida är mindre relevant för japanska sökare. På grund av detta kanske din webbsida inte visas lika högt upp eller får lika mycket trafik från sökningar från japanska sökare i framtiden.

Hreflang-taggar hjälper till att undvika straff för dubbelt innehåll

När du förbereder språk- och regionvarianterna av dina webbsidor, kommer du att översätta deras innehåll till olika språk, vilket resulterar i webbsidor med väldigt olika sidinnehåll.

Omvänt kan vissa språkvarianter – som engelska sidor för amerikansk och brittisk publik – bara behöva små innehållsskillnader på samma språk. Du kommer då att ha en webbplats som har webbsidor med väldigt liknande innehåll.

Detta kan leda till problem med dubbelt innehåll, eftersom Google vill visa unikt och relevant innehåll för de som söker. Om Google hittar sidor med samma innehåll, kanske de bara visar en av dem i sökresultaten.

Om Google misstänker att webbplatsägaren försöker fuska med sökrankingen, kan de till och med välja att inte visa någon av sidorna alls.

Men den goda nyheten är att du kan använda hreflang-taggar för att undvika sådana straff för dubbelt innehåll. Med hreflang-taggar berättar du för Google att dina webbsidor är till för och ska visas för olika målgrupper, och att de inte ska ses som exakt samma innehåll.

Hreflang-taggar är ingen order

Men tänk på att hreflang-taggar inte är en order.

Även om en korrekt användning av hreflang kan hjälpa till att påverka Googles beslut om vilken version av din webbsida som är mest relevant för de som söker, är Google inte tvungna att visa den version som du vill visa för dem.

Det beror på att Google också kan ta hänsyn till andra SEO-faktorer när de bestämmer hur relevant en webbsida är (och därmed hur högt den ska rankas) för en viss sökfråga. Exempel på sådana faktorer är din webbplats laddningstid, mobilvänlighet och domänauktoritet.

Användarens sökinställningar i Google spelar också roll. Till exempel kommer användare som söker från Frankrike, men har ställt in engelska som språk, oftast att se sökresultat på engelska istället för franska.

Trots det är det viktigt att följa både hreflang och bästa tipsen för SEO.

Viktigt med Hreflang-taggar för internationella varumärken

Se till att innehållet du skapar når rätt målgrupp

När du marknadsför dig internationellt måste du skapa webbplatsinnehåll som är anpassat till dina besökares lokala förutsättningar.

Titta till exempel på den globala hemsidan för det multinationella dryckesföretaget The Coca-Cola Company:

Jämför den sedan med hemsidan för varumärkets australiska webbplats:

Du kommer att märka att The Coca-Cola Company har ändrat budskapet om sitt program för socialt ansvar på sin australiska hemsida för att lyfta fram sina insatser för att hjälpa australiska samhällen. Detta kommer att tilltala australier mer än att visa upp ett globalt initiativ, och skapa mer välvilja bland varumärkets kunder i Australien.

På samma sätt kanske du vill skapa olika innehåll för att passa besökare från olika regioner. Men om sådant innehåll inte når sin målgrupp, kanske du inte får den avkastning du letar efter.

Det är här hreflang SEO kommer in. Med hreflang-taggar kan du hjälpa sökmotorer att styra sökande till rätt versioner av dina webbsidor. På så sätt kommer de som söker att se det innehåll de var tänkta att se, istället för en annan version.

Skapa en trevligare användarupplevelse

Tänk dig att du shoppar jeans online. Du har hittat det perfekta paret och vill veta vad det kostar.

Men priset på jeansen visas i utländsk valuta. Du blir frustrerad, eftersom du måste omvandla priset till din lokala valuta för att veta vad det skulle kosta dig. Du kanske inte ens orkar med besväret och bestämmer dig för att strunta i köpet helt och hållet.

För att ta bort sådana hinder i kundresan och ge en trevligare användarupplevelse behöver du kunna visa innehåll som är anpassat till din besökares förutsättningar – och hreflang-taggar kan hjälpa till med det.

Som exempel kommer besökare på klädmärket Levis hemsida i Storbritannien att se den här sidlayouten och produktlistningen:

Medan de som besöker Levis hemsida i Kina kommer att se ett annat urval av produkter och innehåll som är mer anpassat till deras marknad:

Resultatet? En smidigare användarupplevelse på Levis webbplats, vilket garanterat ökar engagemanget på webbplatsen och försäljningen.

Vanliga frågor om Hreflang-taggar

Hur många hreflang-attribut behöver en sida?

Det finns inga minimi- eller maximigränser för antalet hreflang-attribut du kan lägga till på en webbsida.

Det betyder dock inte att du ska försöka lägga till hreflang-attribut för alla språk- och regionvariationer. Att skapa innehåll för varje möjlig variation tar mycket resurser i anspråk, så fokusera på att producera innehåll för de som är relevanta för ditt företag. Lägg sedan till rätt antal hreflang-attribut på dina webbsidor.

Och för alla andra variationer som du inte har specifikt innehåll för, kan du använda “x-default”.

Hur ska du indexera dina sidor efter att du lagt till hreflang-taggar?

Som en del av hreflang SEO, indexera alla dina webbsidor – inklusive originalinnehållet och alla dess variationer – så att Google kan hitta dem och visa dem för rätt besökare.

Ingen av dina sidor (varken originalet eller variationerna) ska innehålla noindex-taggar. Dessa kan nämligen krocka med instruktionerna i hreflang-taggarna om att indexera både originalet och innehållsvariationerna.

Om Google inte indexerar dessa sidor, kommer du inte att synas på sökresultatsidorna (SERP), och Google kommer inte att se dina hreflang-instruktioner på dem. Då kommer sidorna inte att visas för de sökande som borde se dem.

Hur implementerar du returlänkar?

Hreflang-taggar kommer i par. Om du har en hreflang-tagg på originalsidan som länkar till en alternativ språkversion av din sida, då måste den alternativa sidan också ha en hreflang-tagg som länkar tillbaka till originalsidan.

Sådana hreflang-länkar kallas returlänkar eller dubbelriktade länkar. För att implementera dem, lägg till dem på alla dina originalsidor och deras alternativ, och se till att originalen pekar på alternativen och vice versa. Annars kanske Google inte kan visa rätt versioner av dina webbsidor för rätt besökare.

Vanliga misstag att undvika när du använder hreflang-taggar

Att använda fel metod för att implementera hreflang-taggar

Vi har gått igenom tre metoder för hreflang-implementering ovan, och du kan välja en (och bara en) av dem att använda för din webbplats.

Se till att implementera din valda metod korrekt också, annars kan det leda till problem med din hreflang-tagginställning. (Om du använder Weglot behöver du inte oroa dig för felaktig implementering; det ställer in allt korrekt åt dig.)

Att inte använda rätt språk- och regionkoder för dina hreflang-länkattribut

Du måste använda rätt ISO 639-1 språkkoder och ISO 3166-1 regionkoder när du anger språk och region för dina hreflang-länkattribut. Till exempel ska du använda “ko” för att referera till koreanska språket men “kr” för regionen Sydkorea.

Om du använder fel språk eller landskod kan det uppstå ett felmeddelande om att "din webbplats saknar hreflang-språktaggar" i Google Search Console. Besökare kan också se fel version av en sida.

Att använda hreflang-taggen bara på din startsida

Hreflang-taggar måste implementeras på alla sidor på din webbplats som har språk- och regionvarianter, och inte bara på startsidan. Annars signalerar du att du bara har en eller flera varianter för startsidan, men inte för dina andra webbsidor.

Att använda hreflang-taggar för att peka dina webbsidor till irrelevanta språkvarianter

Att lägga till hreflang-taggar för språkvarianter på webbsidor som inte har anpassats för dessa språk kan låta som en bra strategi för att täcka alla baser.

Men detta kommer bara att förvirra dina besökare och få dem att lämna sidan, särskilt när de ser webbsidor som inte har anpassats till deras sammanhang.

Google kan upptäcka detta och märka att dina webbsidor har lägre relevans för sådana besökare – och därmed ranka dem lägre för liknande sökningar i framtiden.

Att använda samma språkvarianter för besökare från olika regioner

Frankrike och Belgien har båda fransktalande invånare, men det betyder inte att du kan visa samma version av din webbsida för fransktalande i båda länderna.

Dina webbsidor behöver lokaliseras och anpassas till de lokala sammanhangen för båda grupperna, oavsett om det gäller innehåll eller kultur, för att ge en verkligt lokaliserad användarupplevelse.

Lägga till Hreflang-taggar på sidor som inte indexeras

Dessa webbsidor har markerats som att de inte ska indexeras, vilket betyder att Google troligen inte kommer att indexera dem – eller se och bearbeta de hreflang-taggar som du har lagt ner tid på att lägga till.

Att inte tillhandahålla en reservsida för varianter som inte har en specifik version

Du behöver inte ha alternativa versioner av dina webbsidor för alla tänkbara språk och regioner. Däremot bör du ha reservsidor som Google kan visa för besökare med språk- och regioninställningar som du inte har en specifik version för.

Glöm inte att ställa in hreflang-attributet ”x-default” för dessa sidor heller!

Att inte hålla dina hreflang-taggar uppdaterade

När din webbplats växer, se till att ha koll på din webbplatsstruktur och håll koll på om dina hreflang-taggar behöver uppdateras.

Om du lägger till en ny domän för ett land, måste du lägga till hreflang-taggar på alla dina befintliga webbsidor som pekar på webbsidorna i den nya domänen.

Men om du har tagit bort en språkversion av din webbplats, behöver även de hreflang-taggar som pekar på den språkversionen tas bort.

Du vill inte ha hreflang-taggar som pekar på saknade eller felaktiga URL:er – det skadar användarupplevelsen och kan även påverka din placering i Google-sökningar.

Vad är det bästa sättet att lägga till hreflang-taggar på din flerspråkiga webbplats?

Det går att manuellt lägga till hreflang-taggar på din flerspråkiga webbplats (se ovan för de tre metoder vi har gått igenom). Men den mest rekommenderade lösningen är att använda ett tillägg som gör allt det tunga jobbet åt dig.

Om du använder en bra översättningslösning som Weglot för att förbereda dina webbsidor för flerspråkig SEO, implementeras dina hreflang-taggar automatiskt på din webbplats. Din inställning blir också felfri, vilket hjälper dig att undvika många av de vanliga hreflang-misstagen vi har nämnt i den här guiden.

Så här kontrollerar du att en hreflang-tagg har implementerats korrekt

För att vara på den säkra sidan är det en bra idé att dubbelkolla att dina hreflang-taggar fungerar efter att du har implementerat dem. Vi har utvecklat ett smidigt Hreflang Checker-verktyg just för detta syfte!

Klistra bara in URL:en du vill kontrollera i verktygets sökfält (med ”http://” eller ”https://” framför), välj den sökmotorrobot du vill efterlikna och klicka sedan på knappen ”Testa URL”.

Här är några demoresultat, med Weglots egen webbplats som exempel:

Vårt verktyg för hreflang-kontroll fungerar oavsett om du har implementerat dina hreflang-taggar manuellt eller via Weglot-pluginet, så kör igång och prova det.

Få kläm på Hreflang

Hreflang SEO är ett kraftfullt verktyg för att se till att de olika språkversionerna av ditt innehåll når sin avsedda publik, särskilt om du riktar dig till en internationell publik.

Om du inte redan har implementerat hreflang-taggar på din webbplats, så hoppas vi att den här guiden har hjälpt dig att se fördelarna med det och hur du kan komma igång.

Å andra sidan, om du har insett att du har gjort ett misstag i din hreflang SEO-implementering, använd tipsen i guiden för att ta hand om denna viktiga del av din flerspråkiga webbplats.

Tänk på att efter att du har lagt till hreflang-taggar på din webbplats eller korrigerat din befintliga implementering, behöver du vänta minst ett par dagar innan några rankningsförändringar sker. Google måste indexera om din webbplats för att upptäcka dina ändringar, och en sådan omindexering kanske inte sker omedelbart.

Bli inte heller besviken om du inte ser en ökning av trafiken efter att ha implementerat hreflang-taggar på din webbplats. Målet med att lägga till hreflang-taggar är att visa rätt språkversion av ditt innehåll för rätt användare, och det behöver inte nödvändigtvis leda till fler besökare på webbplatsen.

Istället kan det vara bättre att titta på förbättringar i din webbplats engagemang och avvisningsfrekvens för att se om dina hreflang-taggar gör skillnad.

Hreflang SEO är förstås bara en av de saker du behöver göra för att göra din webbplats flerspråkig. Du måste också tänka på översättningen av ditt webbplatsinnehåll – och Weglot kan hantera detta enkelt och med hög noggrannhet.

Om det behövs Weglot också automatiskt lägga till hreflang-taggar till din webbplats, så det är en sak mindre att tänka på när du planerar din satsning på de internationella marknaderna. Men du behöver inte tro oss på vårt ord – registrera dig för en kostnadsfri 14-dagars provperiod för att Weglot uppleva kraften i Weglot .