In diesem Beitrag
A Website-Sprachauswahl könnte eines der wichtigsten Tools sein, die Sie Ihrer Website hinzufügen können. Wenn Sie mit Ihren Inhalten ein globales Publikum erreichen und ihm die bestmögliche Nutzererfahrung bieten möchten, müssen Sie zunächst sicherstellen, dass es Ihre Website in der richtigen Sprache anzeigen kann.
Sprachauswahl-Tools gibt es in einer Vielzahl verschiedener Formate. Sie können je nach Ihren Vorlieben einen Textlink zu Ihrer Website, einen Button oder ein Dropdown-Menü hinzufügen. Normalerweise finden Sie WordPress-Sprachauswahl-Tools im Kopf- oder Fußzeile einer Website.
Im Wesentlichen ermöglichen diese Tools Ihren Nutzern, Ihre Inhalte sofort in ihre bevorzugte Sprache zu übersetzen. Ganz gleich, ob Sie einen E-Commerce-Shop oder einen Blog betreiben, Ihr Sprachauswahl-Tool wird die Nutzererfahrung für Ihre Kunden verbessern.
Im heutigen Tutorial schauen wir uns an, wie Sie einen Sprachwähler für Websites zu WordPress hinzufügen und dieses Tool effektiv nutzen können.
Die Vorteile der Verwendung eines Website-Sprachwählers
Der offensichtlichste Vorteil eines Website-Sprachwählers besteht darin, dass er Ihren Nutzern ermöglicht, ihr Erlebnis auf Ihrer Website an ihre Bedürfnisse anzupassen. In jedem Webdesign- oder Entwicklungsprojekt, Ihr Hauptaugenmerk als Unternehmer sollte darauf liegen, eine herausragende Benutzererfahrung zu bieten. Je besser die “UX” Ihrer Website ist, desto wahrscheinlicher ist es, dass Ihre Kunden Ihre Seiten wieder besuchen und mit Ihrer Marke interagieren.
Mit einem WordPress-Sprachwähler können Sie Erstelle eine globale Website das den Kunden ein lokales Erlebnis bietet. Sie können per Mausklick die Sprache auswählen, in der Ihre Seiten angezeigt werden sollen. In einigen Fällen können Sie sogar automatische Spracherkennung Funktionen auf Ihren Seiten. Dadurch kann die Website den Standort des Benutzers erkennen und Ihre Sprache automatisch umstellen.
Beispielsweise sehen Google-Nutzer mit einem Google-Konto alle Inhalte automatisch in der Sprache, die für sie basierend auf ihren Einstellungen relevant ist.
So fügen Sie Ihrer Website einen WordPress-Sprachumschalter hinzu: 3 Wege
Wenn Sie eine eigene WordPress-Website haben, lässt sich eine Sprachauswahl am einfachsten mithilfe eines Plugins einrichten. Das mit Abstand beste Plugin dafür ist TranslatePress. Es bietet Ihnen eine Reihe verschiedener Möglichkeiten, Sprachauswahl-Tools auf Ihren Seiten einzubinden, auf die wir im Folgenden näher eingehen werden.
Hier ein kurzer Überblick:
Schritt 1: TranslatePress installieren
Bevor Sie Änderungen an Ihrer Website vornehmen, müssen Sie natürlich zunächst das Plugin installieren. Melden Sie sich bei Ihrem WordPress-Konto an und klicken Sie auf Plugins. Geben Sie in die Suchleiste “TranslatePress” ein” dann klicken Sie Installieren gefolgt von Aktivieren.
Nachdem Sie Ihr neues Plugin aktiviert haben, können Sie Ihre gesamte WordPress-Website mithilfe einer intuitiven visuellen Benutzeroberfläche ganz einfach übersetzen. Das TranslatePress-Plugin unterstützt die Übersetzung aller Elemente, von Benutzerdefinierte Beitragsarten, zu Kontaktformularen und Bilder mit Text.
Dieses benutzerfreundliche Tool funktioniert auch problemlos mit anderen beliebten Plugins wie Elementor oder WooCommerce. Die Lösung nutzt DeepL oder Google Translate, um Inhalte automatisch zu übersetzen. Sie können Ihre Übersetzungen auch nach der Erstellung bearbeiten.
Schritt 2: Wählen Sie Ihre Sprachen
Zuerst müssen Sie entscheiden, welche Sprachen Sie zu Ihrer Website hinzufügen möchten. Gehen Sie in Ihr WordPress Einstellungen Seite und klicken Sie dann auf TranslatePress. Im Allgemein Einstellungsseite wirst du deine Hauptsprache sowie alle weiteren Sprachen auswählen können, die du zu deinen WordPress-Seiten hinzufügen möchtest.
In diesem Beispiel verwende ich Spanisch, aber mit TranslatePress Premium können Sie so viele Sprachen hinzufügen, wie Sie möchten.
Hier finden Sie die Möglichkeiten zur Einrichtung einer der drei von TranslatePress angebotenen Optionen zur Sprachauswahl auf der Website.
Schritt 3: Wählen Sie Ihren Sprachwähler
Sobald Sie Ihre Sprachen eingestellt haben, scrollen Sie nach unten Allgemein Seite, bis Sie das sehen Sprachwechsler Abschnitt. Hier können Sie auswählen, wie Sie Ihrer Website einen Sprachwähler hinzufügen möchten. Es gibt drei Optionen:
- KurzcodeDies zeigt auf jeder Seite oder jedem Widget einen Sprachwähler an.
- Menüpunkt: Dies ermöglicht es Ihnen, ein Menüelement zu Ihrer Website hinzuzufügen, bei dem mehrere Sprachen zur Auswahl stehen.
- Schwebende Sprachauswahl: Dadurch wird ein schwebendes Dropdown-Menü hinzugefügt, das auf allen Seiten Ihrer Website angezeigt wird.
Schauen wir uns jede Option genauer an.
1. Shortcode-Sprachumschalter
Mit dem Shortcode-Sprachwähler können Sie einen WordPress-Sprachwähler zu jedem Bereich Ihrer Website hinzufügen, der Shortcodes unterstützt. Um auf diese Funktion zuzugreifen, scrollen Sie nach unten zu dem Sprachwechsler Abschnitt des Allgemein Seite für TranslatePress und aktivieren Sie das Kontrollkästchen neben Kurzcode.
Im Dropdown-Menü unten können Sie festlegen, wie Ihre Sprachauswahl angezeigt werden soll. Sie können beispielsweise Flaggen mit kurzen oder langen Sprachnamen oder einfach nur die Namen verwenden.
Wählen Sie Ihre Option und klicken Sie Änderungen speichern. Next, use the
On the front-end, your site should show a new language button that opens a dropdown list on hover:
2. Menu Item Language Selector
The menu item option will allow you to add language options to the navigation menu on your site. There are a few different options again for what the WordPress language selector will display. You can choose to show only flags, flags with long or short names, or just long or short names.
Select one of these options, then head into the Darstellung → Menüs to add the navigation option to your site. In the Menüs bearbeiten tab, just click on Sprachwechsler to check all the boxes for the languages you want. Next, click Add to Menu.
Adding the Current language item and the language items you’ve chosen for your menu will display a classic language switcher that opens up on hover.
You can also add the Opposite language option which will display a button for the secondary language only. For instance, if the primary website is in English, the button will only display “Spanish” and there will be no dropdown. This only works if your website is bilingual.
On the front-end of your website, you should see a new language switcher menu item, placed alongside your existing menu items.
3. Floating Language Selector
Floating dropdowns on your store provide a convenient way for users to access their preferred language. They appear on every page of your website. With TranslatePress, you can choose how your floating selector is going to work and appear.
You’ll be able to pick whether you want to show the full language name, a short name, and a flag. Plus, you can opt for dark or light themes depending on your website’s design. There’s also an option to determine where exactly your language bar will be depicted.
Make your choices, and click Save Changes.
Once you’re done, refresh the front-end of your site, and you’ll see what the floating bar looks like for your visitors:
Pretty simple right?
No matter which of the three options you choose, you’re guaranteed to give your website visitors a better experience. Remember, you can also configure the rest of the settings in the Translate Press plugin. This will allow you to decide whether you want to use automatic machine translation or not. To do this go to Settings → Automatic Translation.
One your setup is complete, all you need to do is browse through your site, one page at a time, and they will be automatically translated. You’ll also be able to use the visual translation editor to select a certain piece of text and edit it if you’re not happy with the automatic translation. You can find more tips on how to create a multilingual WordPress site in this guide.
Die besten Tipps für die Verwendung eines WordPress-Sprachwählers
TranslatePress makes it easy to create the ultimate multilingual website in no time. However, there are still some extra steps you might want to take to ensure your website language selector is as effective as possible. Here are some quick tips to get you on the right track.
1. Choose the Right Placement
TranslatePress gives you full freedom over where you’re going to place your website language selector. The best thing you can do is make sure it’s easy for your customers to find the tool. If your customers can’t find the language selector, they may just hit the back button.
Most of the time, website users will expect to see language options at the top or bottom of their pages. Adding a language selector to your footer or header is usually a good idea. From a discoverability perspective, the bottom right of the page is usually the best option. However, there are no hard and fast rules here. It all depends on what works for your customers.
HubSpot has put their language selector on their top navigation bar.
2. Make Sure the Style Matches Your Site
Remember, every new widget or tool you add to your website should match your site design. From a UI perspective, it’s important to ensure everything is consistent. Pay attention to the colors, fonts, and overall appearance of your buttons and menus.
Some WordPress language selector tools require you to edit the CSS file for your website, or the theme to configure the button’s appearance. TranslatePress, on the other hand, uses your site’s existing design to generate a complementary language button. This means you don’t have to tweak any code yourself.
You could also consider adding a language button icon to your site, such as a globe or a speech bubble. However, if you’re showing a flag with the TranslatePress plugin, you shouldn’t need an extra icon to improve discoverability.
3. Display Language Names and Initials Correctly
After you add a language selector to your site, you’ll have the option to display a full name, or the abreviation of the language. Either option should be relatively simple for your visitors to navigate. But what is more important, is the option to list each language in its native format. For instance, instead of Spanish, you would use Español.
Readers that use a different alphabet, like Russian speakers for example, wouldn’t necessarily recognize the English versions of their languages immediately. Using the right format is key to improving user experience.
4. Keep it Simple
If you’re trying to develop a global website, it might be tempting to add as many languages as possible to your pages. TranslatePress does give you the option to add unlimited languages with the pro plans. However, it’s worth remembering a complex menu or button can negatively influence usability.
The more languages you include on your language selector, the longer the menu or button dropdown is going to be. Stick to just the languages you know your customers use at first. Remember, you can always add more languages into the mix later on, based on user feedback.
5. Try Automatic Language Detection
One of the best ways to improve the user experience on your site for your visitors is to reduce the amount of work they need to do. Implementing automatic language detection means they won’t have to worry about clicking buttons or finding selectors.
Automatic language redirection allows the site to automatically perceive where the user is based on IP or browser settings. This way, the solution can translate the language without any further actions by the user.
ASOS is a great example of a brand that has leveraged this automatic approach. The store will automatically detect your location, and serve you content based on where you are.
If you want to do the same thing on your site, you can implement it with the TranslatePress Automatic Language Detection function.
Fügen Sie noch heute ganz einfach einen WordPress-Sprachwähler zu Ihrer Website hinzu
Adding a website language selector to your website is an excellent way to improve user experience. You can ensure every visitor to your site, wherever they come from, can customize their experience to suit them. The result can be more sales and a better brand reputation.
Fortunately, TranslatePress makes it quick and simple to add language selectors to your site in no time. You can choose from a range of different options. Plus, you can customize your language selector however you choose.
TranslatePress Mehrsprachig
Do you still have any questions about website language selectors? Let us know in the comments section below!
