In diesem Beitrag
Benötigen Sie eine Möglichkeit, eine mehrsprachige Website zu erstellen?
Wir leben in einer mehrsprachigen Welt, daher ist es eine großartige Möglichkeit, Ihre Website in mehreren Sprachen anzubieten, um sie benutzerfreundlicher zu gestalten und neue Zielgruppen zu erreichen.
Aber gleichzeitig ist die Erstellung einer mehrsprachigen Website ein großes Unterfangen. Zwar gibt es viele benutzerfreundliche Website-Baukasten da draußen, aber Sie benötigen ein Tool, mit dem Sie nicht nur eine gut aussehende Website erstellen, sondern auch jedes Element, vom Text bis zu den Bildern, in verschiedene Sprachen übersetzen können.
Um Ihnen zum Erfolg zu verhelfen, werden wir einen detaillierten Leitfaden zur Erstellung einer mehrsprachigen Website mit Ihnen teilen. Wir führen Sie von “Null” zu einer “benutzerfreundlichen mehrsprachigen Website”, indem wir Folgendes behandeln:
- Wählen Sie die beste Plattform für Ihre mehrsprachige Website (wir empfehlen WordPress);
- Befolgen Sie die Best Practices für mehrsprachige Websites;
- Übersetzen Sie alle Ihre Inhalte auf WordPress in verschiedene Sprachen – jedes einzelne Element, von Titeln und Inhalten bis hin zu Formularen, Bildern, Schaltflächen und mehr.
Wir werden auch einige Beispiele für mehrsprachige Websites teilen, um Ihnen einige Ideen zu geben, wie erfolgreiche Websites mit mehreren Sprachen umgehen.
Unsere Schritt-für-Schritt-Anleitung für mehrsprachige Websites lautet:
- Nicht-technisch. Sie verwenden eine einfache visuelle Benutzeroberfläche, um Ihre Inhalte zu übersetzen – es sind keine technischen Vorkenntnisse erforderlich.
- Erschwinglich. Tatsächlich sind viele der Tools, die wir in diesem Tutorial verwenden, kostenlos (100%).
- Schnell. Am wichtigsten ist, dass Sie dies schnell einrichten können. Sie können sogar Maschinelle Übersetzungsdienste wie Google Translate und Deepl, um den Vorgang zu beschleunigen.
Bis zum Ende dieses Beitrags werden Sie in der Lage sein, Ihre mehrsprachige Inhalte über eine einfache visuelle Benutzeroberfläche wie diese hinzuzufügen:
Bereit anzufangen? Fangen wir an...
3 großartige Beispiele für mehrsprachige Websites zur Inspiration
Manchmal ist es eine großartige Möglichkeit, die eigenen kreativen Impulse in Gang zu bringen, sich das Beispiel einer mehrsprachigen Website anzusehen. Aus diesem Grund beginnen wir unseren Leitfaden damit, uns ein paar Websites anzusehen, die erfolgreich mehrsprachig geworden sind.
1. WordPress.org
WordPress.org ist die offizielle Heimat des Open-Source-WordPress-Projekt, das unserer Meinung nach der einfachste Weg ist, eine mehrsprachige Website zu erstellen. Da WordPress ein globales Projekt ist, ist die WordPress.org-Website lokalisiert und in praktisch jede gängige Sprache übersetzt. Sie schlägt Besuchern auf der Startseite auch deren lokale Sprache vor, um ihnen zu helfen, sich an die richtige Stelle zu orientieren.
2. Etsy
Etsy ist ein großartiges mehrsprachiges Website-Beispiel dafür, wie das Hinzufügen Mehrere Sprachen können die SEO verbessern für einen Onlineshop. Man sieht häufig, dass die Produktseiten von Etsy für verschiedene Keywords ranken, was ihnen eine großartige neue Traffic-Quelle verschafft.
Etsy bietet zudem verschiedene Lokalisierungsoptionen, mit denen Besucher ihre bevorzugte Region, Sprache und Währung auswählen können.
3. Kinsta
Unser letztes Beispiel für eine mehrsprachige Website ist Kinsta, ein beliebter WordPress-Host, dem es gelungen ist, seinen organischen Traffic um 18% zu steigern, nachdem er seine Inhalte in neue Sprachen übersetzt hatte. Mittlerweile sind die Inhalte von Kinsta in zehn Sprachen verfügbar, und Besucher können über einen Sprachumschalter in der Fußzeile ihre bevorzugte Sprache auswählen.
Lesen Sie weiter, um zu erfahren, wie Sie Ihre Website mehrsprachig machen können, um diese Vorteile zu nutzen.
So wählen Sie die beste Plattform für Ihre mehrsprachige Website
Bevor Sie Ihre Inhalte in neue Sprachen übersetzen können, benötigen Sie eine funktionierende Website in Ihrer Originalsprache.
Es gibt zwei Hauptansätze für die Erstellung einer Website im modernen Web:
- Verwenden Sie ein selbst gehostetes Content-Management-System wie WordPress oder Drupal.
- Verwenden Sie einen gehosteten Website-Baukasten wie Squarespace, Wix, oder Shopify.
Zwar ist es möglich, mehrsprachige Websites mit Website-Baukästen zu erstellen, aber dafür sind sie eigentlich nicht gedacht. Squarespace zwingt Sie beispielsweise dazu, jede Seite Ihrer Website für jede Sprache zu duplizieren, was verwirrend und zeitaufwändig ist.
Wenn Sie vorhaben, eine mehrsprachige Website, Die Verwendung eines selbst gehosteten Content-Management-Systems wird es erheblich erleichtern, die Benutzererfahrung sowohl im Frontend als auch im Backend zu optimieren.
Während verschiedene Content-Management-Systeme ihre Vor- und Nachteile haben, werden wir eine bestimmte Option empfehlen:
Selbstgehostetes WordPress.
WordPress ist bei Weitem die beliebteste Art, jede Art von Website zu erstellen. Ihre Popularität stellt die von Website-Baukästen und anderen selbst gehosteten Content-Management-Systemen weit in den Schatten. Tatsächlich, WordPress betrieben über 43% aller Websites im Internet.
Darüber hinaus können Sie WordPress verwenden, um so ziemlich jede Art von Website zu erstellen, von Blogs bis hin zu Unternehmenswebsites, E-Commerce-Shops, Mitglieder-Websites, Online-Kurse und mehr. Es spielt also keine Rolle, worum es auf Ihrer mehrsprachigen Website geht.
Und ach ja, die WordPress-Kernsoftware ist 100% kostenlos.
Warum WordPress die beste Plattform für die Erstellung einer mehrsprachigen Website ist
WordPress ist nicht nur wegen seiner Beliebtheit der beste Weg, um eine mehrsprachige Website zu erstellen – es bietet auch alle Werkzeuge, die Sie benötigen, um Ihre Website schnell und einfach in neue Sprachen zu übersetzen.
Hier sind die konkreten Gründe, warum wir WordPress für eine mehrsprachige Website empfehlen:
- Die WordPress-Kernsoftware ist kostenlos;
- Sie können Ihre WordPress-Website mit Tausenden von kostenlosen und kostenpflichtigen Plugins erweitern;
- Sie erhalten Zugang zu einfachen visuellen Übersetzungswerkzeugen wie TranslatePress;
- WordPress ist SEO-freundlich, was es einfacher macht, Ihre übersetzten Inhalte bei Google und anderen Suchmaschinen zu ranken;
- Sie können das Aussehen Ihrer Website mit Tausenden von kostenlose und kostenpflichtige Themes;
- Die WordPress-Software ist sicher, und Sie können die Sicherheit mit WordPress-Sicherheits-Plugins weiter erhöhen.
Mit WordPress können Sie den TranslatePress-Visual-Editor nutzen
Eine der Erweiterungen, zu denen Ihnen WordPress Zugang gewährt, ist TranslatePress, mit der Sie Ihre WordPress-Website über eine praktische visuelle Oberfläche wie diese übersetzen können:
Das ist sehr viel schneller und komfortabler als so ziemlich jede andere Website-Plattform, die Sie sich ansehen werden.
TranslatePress unterstützt außerdem die automatische Übersetzung über drei Übersetzungsmaschinen:
- TranslatePress AI — die integrierte Lösung, keine zusätzlichen Plattformen oder API-Schlüssel erforderlich. Beinhaltet ein kostenloses Kontingent (2.000 KI-Wörter) bei allen Tarifen.
- Google Übersetzer — in der kostenlosen Version mit Ihrem eigenen Google API-Schlüssel verfügbar.
- DeepL — verfügbar in Business- und Developer-Tarifen.
Auch wenn Sie eine automatische Übersetzung verwenden, können Sie Ihre Übersetzungen später mithilfe der oben gesehenen Benutzeroberfläche immer noch manuell überarbeiten.
TranslatePress Mehrsprachig
Darüber hinaus unterstützt Sie TranslatePress auch bei der Umsetzung einer Reihe von Best Practices für mehrsprachige Websites. Apropos…
8 Best Practices für die Erstellung einer mehrsprachigen Website
Die Verwendung von WordPress für den Aufbau Ihrer Website ist ein guter Start für Ihren Erfolg, aber Sie müssen dennoch einige Best Practices anwenden, um eine erfolgreiche mehrsprachige Website zu erstellen.
Hier ist worauf Sie sich konzentrieren sollten…
1. Implementieren Sie mehrsprachige SEO, um Ihre Website in verschiedenen Sprachen zu positionieren
Einer der großen Vorteile der Erstellung einer mehrsprachigen Website ist die Möglichkeit, neue Zielgruppen bei Google und anderen Suchmaschinen zu erreichen.
Wenn Sie jedoch diesen Vorteil erzielen möchten, müssen Sie die mehrsprachige Suchmaschinenoptimierung (SEO) betonen.
SEO beinhaltet den Versuch, Ihre Website bei Google weiter oben zu platzieren. Mehrsprachiges SEO wendet dann genau dieses Konzept an sondern in andere Sprachen.
Multisprachige SEO bedeutet, dass jede Sprachversion Ihrer Website so optimiert wird, dass sie in den Suchergebnissen dieser Sprache rankt – nicht nur das Übersetzen des Inhalts, sondern sicherzustellen, dass Suchmaschinen ihn finden, korrekt indexieren und der richtigen Zielgruppe ausspielen.
Wir haben einen ganzen Beitrag über Mehrsprachige SEO-Best-Practices, Aber einige der Taktiken, die Sie umsetzen möchten, sind:
- Umfassende Übersetzungen – das umfasst nicht nur Ihren Text, sondern auch URL-Slugs und SEO-Metadaten.
- Mehrsprachige XML-Sitemap – das hilft Google, all Ihre Inhalte in jeder Sprache zu finden.
- Optimierte URL-Struktur – darüber werden wir im nächsten Abschnitt mehr sprechen, da es mehr als nur die mehrsprachige SEO betrifft.
- hreflang-Attribut – dies hilft Google zu verstehen, welche Version Ihrer Website in verschiedenen Sprachen ausgeliefert werden soll.
TranslatePress kann Ihnen dabei helfen, all diese Best Practices für mehrsprachiges SEO umzusetzen – einige davon sogar automatisch.
2. Verwenden Sie eine optimierte mehrsprachige URL-Struktur
Um jede Sprache auf Ihrer Website bei Google zu platzieren, müssen Sie jeder Sprachversion eine eigene URL geben.
Dies betrifft nicht nur die SEO Ihrer Website, sondern beeinflusst auch, wie menschliche Besucher auf Ihrer Website surfen, da Ihre URLs wichtigen Kontext liefern.
Es gibt drei Hauptstrategien für die URL-Struktur Ihrer mehrsprachigen Website:
- Unterordner – zum Beispiel, yoursite.com/content für Ihre Hauptsprache und yoursite.com/de/content für Ihre spanischen Übersetzungen.
- Subdomains – zum Beispiel, yoursite.com/content für Ihre Hauptsprache und es.yoursite.com/content für Ihre spanischen Übersetzungen.
- Getrennte Domains – zum Beispiel, yoursite.com für Ihre Hauptsprache und yoursite.es für Ihre spanischen Übersetzungen.
Google empfiehlt alle drei Methoden, aber die Verwendung des Unterordner-Ansatzes ist im Allgemeinen die einfachste Methode zur Einrichtung und Pflege, da Sie keine technischen Änderungen im Backend vornehmen müssen. Sie können jedoch in unserem Artikel zu diesem ganzen Thema mehr darüber lesen Subdomain vs. Unterverzeichnis Dilemma.
TranslatePress verwendet automatisch den Unterordner-Ansatz – es ist keine technische Einrichtung erforderlich. Sie können mit dem Plugin jedoch auch jede der anderen URL-Strukturen einrichten, einschließlich der Option, unterschiedliche Domains für jede Sprache.
3. Achten Sie auf die Ladezeiten der Website
Die Sicherstellung, dass Ihre Website schnell lädt, ist wichtig für alles – von der Benutzererfahrung über SEO und Engagement bis hin zu den Konversionsraten Ihrer Website.
This is true for both single and multi language sites, but the stakes are more dire for multilingual sites because some multilingual solutions can slow down your site by adding extra file size and unnecessary database queries.
TranslatePress ist one of the most performance-optimized solutions for translating a WordPress site, which helps ensure that each language on your website loads quickly:
4. Add a User-Friendly Language Switcher
Visitors can only benefit from your multilingual content if they can find it. A well-placed language switcher on your WordPress site is essential — and how you design it matters as much as where you put it.
Best practices for your language switcher:
- Display the language in its local format. For example, Deutsch (correct) vs German (incorrect). This lets people quickly recognize their language even if they don’t speak English.
- Don’t rely on language flags alone. While it’s acceptable to include flags in addition to the local language name, it’s confusing to use language flags by themselves. For example, some sites use the Mexican flag for Spanish, while others use the Spanish flag. This adds unnecessary confusion.
- Make it visible — a floating switcher in the corner of every page ensures visitors never have to hunt for it.
TranslatePress gives you a fully customisable language switcher accessible from the dedicated Sprachwechsler tab in your plugin settings. You can configure three different switcher types:
- Floating — a persistent switcher fixed in a corner of every page. Supports visual preset designs, but also custom colors, borders, flag shapes, and Desktop/Mobile layout controls.
- Shortcode — embed the switcher anywhere on your site using the shortcode or the Language Switcher block in the Gutenberg editor.
- Menu Item — add languages directly to any WordPress navigation menu via Darstellung → Menüs.
TrAll three switcher types support full and short language names, flag icons (rectangle, square, or rounded for menu items), and the option to show no names at all. The floating and shortcode switchers also include a custom CSS editor for fine-grained styling.
5. Automatically Detect Visitors’ Languages
Beyond adding a front-end language switcher, another way to help direct visitors is by automatically redirecting them to their preferred language.
There are two ways to do this. You can redirect visitors based on:
- Their browser language, which is the preferred language a visitor has chosen.
- Their IP address, which is their geographic location.
Typically, using the browser language is a better option because a person’s physical location doesn’t always match with their preferred language. For example, an American who lives in Vietnam, but speaks English.
TranslatePress gives you the option to try for the browser language first and then fall back to a person’s IP address if it can’t detect a browser language.
Rather than redirecting visitors silently, the plugin shows a popup asking visitors if they’d like to switch to their detected language — giving them control while still surfacing the right option.
6. Pay Attention to Design and Layout in Different Languages
When you create the initial design for your site, you’ll probably focus on making sure every element is pixel-perfect.
For example, should the headline take up two lines or three lines? Does the button text fit on a single line? Etc.
However, when you translate your content into new languages, this spacing can become an issue because translations don’t always take up the same amount of space.
To be able to adjust these layout issues and ensure a perfect design in all languages, it helps to have a tool like TranslatePress that offers a visual translation interface where you can preview changes in real-time, rather than the back-end interfaces that many translation tools use.
7. Check that your Fonts are Compatible with your Target Languages
When you’re designing your site, one of the major choices you make is picking the fonts that you are going to use. Now, depending on what languages you’re planning on using with your site, these might require a set of special characters to display properly.
It’s a good idea to check that your fonts have the special characters needed by your new languages. Otherwise, you might end up with a placeholder instead of the normal character that just looks wrong and out of place.
Like in this example:
This is due to the fact that the developer of the font didn’t think about localization or just designed the font for English.
8. Focus on Full Localization – Not Just Text
Finally, remember that there’s more to creating a multi language website than just translating text on a page.
While that’s certainly important, you also need to consider other aspects of creating a fully localized experience in each language.
For example, you might want to use different images/videos for different languages or display different menu items for each language (rather than just translating the same menu items into different languages).
With WordPress and TranslatePress, you’ll also be able to take these smaller considerations into account.
TranslatePress Mehrsprachig
So erstellen Sie eine mehrsprachige Website mit WordPress
Now that we’ve covered the theory behind a multi language website, let’s get into the actual steps that you need to take to get your website up and running.
1. Set Up Your WordPress Site in Your Native Language
To get started, you first need to set up your basic single language WordPress site. You can find a lot of tutorials for this, so we’ll keep this section a little briefer since we’re mostly focused on the multilingual part.
But here are the basics…
First, you’ll need to:
- Choose WordPress hosting – SiteGround is a good affordable option that works for most multi language WordPress sites. EasyWP is another great option, being an extremely fast managed WordPress hosting service, not only in site speed but also in site setup.
- Purchase a domain name – you can purchase your domain name when you sign up for SiteGround.
- Install the core WordPress software – SiteGround includes a welcome wizard tool that makes it easy to install WordPress – no technical knowledge required.
Once you have your basic WordPress site, you’ll need to:
- Choose a WordPress theme to control how your site looks. The translation tool that we’ll show you in the next sections will work with any WordPress theme, so you don’t need to worry about any compatibility issues.
- Add your site’s content in your native language. Don’t worry about any translation concerns for now – no matter how you add your content, you’ll be able to easily translate it in the next sections.
If you want a little more design flexibility, you might prefer using a WordPress page builder plugin like Elementor. This adds a more “Wix-like” or “Squarespace-like” design experience to WordPress, which some users prefer.
You also might want to use some additional plugins for other types of content, like multilingual forms or sliders/carousels.
Basically, the goal here is to completely build out your site in a single language. Then, once you have that baseline single language site, you can translate it into as many different languages as needed using the simple visual translation editor that you saw earlier.
2. Install TranslatePress and Choose Your Language(s)
Once you have your single language WordPress site set up, you’re ready to translate it into one or more new languages.
To do that, you can use das kostenlose TranslatePress-Plugin that we discussed above. Get started by visiting Plugins → Neu hinzufügen in your WordPress dashboard and installing the free TranslatePress plugin from WordPress.org.
Once you’ve installed the plugin, head to Einstellungen → TranslatePress to choose the languages that you want to offer on your site.
First, use the drop-down to select your Standardsprache, which is the language that your site currently exists in. Then, use the Alle Sprachen settings to add the new languages that you want your site to exist in.
For example, here’s what it looks like to translate an English language website into Spanish:
3. Automatische Übersetzung einrichten (Optional)
If you don’t want to translate all of your content from scratch, TranslatePress gives you the option to use two approaches for automatic translation:
- TranslatePress AI – the integrated solution for instant translations at maximum accuracy (2,000 AI words included fo free). No sign-up or API key required.
- APIs from Google Translate (in der kostenlosen Version von TranslatePress verfügbar) oder DeepL (requires the paid version of TranslatePress).
Automatische Übersetzung can save you a ton of time, especially on a larger multi language website with lots of content. To set up automatic translation, go to the Automatic Translation tab in your TranslatePress settings, toggle it on, and select your engine. You can also set monthly translation limits to control costs if you’re using a paid API.
While TranslatePress does not charge you extra based on your translation usage, Google Translate and DeepL do charge (though both offer a limited free quota).
Even with automatic translation enabled, you can still review and refine every translation manually in the visual editor. Most sites use automatic translation for an initial draft, then manually polish high-priority pages like the homepage, product pages, and key landing pages.
Und was noch?
Using TranslatePress AI is as simple as seen in the video below.
Remember that you can always make changes using the visual translation editor, as you are about to learn below.
4. Translate Your Content Using the Visual Editor
Now, you’re officially ready to start translating your website’s content.
To open TranslatePress’ visual editor, go to the page that you want to translate and click the Seite übersetzen Option in der WordPress-Symbolleiste:
Translating content is simple. To translate any element on your site, all you do is hover over it and click the pencil icon.
That will open the translation in the sidebar, where you can make your edits.
If you opted to use automatic translation, you’ll already see the machine translated version in the interface.
If you’re translating your site from scratch, you’ll see a blank field until you add your translation:
It’s that easy!
This approach isn’t limited to regular text, either. You can also translate other elements on your page.
Zum Beispiel:
Want to translate both the text und URL of a button? Just click the pencil icon!
Want to “translate” an image so that visitors see a different image based on their chosen language? Use the same pencil icon!
In fact, you can use this approach to translate pretty much any content on your WordPress site, even if it came from a separate plugin or theme.
We have detailed tutorials on how to translate some of the most common elements of a multi language website:
- WordPress Formulare
- WordPress Menüs
- Bilder
- Popup-Inhalt
- Schieberegler
- WordPress page builder content from Elementor, Divi, and more
- WooCommerce-Produkte
- Gutenberg-Blöcke
- Benutzerdefinierte Felder
- Benutzerdefinierte Beitragstypen
To translate the rest of your multi language website, all you need to do is repeat the same process for other pages. And remember – if you have a lot of content, you can always go back and enable automatic translation to save some time.
5. Configure Your Language Switcher
By default, TranslatePress adds a floating language switcher to your site immediately after you add a translation language. If the default appearance works for you, you don’t need to change anything.
However, if the default settings are not enough, there are plenty of customization options available für dich.
To customise your alnguage switcher, go to the Sprachwechsler tab in your TranslatePress-Einstellungen (in the top navigation bar of the plugin). You’ll find three sub-tabs:
Schwebeumschalter
The floating switcher stays visible in a fixed corner of every page — the most discoverable option for first-time visitors.
Customisation options include:
- Four design presets to get started quickly: Default, Dark, Border, and Transparent
- Full colour control: background, hover, text, and border colours
- Individual border radius controls for each corner
- Flag shape: rectangle, square, round
- Language display: full names, short names, or no names
- Flag icon position: before language name, after, or hidden
- Desktop and Mobile layout settings independently
- Position: Bottom Right, Bottom Left, Top Right, or Top Left
- Custom CSS editor for fine-grained control
Shortcode/Block Switcher
Verwenden Sie die Sprachwechsler block or shortcode
The shortcode switcher has the same design customisation options as the floating switcher. However, a shortcode-exclusive option is the Open on click feature. Checking this makes the switcher open on click rather than hover. It closes when clicked again, when clicking elsewhere on the page, or when pressing Escape.
Menu Item Switcher
To add the language switcher to a WordPress navigation menu, go to Darstellung → Menüs and add language items from the Sprachwechsler section. There are no colour or design controls for this switcher type — it inherits your theme’s menu styling automatically.
The menu switcher supports the same flag and language name options as the other switcher types.
Starten Sie Ihre mehrsprachige Website noch heute
As the examples above show, going multilingual is one of the most effective ways to grow your organic traffic, reach new audiences, and make your website genuinely accessible to the global internet.
WordPress is the best platform to build that multilingual site — it gives you full control over SEO, design, and content structure, and it’s the platform most translation tools are built for.
With TranslatePress, you get a visual translation workflow that makes the process fast and manageable regardless of your technical background. Install the free plugin, add your target language, and you can have a working multilingual site live in under an hour.
TranslatePress Mehrsprachig
With TranslatePress, your multilingual website will have:
- Mehrsprachige SEO best practices to rank each language in Google.
- Fast-loading translations to create a better user experience.
- Complete translations with the option to localize every single element on your site, including images, forms, and more.
- A customisable language switcher that fits your design
You can follow this tutorial and get started with the free version of TranslatePress. Then, consider Upgrade auf die Premium-Version for:
- Improved multilingual SEO features & support for all major SEO plugins;
- Bigger AIword packages for TranslatePress AI
- Access to the DeepL machine translation service;
- The ability to translate your site into unlimited new languages (Die kostenlose Version ermöglicht es Ihnen, Ihre Website in eine neue Sprache zu übersetzen.);
- Special dedicated translator accounts to help you work with freelance translators or other services
- Automatische Spracherkennung.
To get the most from your multi language website check out the full list of TranslatePress features.
Wenn Sie diesen Beitrag hilfreich fanden, schauen Sie sich bitte unsere an YouTube-Kanal, wo wir ständig kurze und leicht verständliche Video-Tutorials hochladen. Sie können uns auch folgen auf Facebook und Twitter um der Erste zu sein, der jedes Mal Bescheid weiß, wenn wir etwas posten.
really good ……. i wan to use this website to change the world !