hreflang für internationales SEO einsetzen

Q: `en` vs. `en-US` vs. `en-GB`?

Nimm den breitesten Tag, der passt. en deckt alle englischsprachigen Nutzer ab; en-US zielt speziell auf US-Englisch. Wenn du UK- und US-Nutzern denselben Inhalt ausspielst, deklariere einmal en — nicht en-US und en-GB separat, das verwässert das Signal und erzeugt Wartungslast.

Was diese Prüfung macht

Parst jedes <link rel="alternate" hreflang="…" href="…">-Tag im <head> der Seite (und in der XML-Sitemap, falls vorhanden). Die Prüfung fällt durch, wenn:

Die Seite lokalisierte Pendants hat (andere URLs mit demselben Inhalt in einer anderen Sprache), aber keine hreflang-Angaben.
Die hreflang-Werte keine gültigen BCP 47-Tags sind (en, en-US, es, de-AT, zh-Hant-TW).
Das hreflang-Netzwerk gebrochen ist: A verweist auf B, B verweist nicht zurück auf A.
x-default fehlt (empfohlen als internationaler Fallback).

Warum es wichtig ist

Google entscheidet, welche URL für eine Suche ausgespielt wird, indem es Sprache und Region des Nutzers mit dem hreflang-Netzwerk abgleicht. Ohne hreflang gehen drei Dinge schief:

Die falsche URL rankt. Ein US-Nutzer, der auf Englisch sucht, sieht deine spanische Seite (oder umgekehrt), weil Google die URL mit der höchsten Autorität gewählt hat — nicht die für das Locale des Nutzers.
Duplicate-Content-Probleme. Zwei URLs mit fast identischem Inhalt (gleiches Produkt, übersetzte Texte) konkurrieren miteinander. Google droppt eine, um Duplikate zu vermeiden — manchmal die falsche.
CTR-Einbrüche. Selbst wenn der Nutzer auf der richtigen Seite landet, senkt ein englisches Snippet für einen spanischen Nutzer die Klickrate. hreflang lässt Google das lokalisierte Snippet anzeigen.

hreflang ist meinungsfreies Metadatum — es beeinflusst kein Ranking, es leitet nur die richtige URL zum richtigen Nutzer.

Wie du es behebst

Jede Seite in einem mehrsprachigen Netzwerk muss:

Jede andere Variante ihrer selbst auflisten, sich selbst eingeschlossen.
Von jeder anderen Variante aufgelistet werden.
x-default für die Auffang-Sprache/-Region enthalten.

Beispiel: Englisch (US-Default), Spanisch, Deutsch, x-default. Auf der englischen Seite:

<link rel="alternate" hreflang="en" href="https://example.com/" />
<link rel="alternate" hreflang="es" href="https://example.com/es/" />
<link rel="alternate" hreflang="de" href="https://example.com/de/" />
<link rel="alternate" hreflang="x-default" href="https://example.com/" />

Dieselben vier Tags müssen auf der spanischen Seite, der deutschen Seite und jeder weiteren Variante erscheinen. Alle vier Seiten deklarieren das gesamte Netzwerk, sich selbst eingeschlossen.

Astro:

---
const locales = ["en", "es", "de"] as const;
const path = Astro.url.pathname.replace(/^\/(es|de)\//, "/");
---
{locales.map(loc => (
  <link rel="alternate" hreflang={loc}
    href={`${Astro.site}${loc === "en" ? "" : loc + "/"}${path.slice(1)}`} />
))}
<link rel="alternate" hreflang="x-default" href={`${Astro.site}${path.slice(1)}`} />

Next.js:

// app/[locale]/page.tsx
export async function generateMetadata({ params }: { params: { locale: string }}) {
  const path = "/"; // oder dein Routen-Pfad
  return {
    alternates: {
      canonical: `https://example.com${path}`,
      languages: {
        en: `https://example.com${path}`,
        es: `https://example.com/es${path}`,
        de: `https://example.com/de${path}`,
        "x-default": `https://example.com${path}`,
      },
    },
  };
}

WordPress — Polylang und WPML geben hreflang automatisch aus, sobald du jede Übersetzung verknüpft hast. WordPress Multisite braucht das Plugin HREFLang Tags Lite oder ein Äquivalent.

Sitemap-basiertes hreflang — bei Sites mit Tausenden lokalisierten URLs ist es sauberer, hreflang in der Sitemap statt im HTML jeder Seite zu deklarieren:

<url>
  <loc>https://example.com/</loc>
  <xhtml:link rel="alternate" hreflang="en" href="https://example.com/"/>
  <xhtml:link rel="alternate" hreflang="es" href="https://example.com/es/"/>
  <xhtml:link rel="alternate" hreflang="de" href="https://example.com/de/"/>
  <xhtml:link rel="alternate" hreflang="x-default" href="https://example.com/"/>
</url>

Testen. Google Search Console → Insights → International Targeting flaggt fehlende Rück-Links und ungültige Tags. Für eine einmalige Prüfung hreflang.org oder Merkles hreflang-Validator verwenden.

Häufig gestellte Fragen

`en` vs. `en-US` vs. `en-GB`?

Nimm den breitesten Tag, der passt. en deckt alle englischsprachigen Nutzer ab; en-US zielt speziell auf US-Englisch. Wenn du UK- und US-Nutzern denselben Inhalt ausspielst, deklariere einmal en — nicht en-US und en-GB separat, das verwässert das Signal und erzeugt Wartungslast.

Brauche ich hreflang, wenn meine Site einsprachig ist?

Nein. hreflang ist nur sinnvoll, wenn du URLs in alternativen Sprachen hast. Eine einsprachige Site braucht <html lang="…"> (siehe Seitensprache deklarieren), aber kein hreflang.

Wofür ist `x-default` da?

Das ist der Auffangwert. Wenn die Sprache des Nutzers zu keinem deklarierten hreflang passt, leitet Google ihn auf die x-default-URL. Typischerweise die englische Startseite oder eine Sprach-Auswahlseite.