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:

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

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.

I den här guiden går vi igenom vad hreflang-taggar är, hur man implementerar dem och vilka bästa praxis som finns för att säkerställa att dina hreflang-attribut gynnar din webbplats SEO.

Obs!: Om du är här för att hitta ett verktyg för att implementera dina hreflang-taggar, registrera dig för en kostnadsfri provperiod Weglot för en helt översatt webbplats och automatiskt tillagda hreflang-taggar.

Vad är Hreflang-taggar?

En hreflang-tagg är ett HTML-attribut som anger för sökmotorerna vilket språk och vil ken region en sida är avsedd för, så att de kan visa rätt version för varje sökande.

Om du till exempel googlar ”adidas” i USA är det första resultatet som dyker upp ”adidas.com”. Om du gör samma sökning i Frankrike får du upp den franska versionen av Adidas webbplats.

Det här är just den typ av resultat som hreflang är utformat för att stödja. Google väger in flera signaler här, bland annat landdomänen och sökarens plats, och hreflang-taggarna tillför en tydlig signal: de talar om för Google att ”adidas.com” är avsett för sökare i USA, medan ”adidas.fr” är avsett för sökare i Frankrike.

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

• En webbplats på två eller flera språk för att tillgodose olika målgrupper.
• Olika innehåll för besökare från olika regioner som talar varianter av samma språk.

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:

En webbplats kan också ha en sida på spanska för besökare från Spanien och en annan sida på spanska för besökare från Mexiko. I det här fallet kan du komplettera hreflang-taggarna med hreflang-anteckningar.

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:

Om du inte har alternativa versioner av innehållet för vissa språk kan du ställa in attributet hreflang till reservvärdet x-default, på följande sätt:

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 man implementerar 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. For HTML content such as web pages, you can put your hreflang attributes in the <head> section of every page. Weglot adds these hreflang attributes automatically when you translate your site with a subdomain or subdirectory integration.

Det skulle typiskt se ut så här:

En nackdel med den här metoden är att varje språkversion lägger till ytterligare ett länkelement i HTML-koden på varje sida. Om du har en stor webbplats med flera språk kan laddningstiden ö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:

Länk: ; rel="alternate"; hreflang="en",

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

https://www.abc.com/

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. Weglot…s verktyg för att kontrollera hreflang-taggar – för att slippa felsökning bör du kontrollera att dina hreflang-attribut fungerar.
2. 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.

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:

Vilka är de viktigaste rekommendationerna för hreflang?

De viktigaste rekommendationerna för hreflang är att använda giltiga koder, länka varje språkversion i båda riktningarna och se till att taggarna stämmer överens med webbplatsen. Här är den fullständiga guiden ” checklist ”:

• Använd en språkkod enligt ISO 639-1, eventuellt följd av en regionkod enligt ISO 3166-1 Alpha 2 (t.ex. ”fr-ca”), men aldrig enbart en regionkod.
• På varje språkversion ska du lista alla versioner av sidan, inklusive själva sidan, så att varje länk pekar åt båda hållen.
• Använd fullständiga, absoluta webbadresser som innehåller https://.
• Lägg till en x-default-tagg för besökare vars språk eller region du inte stödjer.
• Välj en implementeringsmetod (HTML, HTTP-huvuden eller XML-sitemap) och håll dig till den.
• Uppdatera dina taggar varje gång du lägger till eller tar bort en språkversion, och se till att de endast pekar på sidor som är live och kan indexeras.

Om du gör dessa saker rätt kommer du att undvika de flesta av de misstag som vi tar upp längre fram i den här guiden.

Hur kontrollerar man sina hreflang-taggar?

För att kontrollera dina hreflang-taggar kan du mata in en sidas URL i ett hreflang-kontrollverktyg, som visar vilka taggar en sökmotorrobot hittar på den sidan. Med Weglot:s kostnadsfria Hreflang Checker kan du kontrollera att alla språkversioner finns med, att de använder en giltig kod och att de länkar tillbaka till de andra. Om en sida saknar en tagg eller en återlänk ska du korrigera taggarna på båda sidorna och sedan köra kontrollen igen. Nedan går vi igenom hur du använder verktyget steg för steg.

Hur bidrar hreflang till internationell SEO?

Hreflang underlättar internationell SEO genom att ange för sökmotorerna vilket språk och vilken regional version av en sida som ska visas för användarna på respektive marknad.

Det är en av grundstenarna i flerspråkig SEO, tillsammans med översatta webbadresser, översatta metadata och en webbplatskarta som listar alla språkversioner. Hreflang är det som kopplar samman dessa versioner, så att Google förstår att dina sidor på franska, tyska och spanska innehåller samma innehåll men riktar sig till olika målgrupper. För en mer övergripande strategi, se vår guide till internationell SEO.

I praktiken fungerar hreflang:

• Visar varje användare den version som är anpassad för just deras språk och region.
• Anger för Google att nästan identiska regionala sidor, till exempel amerikansk och brittisk engelska, är varianter och inte dubbletter.
• Det styr Googles val snarare än att tvinga fram det, eftersom Google fortfarande väger in andra faktorer, såsom sökarens språkinställningar.

Så här fungerar de olika alternativen.

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

Hreflang-taggen anger för Google vilka versioner av dina webbsidor som är mest relevanta för vissa sökfrågor. Den förbättrar inte sökresultaten i sig. Istället hjälper den Google att visa varje sökare den version som är anpassad för just den personens språk och region.

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.

Din webbsida kan till exempel ha en hreflang-tagg som anger att sidan är avsedd för besökare från Japan. När Google upptäcker hreflang-taggen kan den visa den versionen för sökare i Japan istället för en version på ett annat språk. Detta kan leda till ökad synlighet och fler klick från japanska sökare.

Å andra sidan, låt oss säga att din webbsida saknar en hreflang-tagg. I så fall kan Google ändå välja att visa den för japanska sökare.

Om din webbsida däremot är på engelska kan en besökare i Japan vara mindre benägen att läsa den och mer benägen att lämna sidan (eller ”studsa bort”) direkt efter att ha kommit dit.

Följden blir att Google kan tolka detta användarbeteende som ett tecken på att din webbsida är mindre relevant för japanska sökare. På grund av detta kan din webbsida i framtiden hamna lägre i sökresultaten eller få mindre trafik från sökningar gjorda av japanska sökare.

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.

Den goda nyheten är att du kan använda hreflang-taggar för att undvika dessa problem med duplicerat innehåll. Med hreflang-taggar talar du om för Google att dina webbsidor är avsedda för och bör visas för olika målgrupper, och att de inte bör behandlas som identiskt innehåll.

Hreflang-taggar är ingen order

Tänk på att hreflang-taggar inte är en direktiv.

Även om en korrekt implementering av hreflang kan bidra till att påverka Googles beslut om vilken version av din webbsida som är mest relevant för sökarna, är Google inte skyldigt att visa dem just den versionen som duvill visa för sökarna.

Det beror på att Google även kan ta hänsyn till andra SEO-faktorer när man avgör en webbsidas relevans (och därmed hur högt den ska rankas) för en viss sökfråga. Exempel på sådana faktorer är webbplatsens laddningstid, mobilanpassning och domänautoritet.

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.

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

Hreflang-taggar anger för Google vilken av de olika versionerna av din webbsida som ska visas vid sökningar på olika språk och i olika regioner.

Du kanske har flera webbsidor med liknande (eller till och med identiskt) innehåll och vill att Google ska indexera och rangordna endast en av dem i sökmotorresultaten. I det här fallet använder du en kanonisk tagg för att ange för Google vilken webbsida det rör sig om, så att den inte rangordnar någon annan sida istället. På så sätt kan du också undvika problem med duplicerat innehåll.

Du kan använda hreflang- och canonical-taggar tillsammans, men du måste göra det på rätt sätt. Annars riskerar du att skicka motstridiga signaler till Google om vilka sidor som ska indexeras, vilket kan leda till att Google väljer att ignorera alla dina anvisningar.

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 för att implementera dina hreflang-taggar, registrera dig för en kostnadsfri provperiod Weglot för en helt översatt webbplats och automatiskt tillagda hreflang-taggar.

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 riktar dig till en internationell målgrupp måste du skapa webbinnehåll som är anpassat till besökarnas lokala sammanhang. Det är här hreflang-SEO kommer in i bilden. Med hjälp av hreflang-taggar kan du hjälpa sökmotorerna att leda besökarna till rätt versioner av dina webbsidor, så att de kan ta del av innehåll som är särskilt utformat för just deras plats.

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:

Budskapet i företagets program för socialt ansvar på den australiska hemsidan är anpassat för att lyfta fram företagets insatser för att stödja australiska samhällen. Detta kommer sannolikt att väcka större genklang hos australierna än ett globalt initiativ.

Hur använder man hreflang i sina olika språkversioner?

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 också till att implementera den metod du valt på rätt sätt, annars kan det uppstå problem med inställningarna för dina hreflang-taggar. (Om du använder Weglot sköter vi inställningarna av dina hreflang-taggar åt dig, så det finns ingen risk att du gör fel vid implementeringen.)

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

En noindex-tagg anger för Google att en sida inte ska indexeras, vilket innebär att det är osannolikt att Google kommer att se eller bearbeta de hreflang-taggar som du har lagt till på sidan.

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 metoderna vi har gått igenom). Det enklaste alternativet är dock att använda ett verktyg för webbplatsöversättning som sköter allt det tunga arbetet åt dig.

Weglot är ett översättningsverktyg som förbereder dina webbsidor för flerspråkig SEO och lägger till dina hreflang-taggar automatiskt. Eftersom Weglot genererar taggarna för varje språkversion undviker du många av de vanliga hreflang-misstagen som 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 ”Hreflang Checker” fungerar oavsett om du har lagt in dina hreflang-taggar manuellt eller med Weglot, så prova gärna verktyget.

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.

Naturligtvis är hreflang-SEO 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 webbplatsens innehåll – och vår AI-översättning sköter det på över 110 språk.

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 .