Wie du einen Sprachumschalter zu Shopify hinzufügst: Einrichtung, Design und häufige Fehler

Ein Sprachumschalter gibt Kunden eine einfache Möglichkeit, die Sprache auszuwählen, in der sie in deinem Shopify-Shop stöbern möchten. Das klingt vielleicht nach einem kleinen Detail, aber wenn Kunden ihn nicht einfach nutzen können, wird es für sie viel schwieriger, von der ganzen Arbeit zu profitieren, die du in die Übersetzung deines Shops gesteckt hast.

Schließlich bringt es dir nicht viel, wenn du deine Produkte, Kollektionen, Seiten und Theme-Inhalte nur übersetzt. Die Kunden brauchen immer noch eine klare Möglichkeit, diese Übersetzungen zu finden.

Wenn jemand auf der falschen Sprachversion landet und nicht sofort herausfindet, wie man wechselt, ist all die Arbeit, die du in die Übersetzung des Shops gesteckt hast, viel weniger nützlich.

Und das ist auch dann wichtig, wenn du die automatische Spracherkennung nutzt. Shopify selbst empfiehlt, manuelle Sprach- und Länderauswahlmöglichkeiten beizubehalten, da die Standort- und Browsererkennung nicht immer genau das widerspiegeln, was der Kunde tatsächlich möchte. Jemand könnte auf Reisen sein, ein VPN nutzen, für ein anderes Land einkaufen oder einfach eine andere Sprache bevorzugen als die Standardeinstellung seines Browsers.

Wenn du deinen Shopify-Shop bereits übersetzt hast und sicherstellen möchtest, dass internationale Kunden diese Übersetzungen auch tatsächlich finden können, führt dich diese Anleitung durch die Einrichtung.

In dieser Anleitung zeige ich dir, wie du mit TranslatePress einen Sprachumschalter zu Shopify hinzufügst, wie du dich zwischen dem schwebenden und dem Inline-Umschalter entscheidest und was du meiner Meinung nach noch überprüfen solltest, bevor du deinen mehrsprachigen Shop als fertigstellst.

Wir werden uns auch mit dem SEO-Aspekt befassen, einschließlich lokalisierter URLs und hreflang, also Kunden und Suchmaschinen können die richtige Sprachversion finden.

Schnelle Antwort: Um mit TranslatePress einen Shopify-Sprachumschalter hinzuzufügen, füge zunächst die Sprachen hinzu, die du anbieten möchtest, und veröffentliche sie. Öffne dann das TranslatePress-Shopify-Dashboard, suche den Sprachumschalter Karte, und klick Einrichtung neben einem von beiden Schwebeumschalter oder Inline-Umschalter. Passe das Design im Theme-Editor von Shopify an und speichere deine Änderungen. Den Kunden werden nur die veröffentlichten Sprachen angezeigt.

Was ist ein Sprachumschalter in Shopify?

Ein Sprachumschalter ist ein Element auf der Startseite, mit dem Besucher die Sprache ändern können, in der sie deinen Shopify-Shop durchstöbern.

Je nach Design sieht es vielleicht so aus:

• Ein Dropdown-Menü mit den Namen der Sprachen;
• Ein schwebender Button in der Ecke des Bildschirms;
• Eine Reihe von Sprachoptionen;
• Sprachnamen in Kombination mit Flaggen;
• Kurze Sprachcodes wie EN, ES oder FR.

Die Aufgabe ist einfach: Den Käufern die Kontrolle über die Sprache ihres Einkaufserlebnisses zu geben.

Wenn zum Beispiel jemand die englische Version eines Shops besucht, kann er Spanisch auswählen und wird zur spanischen Version weitergeleitet.

Mit Shopifys mehrsprachigem System können veröffentlichte Sprachen ihre eigenen lokalisierten URLs haben. Ein Shop, der Englisch als Primärsprache und Spanisch als zusätzliche Sprache nutzt, könnte die spanische Version daher unter einer URL bereitstellen wie:

example.com/de/

Shopify ermöglicht es derzeit berechtigten Shops, bis zu 20 Sprachen über einen einzigen Shop zu veröffentlichen. Daher kann dieses kleine Navigationselement ziemlich wichtig werden, sobald du anfängst, international zu expandieren.

Warum ist ein Shopify Sprachwechsler so wichtig?

Wenn deine mehrsprachige Konfiguration ordnungsgemäß funktioniert, gelangen Kunden möglicherweise bereits über Suchergebnisse, direkte Links oder die Lokalisierungsfunktionen von Shopify auf die entsprechende Sprachversion.

Das macht den Umschalter nicht überflüssig.

Shopify empfiehlt ausdrücklich, manuelle Länder- und Sprachauswahlen anzubieten, selbst wenn die automatische Weiterleitung aktiviert ist. Die automatische Erkennung kann sich irren und Kunden wollen manchmal absichtlich ein anderes Erlebnis als das, welches ihr Standort oder ihre Browsereinstellungen nahelegen.

Stell dir vor, jemand aus Deutschland stöbert in deinem Shop auf Englisch, weil das nun mal die Sprache ist, die der Browser zufällig nutzt.

Oder jemand, der in Frankreich lebt, shoppt lieber auf Englisch.

Oder ein Kunde reist ins Ausland und Shopify erkennt seinen temporären Standort anstelle seines üblichen Marktes.

In allen drei Fällen würde ich dem Kunden lieber eine offensichtliche Möglichkeit bieten, das Erlebnis zu korrigieren, als davon auszugehen, dass die automatische Auswahl schon richtig sein muss.

Dadurch wird dein Sprachauswahl-Tool zu einem Teil der Navigation in deinem Shop und ist nicht nur eine weitere optische Spielerei.

Hat Shopify schon einen Sprachumschalter?

Ja. Die meisten Shopify-Themes verfügen über integrierte Länder- und Sprachauswahlfelder, die sich normalerweise irgendwo in der Kopf- oder Fußzeile befinden. Die kostenlosen Themes von Shopify enthalten Sprachauswahlfelder, während die Unterstützung und Konfiguration bei Themes von Drittanbietern variieren kann.

Du kannst in deinem Shopify-Shop über die Admin-Einstellungen oder mithilfe einer Lokalisierungs-App aus dem Shopify App Store eine Sprachauswahl hinzufügen.

• Geh in dein Shopify Admin-Panel und klick Einstellungen unten links.
• Auswählen Sprachen.
• Klicken Sprache hinzufügen und wähle die Sprache aus, die du einbinden möchtest.
• Übersetze die Inhalte deines Shops manuell oder nutze ein Übersetzungstool wie die kostenlose App „Shopify Translate & Adapt“.
• Klick auf die drei Punkte neben der hinzugefügten Sprache und wähl Veröffentlichen damit der Sprachumschalter in deinem Shop angezeigt wird.

Der größte Haken ist, dass die genaue Platzierung und die Styling-Optionen stark von deinem Theme abhängen. In der Shopify-Doku steht selbst, dass der Umschalter je nach Theme und Entwickler im Header, Footer oder an einer anderen Stelle auftauchen kann.

Diese Theme-Abhängigkeit taucht auch in der Shopify-Community ziemlich oft auf. Händler fragen, wie man Selektoren vom Footer in den Header verschiebt, warum ein Selektor auf dem Handy nicht sichtbar ist oder wie man sein Aussehen über das hinaus anpasst, was das Theme hergibt.

TranslatePress für Shopify geht einen etwas anderen Weg, indem es einen eigenen anpassbaren Umschalter mit Optionen für die schwebende und integrierte Platzierung bietet.

Bevor wir das einrichten, hilft es allerdings zu wissen, wie ein guter Sprachumschalter eigentlich aussehen sollte.

Was macht einen guten Shopify Sprachwechsler aus?

Es gibt nicht das eine perfekte Sprachwechsler-Design für jeden Shop.

Ein zweisprachiger Laden mit Englisch und Spanisch hat ganz andere Bedürfnisse als ein großes internationales Geschäft, das acht oder zehn Sprachen bedient.

Trotzdem gibt es ein paar Prinzipien, an die ich mich fast immer halten würde.

1. Platziere den Sprachumschalter irgendwo, wo Kunden ihn auch wirklich finden

Deine oberste Priorität sollte die Auffindbarkeit sein. Ein wunderschön gestalteter Sprachwähler nützt überhaupt nichts, wenn Kunden danach suchen müssen.

Desktop-Shopper sind es gewohnt, dass sich die Sprach- und Regionseinstellungen oben links oder rechts auf einer Website befinden, während ein dauerhaft eingeblendeter, schwebender Umschalter besonders gut funktionieren kann, wenn du deine Theme-Navigation nicht umbauen möchtest.

Der Footer kann zwar immer noch als zweiter Ort Sinn machen, aber ich würde ihn nicht zum nur Möglichkeit, die Sprachen in einem großen mobilen Shop zu wechseln.

Die E-Commerce-Usability-Forschung der Nielsen Norman Group hat ergeben, dass Spracheinstellungen in den oberen Ecken oder direkt in der mobilen Navigation für Käufer leichter zu finden sind, während eine Platzierung ausschließlich im Footer auf langen mobilen Seiten schwerer zu entdecken sein kann.

Das leuchtet mir intuitiv ein.

Wenn jemand auf einer Seite landet, die er nicht versteht, ist es kein toller erster Eindruck, ihn erst durch sechs Produktabschnitte scrollen zu lassen, bevor er die Sprachauswahl findet.

Verwende Sprachnamen, die die Leute kennen

Zeige jede Sprache nach Möglichkeit unter ihrem eigenen Namen an.

Zum Beispiel:

• Englisch
• Deutsch
• Deutsch
• Spanisch
• Italienisch
• Japanisch

Das ist nützlicher, als jeden Sprachnamen in der Sprache anzuzeigen, die der Besucher gerade sieht.

Jemand, der Deutsch lesen kann, erkennt Deutsch, selbst wenn er die englische Seite drumherum nicht versteht.

Sowohl die Empfehlungen der Nielsen Norman Group als auch vom W3C zur mehrsprachigen Navigation besagen, dass Sprachoptionen in der Sprache angezeigt werden sollen, die sie repräsentieren.

Ich würde vollständige Sprachnamen im Allgemeinen als die sicherste Standardoption betrachten.

Sprachcodes wie EN, DE und FR funktionieren zwar, wenn wenig Platz da ist, aber Namen beseitigen mehr Unklarheiten.

3. Verlasse dich nicht nur auf Flaggen

Flaggen sehen zwar gut aus, aber da gibt es ein kleines Problem:

Länder und Sprachen sind nicht dasselbe.

Welche Flagge steht für Englisch? Die Vereinigten Staaten? Das Vereinigte Königreich? Australien?

Wie sieht's mit Spanisch für Käufer in Mexiko, Argentinien, Spanien und Kolumbien aus?

Das heißt nicht, dass du nie Flaggen verwenden kannst. Sie können einen nützlichen visuellen Hinweis geben, besonders wenn dein Shop auf klar definierte regionale Märkte ausgerichtet ist.

Aber ich würde eine winzige Flagge nicht zur einzigen Info machen, die ein Käufer kriegt.

Eine Kombination wie Deutsch ist meistens klarer als Deutschland.

Die Nielsen Norman Group empfiehlt ebenfalls, sich nicht nur auf eine Flagge zu verlassen, und hat herausgefunden, dass die Kombination visueller Hinweise mit lesbaren Sprachinformationen die Erkennbarkeit von Lokalisierungs-Steuerelementen erleichtert.

Praktischerweise kannst du bei TranslatePress selbst entscheiden, ob Sprachnamen angezeigt werden sollen und wie die Flaggen dargestellt werden sollen – du musst dich also nicht überall auf ein einziges Format festlegen.

4. Lass den Kaufprozess intakt

Der Sprachwechsel sollte sich nicht anfühlen, als müsstest du deinen Einkauf von vorne beginnen.

Wenn jemand gerade mal halb durch eine Produktbeschreibung liest und Spanisch auswählt, ist die ideale Erfahrung, einfach in der entsprechenden spanischen Version weiterzulesen, anstatt unerwartet auf einer zusammenhanglosen Seite zu landen.

Teste dieses Verhalten am besten mindestens auf deinen wichtigsten Seitentypen:

• Startseite;
• Produktseiten;
• Kategorieseiten;
• Blogbeiträge;
• Warenkorb;
• Kundenkontoseiten;
• Irgendwelche wichtigen Landingpages.

Das wird besonders wichtig, wenn du Shopify Markets mit verschiedenen Domains, Subdomains oder Unterordnern nutzt.

Google empfiehlt außerdem, Sprach- und Regionslinks auf mehrsprachigen Seiten bereitzustellen, damit Besucher, die auf dem “falschen” Standort landen, gezielt einen anderen auswählen können.

5. Stell sicher, dass der Switcher auf dem Handy funktioniert

Geh nicht davon aus, dass der Desktop-Umschalter gut aussieht und deshalb auch mobil alles geregelt ist.

In Shopify-Community-Discussions fragen sich Händler regelmäßig, warum ein auf dem Desktop sichtbarer Sprachwähler auf dem Handy irgendwo unerwartet auftaucht oder scheinbar verschwindet. Das Theme-Verhalten kann sich zwischen Breakpoints erheblich unterscheiden.

Check:

• Ob der Umschalter sofort zu finden ist;
• Ob ein Dropdown richtig aufgeht;
• Ob die Optionen groß genug sind, um sie zu nutzen;
• Egal, ob der Switcher deinen Warenkorb, dein Chat-Widget, den Cookie-Hinweis oder andere schwebende Elemente überlappt;
• Ob lange Spracheinnamen richtig reinpassen.

Ein Floating Switcher lohnt sich hier besonders, weil in vielen Shopify-Stores schon jede Menge Elemente um die unteren Ecken des Handybildschirms kämpfen.

6. Verwechsle Sprache nicht mit Land oder Währung

Im internationalen E-Commerce geht es meistens um drei zusammenhängende, aber getrennte Entscheidungen:

Sprache Welche Sprache möchte der Käufer lesen?

Land/Markt: Wo kauft der Käufer ein oder wohin wird geliefert?

Währung: Welche Währung wollen die sehen?

Diese Auswahlmöglichkeiten überschneiden sich oft, aber sie sind nicht austauschbar.

Tests zum E-Commerce der Nielsen Norman Group haben gezeigt, dass Käufer manchmal die Sprache unabhängig von Land und Währung wechseln wollten. Auch Shopify Markets betrachtet Lokalisierung als eine Kombination aus verschiedenen Faktoren wie Sprache, Währung, Preisen, Verfügbarkeit und Markt.

Wenn du also auch einen Markt- oder Währungsauswähler hast, pass auf, dass die Kunden raffen, welche Einstellung sie gerade ändern.

So fügst du mit TranslatePress einen Sprachumschalter zu Shopify hinzu

Jetzt zum praktischen Teil.

TranslatePress bietet dir zwei Optionen für den Shopify-Sprachumschalter:

1. Schwebeumschalter – ein dauerhafter Umschalter als Eck-Pille;
2. Inline-Umschalter – ein Wählschalter, der als Theme-Block zum Shopify-Theme hinzugefügt wurde.

Beides wird über das TranslatePress-Shopify-Dashboard konfiguriert.

Schritt 1: Die TranslatePress-Shopify-App installieren und öffnen

Um loszulegen, brauchst du zunächst die App "TranslatePress for Shopify". Installiere die App also zunächst hier in deinem Shop.

TranslatePress für Shopify

TranslatePress ist der einfachste Weg, deinen Shopify-Shop zu übersetzen. Automatische KI-Übersetzung, SEO-freundlich und in wenigen Minuten eingerichtet.

Hol's dir auf Shopify

Dann:

1. Klicken Sie im Shopify-Adminbereich auf Suchen Leiste oben.
2. Gib “TranslatePress” ein und wähle den Eintrag aus den Ergebnissen aus.

Das öffnet den Einstellungsbereich der App, in dem du deine Ersteinrichtung machen kannst, wie zum Beispiel das Auswählen der Sprachen, die du hinzufügen möchtest, oder das Aktivieren der automatischen Übersetzung.

Wenn du ein ausführlicheres Tutorial zum gesamten Prozess suchst, wie du deinen Shopify-Shop mehrsprachig machst, haben wir bereits einen vollständigen Leitfaden, der dich durch alle Schritte führt. Lies hier, wie du deinen Shopify-Shop übersetzen kannst.

Schritt 2: Stelle sicher, dass deine Sprachen hinzugefügt und veröffentlicht sind

Bevor du dir Gedanken über den Sprachumschalter selbst machst, vergewissere dich, dass die Sprachen, die Besucher auswählen sollen, auch tatsächlich in TranslatePress vorhanden sind.

Öffne die TranslatePress-App in deinem Shopify-Adminbereich. Du findest sie, indem du nach TranslatePress, oder indem du Einstellungen → Apps → TranslatePress → App öffnen.

Klick im Dashboard auf Sprache hinzufügen, suche nach der Sprache, die du möchtest, und füge sie dem Store hinzu.

Wenn du die automatische Übersetzung nutzt, kannst du auch aktivieren Auto für die unterstützten Sprachen und lass TranslatePress Übersetzungen für die von dir ausgewählten Inhaltstypen erstellen.

Sobald du bereit bist, Kunden Zugriff auf die Sprache zu geben, klicke Veröffentlichen.

Dieser Teil ist wichtig, weil unveröffentlichte Sprachen nicht im Sprachumschalter des Stores angezeigt werden. Wenn dein Sprachumschalter also später verdächtig leer aussieht, ist das eine der ersten Einstellungen, die ich überprüfen würde.

Schritt 3: Finde die Sprachumschalter-Karte

Zurück zum Haupt-Dashboard von TranslatePress Shopify.

Das Dashboard enthält eigene Bereiche für deinen Tarif und deine KI-Wortnutzung, Sprachen, verwaltete Inhalte und den Sprachumschalter.

Schau nach dem Sprachwechsler Karte.

Hier siehst du die Einstellungsoptionen für die beiden verfügbaren Switcher-Typen.

Schritt 4: Wähle zwischen dem schwebenden und dem Inline-Umschalter

Klicken Einrichtung neben der Option, die du verwenden möchtest.

Schwebeumschalter

Der Schwebeumschalter erscheint als dauerhaftes Steuerelement in der Ecke deines Shops.

Das würde ich hierfür wählen:

• Dein Theme hat keinen offensichtlichen Platz für ein weiteres Header-Steuerelement;
• Du willst, dass die Sprachoption leicht auffindbar bleibt;
• Du würdest es lieber vermeiden, größere Änderungen am Theme-Layout vorzunehmen.

Weil es unabhängig vom normalen Inhaltsfluss schwebt, kann es außerdem auf verschiedenen Seitentypen ein ziemlich einheitliches Erlebnis bieten.

Denk einfach daran, seine Position mit anderen schwebenden Tools abzugleichen, besonders auf dem Handy.

Inline-Umschalter

Der Inline-Umschalter wird als Theme-Block hinzugefügt, sodass es sich natürlicher in das Shopify-Theme-Layout einfügt.

Das würde ich wählen, wenn der Selector sich wie ein natürlicher Teil des Shop-Designs anfühlen soll und nicht wie ein frei schwebender Zusatz.

TranslatePress öffnet den Theme-Editor von Shopify, wenn du die Inline-Option einrichtest. Die genauen Positionen, an denen ein App-Block platziert werden kann, hängen letztendlich davon ab, in welchen Abschnitten und Abschnittsgruppen dein Shopify-Theme die Verwendung von App-Blöcken zulässt. Shopify-Themes können App-Blöcke in kompatiblen Abschnitten unterstützen und, sofern dies möglich ist, auch in Bereichen wie den Abschnittsgruppen „Kopfzeile“ oder „Fußzeile“.

Das ist ein wichtiger Unterschied: TranslatePress stellt den Inline-Block bereit, aber dein Theme bestimmt weiterhin, an welchen Stellen im Theme dieser Block eingebunden werden kann.

Schritt 5: Den Shopify-Sprachumschalter anpassen

Sobald Sie klicken Einrichtung, TranslatePress öffnet den Theme-Editor von Shopify, wobei der Umschalter aktiviert ist.

Hier kannst du es an den Rest deines Shops anpassen, anstatt dass es aussieht wie fünf Minuten vor dem Start noch schnell hingeklatscht.

Mit TranslatePress kannst du derzeit unter anderem folgende Einstellungen vornehmen:

• Position;
• Hintergrundfarbe;
• Textfarbe;
• Randfarbe;
• Anzeigestil;
• Flaggenstil;
• Sprachnamen;
• Flaggenposition.

Ich würde mit der einfachsten Kombination anfangen, die zu deinem Design passt.

Zum Beispiel würde ich bei einem Shop, der Englisch, Deutsch und Spanisch anbietet, wahrscheinlich die Ländernamen anzeigen und Flaggen nur als zusätzlichen visuellen Hinweis nutzen.

Wenn dein Header schon voll ist, macht ein kürzeres Format oder ein schwebender Umschalter vielleicht mehr Sinn.

Versuch, nicht darauf zu optimieren, die Steuerung zu machen klein. Optimiere es, um es zu machen gut erkennbar, ohne vom Shoppen abzulenken.

Schritt 6: Speichere den Umschalter und teste ihn im Live-Storefront

Sobald du mit dem Aussehen zufrieden bist, klicke Speichern im Shopify Theme Editor.

Öffne dann den echten Shop, anstatt dich nur auf die Editor-Vorschau zu verlassen.

Wähle eine deiner zusätzlichen Sprachen aus.

TranslatePress stellt die übersetzten Inhalte über die nativen, lokalisierten Sprach-URLs von Shopify bereit. Wenn du beispielsweise Spanisch auswählst, wird eine URL geladen, die den /es Sprachpfad.

Wiederhol das Ganze jetzt von ein paar verschiedenen Stellen im Laden.

Ich würde mindestens testen:

1. Die Startseite;
2. Eine Produktseite;
3. Eine Sammlung;
4. Ein Blogbeitrag oder eine Inhaltsseite;
5. Der Wagen;
6. Mobiles Navigationsmenü;
7. Irgendwelche gut konvertierenden Landingpages.

Prüf mal beide Sprachen und der Seitenkontext nach dem Wechsel.

Wenn ein Käufer während der Suche nach einem bestimmten Produkt die Sprache wechselt, sollte er dieses Produkt nicht noch einmal mühsam suchen müssen.

Schritt 7: Schau nach, was beim Checkout passiert

Es gibt eine wichtige Ausnahme bei der Einrichtung des Shops:

Der TranslatePress-Sprachumschalter wird im Shopify-Bezahlvorgang nicht angezeigt.

Die Lokalisierung des Bezahlvorgangs wird von Shopify übernommen und nicht vom TranslatePress-Shop-Wechsler.

Shopify bietet übersetzte Checkouts und Systemmeldungen für eine Reihe unterstützter Sprachen an, und zusätzliche Checkout-Formulierungen können über die Spracheinstellungen von Shopify verwaltet werden.

Keine Panik also, wenn dein schön angepasster Switcher nach dem Klick des Shoppers verschwindet Zur Kasse.

Teste stattdessen den gesamten Kaufprozess in jeder wichtigen Sprache und überprüfe, ob der Checkout richtig angezeigt wird.

Solltest du den schwebenden oder den integrierten Shopify-Sprachumschalter verwenden?

Beide Optionen können gut funktionieren.

So würde ich mich entscheiden.

	Schwebeumschalter	Inline-Umschalter
Vermittlung	Dauerhafte Eckkontrolle	In einem kompatiblen Theme-Bereich integriert
Einrichtung	Ganz schnell	Kommt ein bisschen aufs Theme-Layout an
Sichtbarkeit	Normalerweise sehr hoch	Kommt ganz drauf an, wo du es hinstellst
Theme-Integration	Optisch von der Navigation abtrennen	Passt sich besser an das Thema an
Am besten für	Einfacher, zuverlässiger Zugriff	Shops, die den Switcher in ihr Design integrieren wollen
Das Wichtigste zum Testen	Überlappung mit mobilen/schwebenden Widgets	Theme- und App-Block-Kompatibilität

Für die meisten Händler, die einfach möchten, dass Kunden ihre Sprachen leicht finden, würde ich mit der schwebenden Option anfangen und schauen, wie sie sich im eigentlichen Shop anfühlt.

Falls es nicht zum Design passt oder du in deiner Navigation schon einen klaren Bereich für die Sprache hast, nutze lieber die Inline-Option.

Es gibt keinen SEO-Vorteil, wenn man das eine schöner macht als das andere. Das ist in erster Linie eine Frage der Benutzerfreundlichkeit und des Designs.

Beeinflusst ein Shopify Sprachwechsler die mehrsprachige SEO?

Der Umschalter selbst ist hauptsächlich für Menschen gedacht.

Deine mehrsprachigen URLs, hreflang Tags, kanonische URLs und die Sitemap-Struktur helfen Suchmaschinen dabei, die Beziehung zwischen deinen übersetzten Seiten zu verstehen.

Das ist ein weiterer Grund, warum mir der Ansatz von TranslatePress in Bezug auf Shopify gefällt: Es wird nicht versucht, ein völlig eigenständiges URL-System aufzubauen.

TranslatePress stellt übersetzte Shop-Inhalte über die nativen, lokalisierten URLs von Shopify bereit, wie zum Beispiel /es für Spanisch.

Wenn Sprachen in Shopify korrekt veröffentlicht und eingerichtet sind, erstellt Shopify sprachspezifische URLs und kümmert sich automatisch um wichtige internationale SEO-Signale, darunter:

• hreflang Schlagwörter;
• Kanonische URLs;
• Mehrsprachige Sitemap-Einträge;
• Crawler-Zugriff auf lokalisierte Versionen.

Was sind Hreflang-Tags?

Ein hreflang-Tag sagt Suchmaschinen, dass mehrere URLs alternative Sprach- oder Regionalversionen desselben Inhalts sind.

Zum Beispiel könnte dein Laden Folgendes haben:

example.com/products/shoes

und:

example.com/de/products/schuhe

Das Entsprechende hreflang Informationen helfen Google zu verstehen, dass eine Seite für ein Publikum in einer bestimmten Sprache gedacht ist und die andere eine alternative lokalisierte Version ist.

Google empfiehlt, separate URLs für verschiedene Sprachversionen zu verwenden und zu verwenden hreflang um die Beziehungen zwischen ihnen zu erkennen.

Shopify generiert das Relevante hreflang Tags automatisch basierend auf deinen Märkten und deiner Sprachkonfiguration hinzu. Es fügt außerdem ein x-default verweist auf die primäre Erfahrung und aktualisiert entsprechend seine internationalen Sitemap-Informationen.

Also, genauer gesagt:

TranslatePress stellt die übersetzten Shopify-Inhalte bereit, verwaltet sie und nutzt die nativen, lokalisierten URLs von Shopify. Die Shopify-Plattform kümmert sich um die zugrunde liegende „hreflang“-Struktur und die internationale URL-SEO-Infrastruktur.

Du musst im Allgemeinen nicht manuell noch einen Satz hreflang Tags, nur weil du TranslatePress installiert hast.

Tatsächlich warnt Shopify ausdrücklich davor, dass wenn du das automatische hreflang Generierung solltest du nur dann machen, wenn du bereits eine alternative Implementierung parat hast.

Häufige Fehler beim Shopify Sprachwechsler, die du vermeiden solltest

Den Schalter selbst hinzuzufügen dauert vielleicht nur ein paar Minuten.

Das sind die Punkte, die ich mir genauer ansehen würde.

Den Umschalter zu tief im Footer versteckt

Ein Sprachwähler im Footer ist besser als gar kein Wähler.

Aber wenn internationale Kunden ein wichtiger Teil deiner Zielgruppe sind, würde ich die Sprachoption leichter auffindbar machen – besonders auf dem Handy.

Flaggen ohne Sprachnamen anzeigen

Fahnen sind nützliche visuelle Hilfen, aber sie sind keine eindeutigen Darstellungen von Sprachen.

Verwende erkennbare Sprachnamen oder kombiniere Namen und Flaggen.

Vergessen, die Sprache zu veröffentlichen

TranslatePress umfasst nur Veröffentlichte Sprachen im Storefront-Umschalter.

Wenn eine Übersetzung zwar in der App vorhanden, aber noch nicht veröffentlicht ist, sehen Kunden sie nicht als verfügbare Option.

Nur die Startseite testen

Dein Umschalter muss während des gesamten Einkaufsbummels funktionieren.

Produkte, Kollektionen, Blogseiten, Landingpages, Checkout-Prozesse und Mobile-Layouts können alle Probleme aufdecken, die von der Startseite aus nicht offensichtlich sind.

Andere schwebende Oberflächenelemente ignorieren

Ein Umschalter unten rechts sieht vielleicht fantastisch aus, bis dein Live-Chat-Button genau an derselben Stelle auftaucht.

Teste den echten Shop mit deinem Cookie-Banner, Chat-Widgets, Barrierefreiheits-Steuerelementen, Warenelementen und allem anderen, was über der Seite schwebt.

Angenommen, der Switcher erscheint beim Checkout

Der Shop-Umschalter von TranslatePress wird im Shopify-Checkout nicht angezeigt, da die Lokalisierung des Checkouts von Shopify übernommen wird.

Teste den Bezahlvorgang separat.

Weil automatische Spracherkennung einen Umschalter überflüssig macht

Automatische Lokalisierung ist nützlich, aber sie sollte dem Käufer nicht die Kontrolle entziehen.

Shopify empfiehlt, trotzdem manuelle Auswahlmöglichkeiten anzubieten, da die Erkennung ungenau sein kann oder einfach von den Vorlieben des Besuchers abweicht.

Ich stimme dem Ansatz zu: Schlag ruhig automatisch die passende Sprache vor, aber lass den Kunden am Ende immer selbst wählen.

Häufig gestellte Fragen zu Shopify-Sprachwechslern

Wie füge ich einen Sprachumschalter zu Shopify hinzu?

Wenn du TranslatePress für Shopify nutzt, veröffentliche zuerst deine Sprachen. Öffne dann das TranslatePress-Shopify-Dashboard und suche den Sprachumschalter Karte.

Klicken Einrichtung neben einem von beiden Schwebeumschalter oder Inline-Umschalter, passe das Design im Shopify Theme-Editor an und speichere die Änderungen.

Shopify-Themes können auch ihre eigenen Spracheiauswahlen bereitstellen, typischerweise über den Header, Footer oder die Theme-Einstellungen.

Warum wird mein Shopify-Sprachauswähler nicht angezeigt?

Prüf zuerst, ob du tatsächlich eine andere veröffentlichte Sprache hast.

Bei TranslatePress werden unveröffentlichte Sprachen bewusst im Storefront-Umschalter ausgeblendet.

Wenn du stattdessen den originalen Shopify-Sprachwähler nutzt, überprüfe, ob dein Theme diesen unterstützt, ob er im Theme-Editor aktiviert wurde und ob die entsprechenden Sprachen veröffentlicht und korrekt zugewiesen sind.

Kann ich einen Shopify-Sprachwechsler in den Header einfügen?

Das kommt auf die Umsetzung und dein Theme an.

Die integrierten Shopify-Auswahlmenüs tauchen meistens im Header oder Footer auf, wenn dein Theme diese Optionen anbietet.

TranslatePress bietet außerdem eine Inline-Umschalter als Shopify Theme-Block. Die Platzierung von App-Blöcken hängt davon ab, welche Abschnitte oder Abschnittsgruppen dein Theme unterstützt, daher können die verfügbaren Positionen von Theme zu Theme variieren.

Wenn die Platzierung in der Kopfzeile nicht praktikabel ist, bietet dir der TranslatePress Floating Switcher eine weitere Möglichkeit, die Sprachauswahl gut sichtbar zu halten.

Sollte ich Flaggen in meinem Shopify-Sprachwechsler verwenden?

Du kannst das machen, aber ich empfehle dir, sie mit Ländernamen zu kombinieren, anstatt nur Flaggen zu verwenden.

Flaggen repräsentieren Länder auf natürlichere Weise als Sprachen, und viele Sprachen werden in mehreren Ländern gesprochen. Eine Bezeichnung wie Spanisch ist deshalb meistens klarer, als jeden spanischsprachigen Besucher zu bitten, sich mit einer einzigen Nationalflagge zu identifizieren.

Mit TranslatePress kannst du den Stil der Flaggen, die Anzeige der Sprachbezeichnungen und die Position der Flaggen individuell anpassen.

Übersetzt der Sprachumschalter meinen Shopify-Shop?

Nein. Der Sprachumschalter ist das Steuerelement für die Navigation, das Käufer nutzen, um zwischen Sprachversionen zu wechseln.

TranslatePress wickelt die Übersetzung separat ab. Die Shopify-App kann Produkte, Kollektionen, Seiten, Blogbeiträge, Theme-Texte, Benachrichtigungen und Bild-Alt-Texte übersetzen, und du kannst die Übersetzungen anschließend manuell nachbearbeiten.

Wird der TranslatePress-Sprachumschalter beim Bezahlen angezeigt?

Der Shopify-Sprachumschalter von TranslatePress ist eine Funktion für den Shop-Bereich. Shopify wickelt die Lokalisierung des Bezahlvorgangs separat ab, daher wird der TranslatePress-Sprachumschalter im Bezahlvorgang nicht angezeigt.

Hilft ein Shopify-Sprachwechsler der SEO?

Ja, aber indirekt.

Der Umschalter hilft Nutzern beim Navigieren zwischen deinen Sprachversionen, während die wichtigeren SEO-Signale von crawlbaren, lokalisierten URLs und korrekten [Daten] kommen hreflang, Canonical- und Sitemap-Konfiguration.

TranslatePress stellt Übersetzungen über die nativen, lokalisierten URLs von Shopify bereit, während Shopify automatisch hreflang und andere internationale SEO-Signale aus deiner Sprach- und Marktkonfiguration.

Kann ich mich auf die automatische Spracherkennung statt eines Umschalters verlassen?

Das würde ich lieber lassen.

Shopify empfiehlt, manuelle Selektoren verfügbar zu lassen, selbst wenn die automatische Weiterleitung aktiv ist.

Ein Besucher reist vielleicht, nutzt ein VPN, surft in einer anderen Sprache als der seiner Browsereinstellungen oder kauft für einen anderen Markt ein. Wenn man ihnen eine offensichtliche manuelle Option gibt, vermeidet man, dass sie in der falschen Erfahrung feststecken.

Füge deinen Shopify-Sprachwechsler hinzu und teste das gesamte Erlebnis

Ein Sprachwechsler nimmt vielleicht nur eine winzige Ecke deines Shops ein, hat aber einen überraschend wichtigen Job. Er verbindet Käufer mit all den übersetzten Inhalten, die du bereits erstellt hast.

Ich empfehle dir, es wie jedes andere wichtige Navigationselement zu behandeln: Mach es leicht auffindbar, benenne die Optionen klar, teste es auf dem Handy und stell sicher, dass der Sprachwechsel die Customer Journey nicht unterbricht.

Mit TranslatePress für Shopify ist die technische Einrichtung ganz einfach. Veröffentliche deine Sprachen, wähle zwischen dem schwebenden und dem Inline-Sprachumschalter, passe das Erscheinungsbild im Theme-Editor von Shopify an und teste das Ergebnis dann auf deinen wichtigsten Seiten.

So machst du den Sprung von einem einfachen Sprachwechsler zu einem Einkaufserlebnis für internationale Kunden, das sich wirklich durchdacht anfühlt.

TranslatePress für Shopify

TranslatePress ist der einfachste Weg, deinen Shopify-Shop zu übersetzen. Automatische KI-Übersetzung, SEO-freundlich und in wenigen Minuten eingerichtet.

Hol's dir auf Shopify