In diesem Beitrag
In diesem Beitrag
Suchen Sie nach mehr
Eine mehrsprachige Website zu erstellen ist eine großartige Möglichkeit, mehr Menschen zu erreichen, die SEO Ihrer Website zu verbessern und ein besseres Erlebnis für Ihr bestehendes mehrsprachiges Publikum zu schaffen. Aus diesem Grund werden Sie viele andere Websites finden, die bereits den Schritt in den mehrsprachigen Bereich gemacht haben. Genau diese haben wir für diesen Beitrag für Sie gesammelt.
Wir zeigen Ihnen 8+ echte mehrsprachige Website-Beispiele mit Details zur Technologie, die sie zur Übersetzung ihrer Websites verwendet haben. Größtenteils haben wir versucht, Beispiele auszuwählen, die leicht replizierbare Übersetzungstechnologien verwenden, auch wenn Sie kein Entwickler sind.
Dann, sobald Sie sich inspirieren lassen haben, zeigen wir Ihnen Schritt für Schritt, wie Sie Ihre eigene mehrsprachige Website mit WordPress erstellen können das kostenlose TranslatePress-Plugin.
8+ beste mehrsprachige Website-Beispiele
Für jede Website fügen wir einen Abschnitt hinzu, der die Technologie beschreibt, auf der die Website läuft, einschließlich der mehrsprachigen Lösung.
1. Moodle
Moodle ist eines der beliebtesten Open-Source-LMS-Tools (Learning Management System). Es wird von Millionen von Menschen genutzt, darunter große Marken wie Mazda und Vodafone sowie Bildungseinrichtungen und gemeinnützige Organisationen wie die Universität Cambridge, die Vereinten Nationen und andere.
Da Moodle weltweit eingesetzt wird, ist es nicht verwunderlich, dass die Moodle-Website in sechs verschiedenen Sprachen verfügbar ist:
- Englisch
- Deutsch
- Spanisch
- Französisch
- Italienisch
- Portugiesisch
Benutzer können ihre bevorzugten Sprachen über das Dropdown-Menü in der oberen rechten Ecke (oben abgebildet) wählen.
🏗️ Wie sie es gebaut haben:
Um die mehrsprachige Website zu erstellen, verwendet Moodle die Open-Source-Software WordPress zusammen mit der Pofo-Thema und die WPBakery Page Builder Plugin für das Design. Um die mehrsprachige Funktionalität bereitzustellen, verwendet Moodle die kostenlose TranslatePress-Plugin.
2. ESL EPT Meisterschaft IEM Katowice 2024
ESL ist eine E-Sport-Liga, die früher als Electronic Sports League bekannt war, bevor sie zum Akronym ESL wechselte. Sie veranstalten Turniere auf der ganzen Welt, was mehrsprachige Websites erfordert.
Ein Beispiel dafür ist die Veranstaltung IEM Katowice 2024 in Polen, deren Website sowohl auf Englisch als auch auf Portugiesisch verfügbar war. Besucher konnten ihre Sprache über einen Dropdown-Sprachumschalter in der oberen Navigationsleiste auswählen.
🏗️ Wie sie es gebaut haben:
Für die Erstellung der Rio-Turnier-Website verwendete ESL WordPress und das beliebte Elementor Page Builder Plugin. Um die mehrsprachige Funktionalität zu ermöglichen, nutzte ESL das kostenlose TranslatePress-Plugin, das anbietet volle Kompatibilität mit Elementor.
3. UNIS Hanoi
UNIS Hanoi ist die Niederlassung der United Nations International School in Hanoi. Die Schule ist einzigartig, da sie eine von nur zwei UN-Schulen auf der ganzen Welt ist.
Da es sich um eine internationale Schule handelt, muss sie eine mehrsprachige Gemeinschaft bedienen. Um dem Rechnung zu tragen, bietet die UNIS Hanoi ihre Website in englischer, vietnamesischer, koreanischer und japanischer Sprache an. Besucher können ihre bevorzugte Sprache über ein Dropdown-Menü in der oberen rechten Ecke der Website auswählen.
🏗️ Wie sie es gebaut haben:
Die UNIS-Website wird von einer Lösung namens betrieben Finalsite, das ein Content Management System (CMS) speziell für Schulen ist und eine eigene Mehrsprachigkeitsfunktion beinhaltet.
4. Traumglasgruppe
Die Dream Glass Group ist ein Anbieter von “intelligentem Glas”, dazu gehören diese coolen Fenster, die per Knopfdruck zwischen Transparenz und Privatsphäre wechseln können. Manche Bars benutzen es als Gag für ihre Toiletten.
Dream Glass Group wurde in Madrid, Spanien gegründet, hat aber Büros und Kunden auf der ganzen Welt. Diese.
🏗️ Wie sie es gebaut haben:
Um ihre Website zu erstellen, verwendet die Dream Glass Group die Open-Source-Software WordPress zusammen mit dem beliebten SiteOrigin Page Builder für Design und Werkzeugkasten für dynamische Inhalte. Um die mehrsprachige Funktionalität zu all diesen Werkzeugen hinzuzufügen, verwenden sie das kostenlose TranslatePress-Plugin.
5. Microsoft (Forschungsdatenbank)
Microsoft hat viele verschiedene Websites, von denen die meisten über proprietäre Systeme mehrsprachige Funktionalität bieten. Für dieses Website-Beispiel interessieren wir uns jedoch für die Unterseite Microsoft Researchers, die einen duplizierbareren, auf WordPress basierenden Ansatz für die Übersetzung verwendet.
Die Website listet alle Forscher von Microsoft auf, zusammen mit einem Suchfeld, um bestimmte Personen zu finden. Besucher können den fixierten Sprachumschalter in der unteren rechten Ecke verwenden, um zwischen Englisch und Französisch.
🏗️ Wie sie es gebaut haben:
Für die Sub-Site "Researchers" nutzte Microsoft die Open-Source-Software WordPress und das kostenlose TranslatePress-Plugin.
6. WordPress.org
Wir haben die Open-Source-Software WordPress.org hier bereits häufig erwähnt, daher ist es nur passend, darauf hinzuweisen, dass die Website WordPress.org selbst ein großartiges Beispiel für eine mehrsprachige Website ist.
WordPress.org verfolgt einen einzigartigen Ansatz, um Besucher zu den übersetzten Versionen zu leiten. Anstatt eine Dropdown-Sprachauswahl anzuzeigen, wird auf der Homepage automatisch eine Aufforderung angezeigt, um Besucher darauf hinzuweisen, dass sie in ihrer bevorzugten Sprache surfen können.
🏗️ Wie sie es gebaut haben:
Die WordPress.org-Website wird offensichtlich von der Open-Source-Software WordPress betrieben. Um die mehrsprachige Funktionalität zu erstellen, verwendet eine integrierte WordPress-Funktion namens Multisite und erstellt separate Netzwerkstandorte für jede Sprache.
8. Etsy
Etsy ist ein beliebter Online-Marktplatz für handgefertigte Waren. Es hat eine globale Präsenz, daher bietet es seine Website in einer Reihe von Sprachen an, darunter Englisch, Deutsch, Spanisch, Französisch und viele andere.
Etsy bietet ein vollständig lokalisiertes Erlebnis – Besucher können neben der Auswahl ihrer bevorzugten Sprachen auch ihre Region und Währung wählen, um standortspezifische Informationen anzuzeigen. Die Lokalisierungsoptionen sind auf dem obigen Screenshot zu sehen.
🏗️ Wie sie es gebaut haben:
Etsy verwendet ein proprietäres System für seine Website. Das bedeutet leider, dass man es nicht einfach nachbauen kann. Wir wollten Ihnen Etsy hauptsächlich als Beispiel für eine umfassendere Lokalisierungsstrategie zeigen.
9. Retrock
Retrock ist ein beliebter Vintage-Bekleidungs-Shop in Budapest, Ungarn. Um ihre Website einem internationalen Publikum zugänglich zu machen, bietet das Retrock-Team die Seite sowohl auf Englisch als auch auf Ungarisch an.
Besucher können ihre bevorzugte Sprache über einen Dropdown-Sprachumschalter im Hauptnavigationsmenü auswählen.
🏗️ Wie sie es gebaut haben:
Um die Website selbst zu erstellen, nutzt Retrock die Open-Source-Software WordPress zusammen mit WooCommerce um die E-Commerce-Funktionalität zu ermöglichen. Zur Übersetzung der Website verwendet Retrock das kostenlose TranslatePress-Plugin, das anbietet volle Kompatibilität für WooCommerce.
So erstellen Sie Ihre eigene mehrsprachige Website mit WordPress und TranslatePress
Wenn diese Beispiele für mehrsprachige Websites Sie dazu inspiriert haben, Ihre eigene mehrsprachige Website zu erstellen, dann ist dies der Teil, an dem wir von Ideen und Inspiration dazu übergehen, wie Sie tatsächlich mit einem mehrsprachigen Website-Builder beginnen können.
Wie Sie in den obigen Beispielen sehen können, ist eine der beliebtesten Möglichkeiten, eine mehrsprachige Website zu erstellen, die Open-Source-Software WordPress. WordPress Leistung über 40% Von allen Websites im.
Da es eine globale Präsenz hat, ist WordPress sehr einfach mehrsprachig zu machen – alles, was Sie brauchen, ist ein Übersetzungs-Plugin.
TranslatePress ist ein kostenloses WordPress-Übersetzungs-Plugin, mit dem Sie eine mehrsprachige Website erstellen können, bei der sogar Ihre Bilder übersetzt werden, sodass je nach der bevorzugten Sprache des Besuchers unterschiedliche Bilder angezeigt werden (was sich hervorragend für die umfassende Lokalisierung eignet).
Mit dem Plugin können Sie Ihre Website von Grund auf manuell übersetzen oder zunächst eine automatische Übersetzung mit Google Translate oder DeepL erstellen. Ganz gleich, ob Sie manuell übersetzen oder eine maschinelle Übersetzung nutzen – Sie können alle Ihre Übersetzungen über einen visuellen „Point-and-Click“-Übersetzungseditor verwalten:
Im Folgenden geben wir Ihnen eine kurze und knappe Anleitung, wie Sie mit TranslatePress eine mehrsprachige Website erstellen können. Für weitere Details haben wir außerdem einen Umfassender Leitfaden zur Erstellung einer mehrsprachigen WordPress-Website.
TranslatePress Mehrsprachig
1. Installieren Sie TranslatePress und wählen Sie Ihre Sprachen aus
Um loszulegen, müssen Sie das kostenlose TranslatePress-Plugin auf Ihrer WordPress-Website installieren und aktivieren. Es ist verfügbar auf WordPress.org, damit Sie es direkt über Ihr WordPress-Dashboard installieren können, indem Sie zu Plugins → Neu hinzufügen und nach “TranslatePress” suchen.
Nachdem Sie dies getan haben, gehen Sie zu Einstellungen → TranslatePress um die Sprachen auszuwählen, die Sie auf Ihrer Website anbieten möchten:
- Standardsprache – die Sprache, in der die Inhalte Ihrer Website derzeit vorhanden sind.
- Alle Sprachen – eine oder mehrere neue Sprachen, in die Sie die Inhalte Ihrer Website übersetzen möchten.
Mit der kostenlosen Version von TranslatePress können Sie Ihre Website in eine neue Sprache übersetzen – Sie können die Premium-Version kaufen um die Fähigkeit zu nutzen, unbegrenzte Sprachen zu verwenden.
2. Automatische Übersetzung einrichten
Wenn Sie automatische maschinelle Übersetzung verwenden möchten (was völlig optional ist), ist Ihr nächster Schritt die Auswahl und Konfiguration des Dienstes, den Sie verwenden möchten.
Auch wenn Sie automatische Übersetzungen verwenden, können Sie alle Übersetzungen manuell nachträglich bearbeiten.
Um es einzurichten, gehen Sie zur Automatische Übersetzung Registerkarte und wählen Sie den gewünschten Dienst aus. TranslatePress AI ist eine integrierte Funktion, die ohne jegliche Einrichtung funktioniert, während Sie für Google Translate und DeepL eine Verbindung zu deren API herstellen müssen.
Sie können auch unseren Umfassende Anleitung zur automatischen Übersetzung von WordPress.
Geheimtipp: Um den langwierigen und mühsamen Prozess der API-Schlüsselgenerierung sowie die zusätzlichen Kosten zu vermeiden, die entstehen, wenn Sie das kostenlose Kontingent von DeepL oder Google Translate überschreiten, sollten Sie die Nutzung von TranslatePress AI stattdessen.
TranslatePress AI ist kostengünstig und lässt sich in beide Übersetzungsdienste integrieren, wobei jedes Mal die für das jeweilige Sprachpaar am besten geeignete Übersetzungs-Engine ausgewählt wird.
Die Übersetzung Ihres gesamten Website-Inhalts mit TranslatePress AI erfolgt in drei Schritten. Aktivieren Sie die Lizenz, wählen Sie Ihre Sprachen aus und aktivieren Sie die automatische Übersetzung. So einfach wie das ABC – da werden Sie mir sicher zustimmen.
Alternativ können Sie auch eine Verbindung zu den APIs von Google Translate oder DeepL herstellen, falls Sie dies bevorzugen. Dazu müssen Sie jedoch einen API-Schlüssel abrufen und diesen mit Ihrer Website verknüpfen. Hier finden Sie Anleitungen für beide Dienste:
3. Übersetzen Sie Ihre Inhalte (oder bearbeiten Sie automatische Übersetzungen)
Um Ihre Website von Grund auf neu zu übersetzen und/oder die automatischen Übersetzungen zu bearbeiten, können Sie denselben visuellen Übersetzungseditor verwenden.
Um den Editor zu öffnen, gehen Sie zu der Seite, die Sie im Frontend Ihrer Website übersetzen möchten, und klicken Sie auf Seite übersetzen Option in der WordPress-Werkzeugleiste.
Sie sollten nun eine Live-Vorschau Ihrer Website zusammen mit einer Seitenleiste sehen. Um Inhalte zu übersetzen, bewegen Sie einfach den Mauszeiger über den Inhalt in der Live-Vorschau und klicken Sie auf das Bleistiftsymbol. Dies öffnet die Übersetzung in der Seitenleiste, wo Sie Ihre Änderungen vornehmen können:
Sie können den gleichen Point-and-Click-Ansatz verwenden, um jeden Inhalt auf Ihrer Website zu übersetzen, einschließlich Bildern. Wenn Sie weitere Beispiele sehen möchten, haben wir viele Anleitungen, die Ihnen zeigen, wie Sie bestimmte Elemente Ihrer Website übersetzen können:
- Bilder
- Editor (Gutenberg) Blöcke
- Benutzerdefinierte Felder
- Benutzerdefinierte Beitragstypen
- WordPress Formulare
- WordPress Menüs
- Popup-Inhalt
- Schieberegler
- WooCommerce-Produkte
- Elementor (Seitenersteller)
- Divi (Seitenersteller)
- Sauerstoff (Website-Baukasten)
Mit die Premium-Version von TranslatePress und sein SEO-Pack-Add-on, das Sie ebenfalls SEO Metadaten und Social-Media-Informationen von Plugins wie Yoast SEO.
Sie können auch bestimmte Inhalte von der Übersetzung ausschließen wenn Sie nur Teile Ihrer Website übersetzen möchten.
4. Richten Sie Ihren Sprachumschalter ein
Wie Sie in den Beispielen mehrsprachiger Websites gesehen haben, gibt es alle möglichen Arten, wie Sie Ihren Sprachumschalter platzieren können.
TranslatePress bietet Ihnen verschiedene Möglichkeiten, den Sprachumschalter zu platzieren. Standardmäßig wird ein schwebender Sprachumschalter in der unteren rechten Ecke Ihrer Website eingefügt, Sie können ihn jedoch auch in Ihrem Menü platzieren (wie viele der Beispielseiten) oder an einer anderen Stelle auf Ihrer Website mithilfe eines Shortcodes.
Sie erhalten auch Anpassungsoptionen, wie z. B. das Ein- oder Ausblenden der Sprachflagge.
Um all diese Optionen zu konfigurieren, gehen Sie zu Einstellungen → TranslatePress und scrolle nach unten zum Sprachwechsler Einstellungen
Für weitere Details, schauen Sie sich unsere an Vollständiger Leitfaden zum Hinzufügen eines WordPress-Sprachumschalters.
Lassen Sie sich von diesen mehrsprachigen Website-Beispielen inspirieren
In diesem Beitrag haben wir einige Beispiele für mehrsprachige Websites geteilt, um Ihnen eine Vorstellung davon zu geben, wie Sie mehrsprachige Funktionen auf Ihrer eigenen Website implementieren können.
Wenn Sie die beliebte WordPress-Software nutzen, können Sie mit dem kostenlosen TranslatePress-Plugin ganz einfach Ihre eigene mehrsprachige Website erstellen.
Mit nur die kostenlose Version auf WordPress.org, Sie können Ihre Website in eine neue Sprache übersetzen. Dann, Upgrade zur Premium-Version um weitere nützliche Funktionen zu nutzen, wie zum Beispiel:
- Unterstützung für unbegrenzte Sprachen.
- Verbesserte mehrsprachige SEO-Funktionen, wie die Möglichkeit, SEO-Titel und Meta-Beschreibungen zu übersetzen.
- DeepL-Unterstützung für automatische Übersetzung.
- Automatische Weiterleitung von Benutzern zu ihrer bevorzugten Sprache.
TranslatePress Mehrsprachig
Haben Sie noch Fragen zur Erstellung einer mehrsprachigen Website? Lassen Sie es uns in den Kommentaren wissen!
