Hreflang: hvad det er, og hvordan du implementerer det
Vi dominerer et marked med vores produkt/service og gør os klar til at udvide internationalt. Processen virker enkel, men vi skal holde øje med en række detaljer, hvis vi vil gøre det rigtigt og nå de ønskede resultater. I denne guide ser du, hvordan du implementerer hreflang-tags til din strategi for international SEO.
Hvad er hreflang-tags?
Hreflang-tags er stumper kode i headeren på siderne, hvis formål er at fortælle Google, hvilke versioner af vores sider der findes på andre sprog.
Det lyder indlysende, men der er mange tilfælde, hvor virksomheder oversætter deres indhold og så glemmer at lægge hreflang-tags ind, og så sker typisk et af to ting:
- I bedste fald crawler Google ikke indholdet.
- I værste fald crawler Google det og ser, at det er duplikeret indhold, og så viser den det ikke bare ikke i søgeresultaterne, den sænker også hele sitets »autoritet«.
Med Googles egne ord:
»Lokaliserede versioner af en side betragtes kun som dubletter, hvis deres hovedindhold ikke er oversat.«
Måder at lave implementeringen på
Som Google oplyser i sine officielle guides, er der lige nu tre måder at implementere de tags, der fortæller, at en side har alternative versioner på andre sprog:
HTML-tags (anbefales)
En af de mest almindelige måder at angive, at en side har tilsvarende sider på andre sprog, er HTML-tags i headeren:
<link rel="alternate" hreflang="language_code" href="page_url" />
Lad os forestille os, at vi har et hovedwebsite (på engelsk), som også findes i andre lande og på andre sprog (UK, USA og Tyskland). I det tilfælde skal vi lægge følgende kode i headeren på hver side:
<head>
<title>Widgets, Inc</title>
<link rel="alternate" hreflang="en-gb" href="http://en-gb.example.com/page.html" />
<link rel="alternate" hreflang="en-us" href="http://en-us.example.com/page.html" />
<link rel="alternate" hreflang="en" href="http://en.example.com/page.html" />
<link rel="alternate" hreflang="de" href="http://de.example.com/page.html" />
<link rel="alternate" hreflang="x-default" href="http://www.example.com/" />
</head>
På den måde fortæller vi søgemaskinerne, at de andre sider ikke er dubletter, men oversættelserne af sitet til andre sprog.
HTTP-headere
Vil vi angive versionerne på andre sprog af dokumenter og andre filer, der ikke er HTML, har vi HTTP-headere til rådighed:
I følgende tilfælde er det et PDF-dokument, der findes på engelsk, på tysk til brugere i Schweiz og et til alle brugere, der taler tysk.
Link:
<http://example.com/file.pdf>; rel="alternate"; hreflang="en",
<http://de-ch.example.com/file.pdf>; rel="alternate"; hreflang="de-ch",
<http://de.example.com/file.pdf>; rel="alternate"; hreflang="de"
Sitemap
En anden måde, mange websites har brugt gennem tiden, er at angive de internationale versioner via sitemappet. Det skal siges, at det er en teknisk set langt mere kompleks metode og mere udsat for fejl, da det er meget let at komme til at udelade nogle af siderne.
Eksempel på et sitemap med én side:
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
xmlns:xhtml="http://www.w3.org/1999/xhtml">
<url>
<loc>http://www.example.com/english/page.html</loc>
<xhtml:link
rel="alternate"
hreflang="de"
href="http://www.example.com/deutsch/page.html"/>
<xhtml:link
rel="alternate"
hreflang="de-ch"
href="http://www.example.com/schweiz-deutsch/page.html"/>
<xhtml:link
rel="alternate"
hreflang="en"
href="http://www.example.com/english/page.html"/>
</url>
VÆRKTØJ: Denne Chrome-udvidelse lader os validere implementeringerne. Vores gratis SEO-udvidelse til Chrome læser også alle hreflang-tags på siden og markerer dem, der mangler et returlink. Men glem ikke at tjekke dem manuelt i koden, så du er 100 % sikker.
Med denne udvidelse kan vi tjekke vores implementeringer af hreflang-tags.
Sprog- og regionskoder
Nu hvor vi har set på international datamarkup, går vi videre til et af de mest interessante emner i arbejdet med international SEO. Det er sprog- og regionskoderne. Indtil for nylig var der ikke meget information om emnet, og det var slet ikke let at undgå fejl i markeringen af sprog og lande.
Hvert land og hvert sprog er en verden for sig. De har alle deres forskelle, særheder, kulturer, værdier … og derfor tilpasser mange virksomheder sig til det for at levere indhold, der er så indfødt som muligt. Et tydeligt eksempel er spansk i Spanien over for spansk i Mexico. Selvom de deler mange udtryk, er der andre, der slet ikke ligner hinanden, og brugerne i hvert land kan lide at finde den version, der er mest velkendt for dem.
Google giver mulighed for at tilføje sprog- og regionskoder i hreflang-tags.
For eksempel:
- de: dette indhold ville være til brugere, der taler tysk, uanset region.
- es-MX: dette indhold er til brugere, der taler spansk og desuden er fra Mexico.
- en-GB: dette indhold er til brugere, der taler engelsk i Storbritannien.
*Eksempel på hreflang-tags på Chess.com (en af vores største kunder) med nogle af de tilgængelige sprog (+40 i alt). *
Hvad sker der, hvis vi ikke markerer alle de lande, et sprog kan tales i?
Det kan man logisk nok ikke nå at tilføje. Derfor har vi taggen: hreflang="x-default", som lader os servere denne version til brugeren, når browserens opsætning ikke matcher nogen af de sprog eller regioner, vi har angivet.
<link rel="alternate" href="http://example.com/" hreflang="x-default" />
Typiske fejl
Lyder let, ikke? Den eneste vigtige detalje er, at Google er ret nøjeregnende med implementeringerne. Laver vi en fejl i ét bogstav eller glemmer et link, giver den en fejl og accepterer ikke vores markup. Herunder kan du se nogle af de mest typiske fejl, der ofte sker (og nogle fra vores egen erfaring):
At glemme de gensidige link
Har vores side A et hreflang-link til side B, men side B ikke sender et hreflang-link tilbage til side A, laver Google ikke koblingen og bliver derfor ved med at se de sider som dubletter.
At ændre på regions- eller landekoder
Hvor vi i URL'er frit kan bruge de koder, vi vil, for eksempel uk, gb eller en anden variant for Storbritannien, gælder det samme ikke for hreflang-tags. Bruger vi uk i stedet for den korrekte en-GB, kan Google ikke tolke informationen og validerer derfor ikke implementeringen.
For at være sikre på altid at bruge korrekte formater skal vi følge formaterne:
- ISO 639-1
- ISO 3166-1 Alpha 2 (valgfri)
Analyse af et websites hreflang-tags
Indtil for få uger siden viste Google Search Console en detaljeret rapport over valideringer og fejl i vores hreflang-implementering. Men med lanceringen af den nye grænseflade er funktionen på vej ud og vil snart ikke længere være tilgængelig.
Her gælder det, at selvom der findes snesevis af SEO-værktøjer på nettet til det her, er værktøjet nr. 1, som efter vores mening gør processen hurtig og let at analysere, uden tvivl Screaming Frog. Det viser os ikke bare alle de URL'er, den har fundet med markup, men klassificerer dem også, hvis de har fejl, og fortæller os præcis hvilken type fejl, så vi kan validere det.
Udsnit af den hreflang-analyse, Screaming Frog laver, med al information i schemaformat.
Succeshistorier
Selvom de fleste SEO-indsatser kræver lidt tid, før de første resultater viser sig, er hreflang-tags helt sikkert en af de quick wins, vi skal implementere så hurtigt som muligt i de projekter, hvor det kan lade sig gøre. En af de tydeligste SEO-succeshistorier her var ChessKid.com, en af vores kunder, som havde sitet oversat til næsten 20 sprog. Problemet? Hreflang var ikke implementeret, og sprogskiftet lå desuden gemt bag et login, så de internationale versioner var helt utilgængelige.
Hvad gjorde vi?
- Lavede en dropdown med sprogene i footeren.
- Lagde hreflang-tags på alle de sider, der havde brug for dem.
Resultaterne?
Resultater af implementeringen af hreflang-tags på ChessKid.com
Har du spørgsmål? Vil du have hjælp til at implementere hreflang-tags i din forretning? Vi hjælper gerne!
Kilder
Forfatter: David Kaufmann
Jeg har brugt de sidste 10+ år fuldstændig opslugt af SEO — og helt ærligt: jeg ville ikke have det anderledes.
Min karriere rykkede et niveau op, da jeg arbejdede som senior SEO-specialist for Chess.com — et af de 100 mest besøgte websites på hele internettet. At arbejde i den skala, på tværs af millioner af sider, snesevis af sprog og en af de mest konkurrenceprægede SERP'er der findes, lærte mig ting, som intet kursus og ingen certificering kunne have lært mig. Den erfaring ændrede mit syn på, hvordan rigtig godt SEO ser ud — og den blev fundamentet for alt, hvad jeg har bygget siden.
Ud af det grundlagde jeg SEO Alive — et bureau for brands, der mener det alvorligt med organisk vækst. Vi er ikke her for at sælge dashboards og månedsrapporter. Vi er her for at bygge strategier, der rent faktisk flytter noget, og vi kombinerer det bedste fra klassisk SEO med den spændende nye verden inden for Generative Engine Optimization (GEO) — så dit brand ikke kun dukker op i Googles blå links, men også inde i de AI-genererede svar, som ChatGPT, Perplexity og Google AI Overviews leverer til millioner af mennesker hver eneste dag.
Og fordi jeg ikke kunne finde et værktøj, der håndterede begge verdener ordentligt, byggede jeg selv et — SEOcrawl AI, en enterprise-platform til SEO-intelligens, der samler placeringer, tekniske audits, backlink-overvågning, crawl-sundhed og tracking af brandets synlighed i AI ét sted. Det er den platform, jeg altid ønskede fandtes.
Find mere indhold fra denne forfatter
