Schaufenster

Name: Intlayer
Author: Intlayer

Entdecken Sie Projekte, die mit Intlayer erstellt wurden

Reichen Sie Ihr Projekt ein

Zurück zur Showcase-Galerie

GitHub-Repository

Website besuchen

Intlayer

Per-component i18n for React, Next.js, Vue, Svelte | Intlayer

Veröffentlicht8. März 2026

Letzter Scan9. März 2026

Intlayer-Versionworkspace:*

Projekt bewerten

Verwendete Bibliotheken

Intlayer

v8.2.3

@intlayer/api

vworkspace:*

@intlayer/config

vworkspace:*

@intlayer/core

vworkspace:*

@intlayer/design-system

vworkspace

@intlayer/dictionaries-entry

vworkspace:*

@intlayer/editor-react

vworkspace:*

@intlayer/types

vworkspace:*

@intlayer/unmerged-dictionaries-entry

vworkspace:*

intlayer

vworkspace:*

next-intlayer

vworkspace:*

@intlayer/swc

vworkspace:*

@intlayer/backend

vworkspace:*

@intlayer/ai

vworkspace:*

@intlayer/chokidar

vworkspace:*

@intlayer/docs

vworkspace:*

intlayer-editor

vworkspace:*

express-intlayer

vworkspace:*

@intlayer/cli

vworkspace:*

vue-intlayer

vworkspace:*

react-intlayer

vworkspace:*

@intlayer/sync-json-plugin

vworkspace:*

Weitere Projekte

Entdecken Sie weitere Projekte, die Intlayer für ihre Internationalisierung nutzen.

SEO & globale Reichweite

Technische Analyse der Best Practices für die Internationalisierung.

Sprach-Tag:

"en"

Das lang-Attribut im <html>-Tag deklariert die Hauptsprache der Seite. Dies hilft Suchmaschinen und Browsern, die Inhaltssprache zu verstehen.

<html lang="de">

Warum es wichtig ist: Wesentlich für SEO und Barrierefreiheit. Screenreader verwenden es, um Inhalte korrekt auszusprechen.

HTML dir:

"ltr"

Das dir-Attribut im <html>-Tag gibt die Textrichtung des Inhalts an. Dies ist für Sprachen, die von rechts nach links (RTL) geschrieben werden, unerlässlich.

<html lang="ar" dir="rtl"><html lang="de" dir="ltr">

Warum es wichtig ist: Entscheidend für die korrekte Darstellung von RTL-Sprachen wie Arabisch, Hebräisch, Persisch und Urdu. Verbessert Lesbarkeit und Benutzererfahrung. Werte: ltr (links nach rechts), rtl (rechts nach links) oder auto.

Hreflangs:

[  "en",  "ru",  "ja",  "fr",  "ko",  "zh",  "es",  "de",  "ar",  "it",  "en-GB",  "pt",  "hi",  "tr",  "pl",  "id",  "vi",  "uk",  "x-default"]

Hreflang-Links teilen Suchmaschinen alternative Sprachversionen Ihrer Seite mit. Sie verhindern Probleme mit doppeltem Inhalt und helfen, die richtige Sprache an Benutzer auszuliefern.

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

Best Practice: Fügen Sie ein x-default für Benutzer hinzu, deren Sprache Sie nicht unterstützen.

x-default:

Gibt an, ob die Seite ein x-default hreflang-Tag enthält. Dieses Tag gibt eine Standard-/Ausweichseite für Benutzer an, deren Sprachpräferenzen mit keinem spezifischen hreflang übereinstimmen.

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

Best Practice: Fügen Sie immer x-default in mehrsprachigen Websites hinzu. Es sollte auf eine Sprachauswahlseite oder Ihre primäre Sprachversion verweisen. Warum es wichtig ist: Stellt sicher, dass internationale Benutzer auf eine angemessene Seite geleitet werden, auch wenn ihre Sprache nicht speziell unterstützt wird.

Kanonisch:

Ein Canonical-Tag teilt Suchmaschinen mit, welche Version einer URL die "Master"-Kopie ist. Kritisch zur Vermeidung von Strafen für doppelten Inhalt bei mehrsprachigen Websites.

<link rel="canonical" href="https://example.com/de/page" />

Best Practice: Jede Sprachversion sollte ihre eigene Canonical haben, die auf sich selbst zeigt, nicht auf eine andere Sprache.

Lokalisierte Links:

Überprüft, ob die Website Links zu lokalisiertem Inhalt enthält. Dies zeigt eine angemessene interne Verlinkung zwischen Sprachversionen an.

Gute Praxis: Cross-Linking zwischen Sprachversionen mit hreflang-Alternates und Sprachauswahlern. Hilft bei: Benutzernavigation zwischen Sprachen und Suchmaschinen-Entdeckung aller Versionen.

Alle Anker lokalisiert:

Überprüft, ob alle internen Links auf der Seite ein Sprach-Präfix in ihrem Pfad enthalten (z.B. /en/, /fr/). Dies ist entscheidend für korrektes Sprach-Routing.

<!-- Gut --><a href="/en/about">About</a><a href="/fr/about">À propos</a><!-- Schlecht --><a href="/about">About</a>

Warum es wichtig ist: Gewährleistet konsistente Spracherfahrung und korrekte URL-Struktur für mehrsprachige Websites.

robots.txt

Zugänglich:

Die Datei robots.txt ist eine Textdatei, die Suchmaschinen-Crawlern mitteilt, auf welche Seiten oder Bereiche Ihrer Website sie zugreifen können oder nicht.

User-agent: *Disallow: /admin/Allow: /

Warum es wichtig ist: Wesentlich zur Steuerung des Crawler-Zugriffs und zum Schutz sensibler Bereiche, während wichtige Inhalte indexiert werden können.

Verboten ohne Sprachalternativen:

Pfade, die in robots.txt verboten sind, aber keine äquivalenten sprachspezifischen Versionen haben. Dies kann auf eine unvollständige Internationalisierung hinweisen.

Beispielproblem: Wenn /admin/ verboten ist, aber es kein /en/admin/, /de/admin/ usw. gibt, kann dies darauf hindeuten, dass die Website-Struktur nicht konsistent Sprach-Präfixe verwendet.

Best Practice: Stellen Sie sicher, dass alle verbotenen Pfade Sprach-Äquivalente haben, wenn Ihre Website URL-basierte Lokalisierung verwendet.

sitemap.xml

URLs gefunden:

Die Gesamtzahl der in Ihrer/Ihren sitemap.xml-Datei(en) gefundenen URLs. Sitemaps helfen Suchmaschinen, alle Seiten Ihrer Website zu entdecken und zu indexieren.

Gute Praxis: Halten Sie Sitemaps aktuell und organisiert. Verwenden Sie für große Websites Sitemap-Index-Dateien, die auf mehrere Sitemaps verweisen. Auswirkung: Mehr entdeckte URLs bedeuten bessere Abdeckung für die Suchmaschinen-Indexierung.

Alternativen vorhanden:

Gibt an, ob Ihre Sitemap <xhtml:link>-Elemente mit alternativen Sprachversionen enthält. Dies teilt Suchmaschinen alle Sprachvariationen jeder Seite mit.

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

Best Practice: Fügen Sie Alternates in die Sitemap ein, um Suchmaschinen zu helfen, die Beziehung zwischen Sprachversionen zu verstehen.

x-default vorhanden:

Das x-default hreflang-Tag gibt eine Standardseite für Benutzer an, deren Sprache nicht explizit angesprochen wird. Es ist ein Fallback für internationale Benutzer.

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

Best Practice: Verweisen Sie x-default auf eine Sprachauswahl-Seite oder Ihre universellste Sprachversion (oft Englisch). Wichtig: Jeder Satz von hreflang-Alternates sollte ein x-default enthalten.