Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Så här lägger du till Hreflang-taggar i WordPress (för flerspråkig SEO)

Min erfarenhet av att hantera flerspråkiga WordPress-webbplatser har lärt mig att det inte bara handlar om att översätta innehåll för att nå ut till en global publik. Den verkliga utmaningen kommer när sökmotorer inte kan räkna ut vilken språkversion de ska visa sina användare.

Jag minns när en av mina webbplatser visade spanskt innehåll för engelska sökare, vilket gjorde besökarna frustrerade och försämrade rankingen.

Det var då jag upptäckte kraften i hreflang-taggar – en revolutionerande lösning för flerspråkig SEO som talar om för sökmotorer exakt vilken version av ditt innehåll som ska visas för olika språk och regioner.

Det bästa med hreflang-taggar? Att lägga till dem på din WordPress-webbplats behöver inte vara komplicerat.

I den här steg-för-steg-guiden visar jag dig flera beprövade metoder för att implementera hreflang-taggar på rätt sätt. I slutet av den här handledningen har du allt du behöver för att se till att ditt flerspråkiga innehåll når rätt målgrupp varje gång.

How to Add Hreflang Tags in WordPress

Varför använda Hreflang-taggar i WordPress?

Okej, du kanske undrar – vad är egentligen en hreflang-tagg?

Tänk på det som en liten notis som du ger till sökmotorerna. Den säger till dem: “Den här sidan är för personer som talar det här språket eller befinner sig i den här regionen.

I princip hjälper en hreflang-tagg sökmotorer som Google att förstå vilken version av din sida som ska visas för olika användare runt om i världen.

Du kan använda den för att säga: “Den här sidan är för engelsktalande i USA” eller “Den här versionen är för fransktalande i Frankrike” och så vidare. Det är som att ge ditt innehåll ett flerspråkigt pass!

Så här ser en hreflang-tagg ut bakom kulisserna, i koden på din webbplats:

1
2
3
<link rel="alternate" href="example.com" hreflang="en-us" >
<link rel="alternate" href="example.com/fr/" hreflang="fr-fr> >
<link rel="alternate" href="example.com/pt/" hreflang="pt-pt" >

Ser du de där små koderna som en-us, fr-fr och pt-pt? Det är kombinationer av språk- och regionkoder. en-us står för engelska i USA, fr-frr för franska i Frankrike och pt-pt för portugisiska i Portugal. Du förstår vad jag menar.

Nu finns WordPress på mer än 60 språk, så du kan använda WordPress på ditt eget språk.

Men varför är hreflang-taggar så viktiga?

Många av oss WordPress-användare når ut till målgrupper som använder olika språk och bor i olika hörn av världen – det är därför.

Kanske har du en flerspråkig webbplats, eller så har du bara några sidor på ett annat språk. Oavsett vilket kan du rikta in dig på olika regioner och språk utan att ens inse det.

Sökmotorer är smarta. De kan oftast räkna ut vilket språk din sida är skriven på.

Men om du har liknande innehåll på olika språk kan det ibland hända att dina egna sidor konkurrerar med varandra i sökresultaten. Detta är inte idealiskt för din SEO.

Det är där hreflang-taggar kommer till undsättning! De reder ut eventuella oklarheter för sökmotorer och ser till att rätt innehåll visas för rätt personer.

Med detta sagt ska jag visa dig hur du lägger till dessa hreflang-taggar i WordPress utan att komma in i komplicerad kod. Jag kommer att gå igenom två olika metoder:

Metod 1: Lägga till Hreflang-taggar med hjälp av ett flerspråkigt plugin

Okej, så hur lägger man egentligen till dessa hreflang-taggar i WordPress? Om du driver en flerspråkig WordPress-webbplats har du tur.

Ärligt talat är det enklaste sättet att hantera hreflang-taggar att använda ett flerspråkigt plugin. Dessa plugins är utformade för att göra hanteringen av innehåll på olika språk till en barnlek.

Tänk på det så här: ett bra flerspråkigt plugin tar hand om alla tekniska saker åt dig – inklusive hreflang-taggarna. Det innebär att du kan fokusera på det du är bra på: att skapa fantastiskt innehåll. Du behöver inte brottas med kod själv!

Enligt min mening är Polylang ett fantastiskt alternativ när det gäller flerspråkiga plugins. Jag gillar att det är gratis men ändå superkraftigt. Det har också ett användarvänligt gränssnitt för att hantera ditt flerspråkiga innehåll.

Och här är en viktig sak att veta om Polylang: när du har konfigurerat din flerspråkiga webbplats med det genererar plugin-programmet automatiskt hreflang-taggar åt dig.

Du behöver inte lägga till dem manuellt på varje sida. Det fungerar bara i bakgrunden och ser till att sökmotorerna förstår webbplatsens språkstruktur.

Om du vill ha en steg-för-steg-guide om hur du kommer igång med det här pluginet kan du kolla in WPBeginners handledning om hur du skapar en flerspråkig WordPress-webbplats med Polylang.

Även om den guiden inte specifikt nämner hreflang-taggar, kan du vara säker på att Polylang hanterar dem automatiskt när du följer installationen.

Polylang settings

WPML (WordPress Multilingual Plugin) är ett annat populärt val. Det är ett premiumplugin, så det kostar en del, men det är också otroligt enkelt att använda. Jag har använt WPML i flera projekt och uppskattar dess avancerade funktioner.

Precis som Polylang tar WPML också hand om hreflang-taggar automatiskt. När du skapar översättningar med WPML lägger plugin-programmet intelligent till rätt hreflang-taggar för att ansluta alla språkversioner av dina sidor. Denna automatiska hantering är en enorm tidsbesparing enligt min erfarenhet.

WPBeginner-teamet har också en guide om hur man skapar en flerspråkig WordPress-webbplats med WPML. Även om guiden fokuserar på den allmänna installationen, ska du veta att WPML arbetar i det tysta bakom kulisserna för att implementera hreflang-taggar åt dig.

Select translation language

När du har konfigurerat din flerspråkiga webbplats och skapat innehåll på olika språk med hjälp av ett av de här insticksprogrammen kanske du undrar: hur kontrollerar du att hreflang-taggarna verkligen finns där?

Bra fråga! Det är alltid bra att dubbelkolla.

Det är enklare än du kanske tror. Öppna bara en av dina flerspråkiga sidor i ett nytt webbläsarfönster. Högerklicka sedan var som helst på sidan och välj “Visa sidans källa” (eller något liknande, beroende på vilken webbläsare du använder). Då får du se sidans råkod.

Viewing Page Source for Hreflang Tags

Få inte panik när du ser all den där koden! Tryck bara på CTRL+F (eller Command+F på en Mac) för att öppna en sökruta. Skriv in “hreflang” och tryck på enter.

Din webbläsare kommer sedan att markera alla hreflang-taggar som den hittar i koden. På så sätt kan du dubbelkolla att ditt plugin gör sitt jobb och lägger till de viktiga hreflang-taggarna på din webbplats.

Och med Polylang eller WPML kan du vara ganska säker på att de kommer att finnas där och göra sin SEO-magi!

Metod 2: Lägga till Hreflang-taggar utan att använda ett flerspråkigt plugin

Så, vad händer om du vill lägga till hreflang-taggar utan ett fullständigt flerspråkigt plugin?

Det är fullt möjligt! Du kanske bara har börjat med flerspråkigt innehåll eller så har du ett särskilt sätt att hantera översättningar på. Det är inga problem alls. Den här metoden är för dig.

Först och främst måste du ha dina översättningar klara. Innan du ens funderar på hreflang-taggar bör du se till att du faktiskt har skapat de översatta versionerna av dina inlägg och sidor.

Det är också en bra idé att se till att webbadresserna för det översatta innehållet är organiserade. Om till exempel din ursprungliga sida “Om oss” är på engelska och du skapar en fransk version kan dina webbadresser se ut så här:

  • https://example.com/about (engelska)
  • https://example.com/about-french (franska)

Nu måste du anteckna alla sidor eller inlägg som du vill lägga till hreflang-taggar på. Skriv sedan ner dem på en praktisk plats – du kommer att behöva dem om en minut.

🚨 Viktig anmärkning: Det är lättare att organisera dessa webbadresser innan du börjar meka med plugin-programmet. Så jag rekommenderar att du gör detta innan du fortsätter.

Därefter måste du installera och aktivera insticksprogrammet Hreflang Manager. Om du behöver hjälp kan du läsa mitt teams nybörjarguide om hur du installerar ett WordPress-plugin.

När du har aktiverat plugin-programmet vill du gå till Hreflang ” Alternativ.

Som standard lägger detta plugin bara till hreflang-taggar till den ursprungliga språkversionen av din sida. Det är inte idealiskt om du vill ansluta alla dina översättningar.

Men det finns en enkel lösning. Hitta bara inställningen “Auto Alternate Pages” och växla den till “On”.

In Hreflang Manager, Toggle the Auto Alternate Pages Option On

Glöm sedan inte att klicka på “Spara inställningar”. Den här lilla knappen ser till att pluginet letar efter och kopplar samman alla dina översatta sidor. Den här inställningen är avgörande för korrekt funktionalitet.

Nu kommer den roliga delen: att ansluta dina översättningar!

Gå till Hreflang ” Anslutningar. Här talar du om för insticksprogrammet vilka sidor som är översättningar av varandra. Klicka på knappen “+ Lägg till ny”.

Adding a Connection to Hreflang Manager

Detta kommer att ta dig till sidan “Lägg till ny anslutning”. Du kommer att märka att detta plugin är ganska flexibelt!

Med den kan du koppla upp till 10 olika översättningar till en enda sida. Du kommer förmodligen inte att behöva så många versioner, men det är bra att veta att möjligheten finns.

Observera att du måste skapa en ny anslutning för varje sida som har översättningar. Det kan tyckas lite repetitivt, men det är så pluginet håller saker organiserade.

Längst upp ser du ett fält för att “Ange en URL för att ansluta”. Det är här du anger webbadressen till din huvudsida på originalspråket. I vårt exempel skulle det vara https://example.com/about.

Adding a URL to Connect in Hreflang Manager

Nu måste du ge plugin-programmet den information det behöver för att lägga till hreflang-taggar.

Titta efter fältet “URL 1”. Konstigt nog måste du lägga till samma URL här igen-https://example.com/about. Det kan verka lite överflödigt, men lita på mig. Jag har testat det här själv, och det är så här plugin fungerar.

Direkt under det ser du fältet “Language 1”. Om du antar att webbplatsens huvudspråk är engelska väljer du “en – English” i rullgardinsmenyn. Du behöver inte göra några andra inställningar för den här första webbadressen.

Adding Hreflang Tags to the Default Page Using Hreflang Manager

Nu är det dags att lägga till hreflang-taggarna för din översatta sida. Du måste bläddra ner till den andra uppsättningen inställningar.

Leta reda på fältet “URL 2”. Det är här du klistrar in webbadressen till din översatta sida. I mitt exempel är det https://example.com/about-french.

Adding Hreflang Tags to the Translated Page Using Hreflang Manager

Använd sedan rullgardinsmenyn “Language 2” för att välja språket på den här sidan, i mitt fall franska. Om språket använder ett annat skriftspråk (t.ex. kyrilliska eller arabiska) kan du välja det i menyn “Script”.

Och om du vill vara riktigt specifik kan du till och med ange vilken lokal den här versionen av sidan är utformad för med hjälp av menyn “Lokal 2”. I mitt exempel skulle jag välja “Frankrike”.

Om du har fler översättningar kan du lägga till dem med hjälp av fälten “URL 3” och “URL 4”, och så vidare.

När du har angett alla språkversioner och deras detaljer, bläddrar du hela vägen tillbaka till toppen av sidan och klickar på “Spara ändringar”. Missa inte detta steg!

Nu bör du se ett framgångsmeddelande för både din huvudsida och varje översatt sida. Bra jobbat, du klarade det!

Success Message in Hreflang Manager

Och det är allt som behövs! Vill du dubbelkolla?

Visa sidans källa som jag gjorde i slutet av metod 1. Du bör se dessa hreflang-taggar i koden, som berättar för sökmotorer om dina olika språkversioner.

Bonus: Expertguider för internationella webbplatser

Funderar du på att bli global med din WordPress-webbplats? Det är ju helt fantastiskt! Förutom hreflang-taggar finns det några andra saker att tänka på för internationell SEO och för att nå en världsomspännande publik.

Här är några användbara guider som ger dig ett bredare perspektiv och fler tips för att bygga framgångsrika internationella webbplatser:

Dessa resurser bör ge dig en solid grund för att utöka din WordPress-webbplats för att nå en global publik!

Jag hoppas att den här artikeln hjälpte dig att lära dig hur du enkelt lägger till hreflang-taggar på din WordPress-webbplats. Du kanske också vill se WPBeginners steg-för-steg WordPress SEO-guide för nybörjare eller vårt expertval av de bästa WordPress-översättningspluginsen för flerspråkiga webbplatser.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us. Here's our editorial process.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit - a collection of WordPress related products and resources that every professional should have!

Reader Interactions

32 kommentarerLeave a Reply

  1. Jiří Vaněk

    I’m using PolyLang and now it seems like the PolyLang plugin itself has resolved it. Without any other plugin for hreflang, I have both languages in the source code, Czech and English.

    • WPBeginner Support

      Glad to hear the plugin solved this for you :)

      Admin

  2. Daniele

    Hello there,

    I have my main website in English but I want to create an Italian version of it. I just create a subdirectory of it named example.com/it and installed WordPress on it.

    Do I have to install the plugin described in the second method on my main website or the it one?

    thanks

    • WPBeginner Support

      If you did that, you would want to use the second method. We would normally recommend using the first method for most users to be easier to maintain.

      Admin

  3. Miguel

    In my specific case I need to implement “hreflang”, or is Not necessary since I’m using completely different domain names ? ?

    • WPBeginner Support

      While in some cases it can be helpful, if you are using completely different domains then it is not required to use the hreflang tag.

      Admin

  4. Navneet Siddhartha

    Thank you so much for writing this article. This really help me a lot…..Thank you..

    • WPBeginner Support

      You’re welcome :)

      Admin

  5. shan ullah

    its a real world help i thank full to you for this information i will definitely apply it on my website

    • WPBeginner Support

      Glad you’ll use our content :)

      Admin

  6. Erez

    you can set up the language on the WordPress setting page.

    • WPBeginner Support

      Correct, the hreflang tag is for if you use more than one language on your site.

      Admin

  7. Nasir

    Can we use hreflang code on a large site which has been targeting more than 80 regions? does it not increase the website load time?

  8. Dani

    I already applied for a sitemap but I went through superb tutorail of your about herglang tag tell me now I have to again go for sitemap ? or it will automatically upload it

  9. Shyamu

    I have been trying to add this hreflang tags in my site. But after adding the tags for a particular targetting country. Its still showing the “en-un” return error. How to solve this in Google Search Console?

  10. Bhavya

    Hi,

    I am working on a multilingual website. How many lagnuages i can target at once?

  11. Mudassar

    Hi, I am using English US in my WordPress and my content is also in English but even then Google Webmaster shows this message
    “Your site has no hreflang tags”

    My domain ends with .pk.

    Should i insert the following in header.php of my theme?

    If not, what i should do then?

    • Thomas Greenbank

      If you are only writing for one language or region you can ignore the “no hreflang tags” message.
      That message will appear automatially, but just ignore it.

  12. didmin

    I got question

    I am building a Germany website, after add my site into Google Search Console, it is showing me ” no hreftag” error

    My site is only targeting Germany speaking countries, and only in Germany language, so what should I do ?

    Please help me, very urgent!

    • Sam Jaff

      Yes it will show ” No hreflang ” because you using online single language (Germany) on your website. If you want to target other countries then you have to make settings as mention up on this blog. So it will show in other language to target other country people. But as you said you just want to target German people then don’t consider hreflang and move forward.

  13. Pitshou Beya

    If I have to use hreflang tags, do I have to translate manually each post? Or just implement the tag on the post

  14. Mitesh

    Does the default lang=”en-us” have SEO factor that google will consider it to display more to USA visitors and less to other countries?

    Will changing to lang=”en” can benefit targeting

  15. Alice Miller

    Hello,

    I am not using any specific lang tag for my website. As you told before that WordPress add html lang=”en-US” by default. I checked it’s there in my website. but whenever i am going through any tools there showing it’s missing. Please can you tell me what could be the error

  16. Olaniyi

    Hi, I’m not targeting a particular country, do I still need to implement hreflang?

  17. Thomas Greenbank

    Thanks for posting this.
    If I have a post on a .com site that I want to target to en-au audience, do I need to have an en-us version also? What I mean is, can I have some posts on my site targeting US visitors and others targeting Aus visitors without duplicating them?
    Thanks in anticipation.
    Thomas.

  18. Khemraj

    Hello,
    Suppose I have .com domain and i want to target it to countries like us, uk , canada, australia etc. If i created sub directory like example.com/us, example.com/in etc so to target specific countries do i need to install wordpress in each subdirectory ? ? ?

  19. Nick

    I wanna know if my site only one language, did I need to input this Hreflang Tags?

    • WPBeginner Support

      Hi Nick,

      No, you don’t need hreflang tags. WordPress automatically adds the default language in the html tag like this:

      <html lang="en-US">

      Admin

  20. Mitch

    If you are only targeting one single language is there an SEO benefit for doing a Hreflang Tag or can it just be left unset?

  21. amihan

    what about codes?? nice functions of wordpress are not enought?

  22. Rowels Brutte

    Hello.
    An informative post on hreflang attribute.

    I am trying to implement it from a long time.
    But for example, if I want to have 3 different pages for the same language but different country like en-gb, en-us, en-au, how do I proceed?

    • WPBeginner Support

      As described in the article you can select them as hreflang in a multilingual plugin or hreflang tags lite plugin.

      Admin

Leave A Reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.