Hreflang til internationale sider
Angiv sprog- og regionsvarianter til søgemaskiner
Hreflang til internationale sider er en gratis HTML Academy-lektion på CoddyKit. Dette er lektion 4 af 4. Du kan læse alle 3 lektioner i dette læringsspor gratis i deres fulde længde — derefter låser CoddyKit PRO alle lektioner op samt praktiske øvelser med en indbygget kodeeditor og en AI-underviser døgnet rundt. Den er en del af læringsforløbet i HTML Academy, og dine fremskridt synkroniseres på tværs af nettet og CoddyKit-appen. HTML Academy-kurset indeholder 4 lektioner i alt.
Det problem, hreflang løser
Når du udgiver den samme artikel på engelsk, tyrkisk og japansk, skal søgemaskiner vide, hvilken version der skal vises i hver brugers søgeresultater. Uden hreflang kan Google vise det forkerte sprog eller opfatte versionerne som duplikeret indhold.
Link-elementet
Angiv hver alternativ version med <link rel="alternate" hreflang="..." href="..."> i <head>. Attributten hreflang er en BCP-47-sprogkode (en, tr) eller et sprog-regionspar (en-US, en-GB, pt-BR).
<link rel="alternate" hreflang="en" href="https://example.com/en/article">
<link rel="alternate" hreflang="tr" href="https://example.com/tr/article">
<link rel="alternate" hreflang="ja" href="https://example.com/ja/article">Gensidige referencer er påkrævet
Hver version skal linke til alle andre versioner, også til sig selv. Google ignorerer hreflang-klynger, der ikke er bidirektionelle. Den engelske side linker til TR og JA; den tyrkiske side linker til EN og JA; og så videre.
Selvreference
Hver side bør linke til sig selv via hreflang. Den engelske side skal indeholde <link rel="alternate" hreflang="en" ...>, som peger på dens egen URL. Dette er en del af "gensidig" — Google bruger selvreferencen til at bekræfte klyngemedlemskab.
Værdien x-default
Brug hreflang="x-default" til at angive reservesiden for brugere, hvis sprog Google ikke kan matche. Den peger normalt på den engelske version eller en landingsside med sprogvalg, så brugere uden en målrettet version stadig lander et fornuftigt sted.
Sprogkoder kontra regionskoder
en målretter mod alle engelsktalende. en-US, en-GB og en-AU målretter mod landespecifikke varianter, når indholdet varierer efter region (valuta, stavemåde og levering). Angiv ikke en region, medmindre indholdet faktisk adskiller sig fra den generiske version.
Alternative angivelser
hreflang kan også angives i HTTP-headeren Link (til ikke-HTML-filer som PDF'er) eller i et XML-sitemap med <xhtml:link rel="alternate" hreflang="...">. De tre metoder er ækvivalente; vælg den, der er nemmest at vedligeholde.
Sitemap-angivelse
Det skalerer bedre at angive hreflang i et sitemap end med HTML-tags på websteder med mange sprog: Én sitemap-post pr. URL viser alle alternativer og eliminerer gentagelser i sidernes skabeloner. Search Console markerer manglende gensidige referencer, så fejl opdages tidligt.
Almindelige fejl
Brug af en understregning (en_US) i stedet for en bindestreg (en-US), pegen på en URL, der ikke returnerer 200, blanding af http og https i klyngen eller glemsel af selvreferencen ødelægger alle hreflang-forbindelsen lydløst. Kør Google Search Consoles International Targeting-rapport efter lanceringen.
Erstatter ikke oversættelse
hreflang fortæller kun Google, hvilken oversættelse der allerede findes. Siderne skal stadig indeholde rigtigt oversat indhold — Google oversætter ikke for dig. Websteder, der tilføjer hreflang til sider, som er 80 % engelske, forvirrer indekset uden at det nødvendigvis opdages.
Kombination med og:locale og lang
Indstil dokumentets <html lang="..."> og og:locale, så de passer til sidens faktiske sprog. hreflang fortæller søgemaskiner om søskendesider; lang/og:locale fortæller browsere og sociale netværk om den aktuelle side. Begge dele er nødvendige for at give et komplet billede.
Videnstjek
Hvad peger hreflang="x-default" på?
Opsummering
hreflang forbinder oversatte versioner af en side, så søgemaskiner viser det rigtige sprog. Brug BCP-47-koder, angiv alternativer gensidigt (inklusive en selvreference), tilføj x-default som reserve, og kontrollér resultatet i Google Search Consoles International Targeting-rapport. Oversættelseskvaliteten og lang/og:locale-tags skal stadig stemme overens.
Lær HTML med en AI-underviser — gratis
Skriv og kør rigtig kode i din browser, få øjeblikkelig hjælp fra en AI-underviser døgnet rundt, og fortsæt, hvor du slap, på web eller i appen.
- Kurser
- 40
- Lektioner
- 159
Ofte stillede spørgsmål
Er lektionen “Hreflang til internationale sider” gratis?
Ja — alle 3 lektioner i læringssporet HTML Academy, inklusive “Hreflang til internationale sider”, kan læses gratis i deres fulde længde her på webstedet. Derefter låser CoddyKit PRO alle lektioner op samt interaktive øvelser med en indbygget kodeeditor og en AI-underviser døgnet rundt. HTML Academy-kurset indeholder 4 lektioner i alt.
Hvad lærer jeg i “Hreflang til internationale sider”?
Angiv sprog- og regionsvarianter til søgemaskiner Du øver dig i HTML Academy med praktisk kode, som du kører direkte i browseren, og en AI-vejleder døgnet rundt besvarer dine spørgsmål, mens du arbejder dig gennem lektionen.
Skal jeg have erfaring for at begynde på HTML Academy?
Der kræves ingen tidligere erfaring. HTML Academy på CoddyKit er tilrettelagt for både begyndere og øvede, så du kan starte her eller fra begyndelsen og lære i dit eget tempo. Dette er lektion 4 af 4.
Hvor lang tid tager lektionen “Hreflang til internationale sider”?
De fleste CoddyKit-lektioner tager cirka 5–10 minutter. Hver lektion er kort og interaktiv, så du gør løbende fremskridt og kan fortsætte, hvor du slap – på både web og app.
Kan jeg skrive og køre kode i denne HTML Academy-lektion?
Ja. Alle HTML Academy-lektioner har en indbygget kodeeditor, så du kan skrive og køre rigtig kode direkte i din browser og få øjeblikkelig feedback fra AI – uden lokal opsætning.
Alle lektioner i dette kursus
- OpenGraph og og:title og og:description og og:image
- Twitter Card-metatags
- Grundlæggende JSON-LD-strukturerede data
- Hreflang til internationale sider