Eine mehrsprachige Website erstellen ist nicht so kompliziert, wie Sie vielleicht denken, insbesondere wenn Sie ein CMS wie HubSpot verwenden. Diese Plattform ist darauf ausgelegt, den Prozess der Erstellung und Verwaltung von Websites in mehreren Sprachen einfacher zu machen, ohne dass komplizierte Codierungen oder übermäßig technische Einstellungen erforderlich sind. Von Seiteneinstellungen, Navigation bis hin zu automatischen Übersetzungsfunktionen ist alles verfügbar und kann sofort genutzt werden.
In diesem Leitfaden werden wir die vollständigen Schritte zum Erstellen einer mehrsprachigen Website mit HubSpot CMS behandeln, von der Sprachstrategie über die anfängliche Website-Einrichtung, die Integration mit Übersetzungs-Tools und wichtige SEO-Praktiken, um die Leistung Ihrer Website in verschiedenen Märkten zu optimieren. Lassen Sie uns das Schritt für Schritt angehen!
Warum HubSpot CMS für Ihre mehrsprachige Website wählen?
Wenn Sie nach einem leistungsstarken, aber auch benutzerfreundlichen CMS für den Aufbau einer mehrsprachigen Website suchen, könnte HubSpot CMS die perfekte Wahl sein. Diese Plattform ist darauf ausgelegt, es jedem, egal ob Anfänger oder Profi, leicht zu machen, attraktive, gut strukturierte Websites in mehreren Sprachen zu erstellen.
Hier sind einige Gründe, warum HubSpot CMS eine großartige Option für Ihr mehrsprachiges Website-Projekt ist.
- Kostenlos und einfach zu verwenden ohne Programmieren – HubSpot CMS bietet kostenlose Tools, die Sie ohne Programmierkenntnisse verwenden können. Mit einem Drag-and-Drop-Editor und flexiblen Themes kann jeder eine professionell aussehende Website erstellen, ohne einen Entwickler zu benötigen. Dies ist perfekt, wenn Sie sich auf die Erstellung von Inhalten und Benutzererfahrungen konzentrieren möchten, ohne sich mit technischen Komplexitäten auseinanderzusetzen.
- Eingebaute mehrsprachige Unterstützung – HubSpot CMS ermöglicht es Ihnen, native Versionen Ihrer Seiten in mehreren Sprachen zu erstellen. Jede Version kann separat verwaltet werden, bleibt aber innerhalb eines einheitlichen Systems verbunden, wodurch Navigation und Inhaltskontrolle einfach sind. Sie können auch sprachspezifische URLs konfigurieren und mehrsprachige SEO-Funktionen wie hreflang-Tags verwenden.
- Integriert mit Marketing- und CRM-Tools – Sie können Ihre mehrsprachige Website nahtlos mit den Marketing-, Vertriebs- und Kundenservice-Tools von HubSpot verbinden. Zum Beispiel können Sie Kontaktformulare, Chatbots oder E-Mail-Marketing-Inhalte basierend auf der Sprache des Benutzers anzeigen. Dies schafft personalisierte und relevante Benutzererlebnisse.
- Integrierte Website-Analytik – HubSpot bietet integrierte Analytik, um die Leistung jeder Sprachversion Ihrer Website zu verfolgen. Sie können sehen, welche Seiten am meisten besucht werden, woher Ihre Zielgruppe kommt und wie sie interagiert – alles von einem einzigen Dashboard aus, ohne zusätzliche Tools.
Schritt für Schritt zur Erstellung einer mehrsprachigen Website mit HubSpot CMS
Der Aufbau einer mehrsprachigen Website erfordert eine durchdachte Strategie, eine saubere Struktur und eine Plattform, die mehrsprachige Anforderungen mit Leichtigkeit unterstützt - und HubSpot CMS bietet all dies. Lassen Sie uns mit den Schritten beginnen!
#1 Planung Ihrer mehrsprachigen Strategie
Eine sorgfältige Planung ist der erste Schritt, bevor Sie einen Editor verwenden. Dies ist entscheidend, damit Ihre mehrsprachige Website großartig aussieht und gut für Zielgruppen aus verschiedenen Regionen funktioniert.
- Wählen Sie Sprachen basierend auf dem Zielmarkt oder der Zielgruppe, die Sie erreichen möchten. Verwenden Sie Daten von Analytics oder Marktforschung, um die relevantesten Sprachen zu priorisieren. Diese Forschung wird auch bestimmen, welche Sprachen Sie zu Ihrer Website hinzufügen werden.
- Entscheiden Sie, welche URL-Struktur verwendet werden soll. HubSpot CMS unterstützt verschiedene URL-Strukturformate wie Subdomains (z.B. fr.example.com), Unterordner (example.com/fr) oder URL-Parameter (example.com?lang=fr). Unterordner werden normalerweise für SEO am meisten empfohlen, da sie auf der Hauptdomäne bleiben.
- Entscheiden Sie, welche Schlüssel-Seiten in jeder Sprache verfügbar sein sollten. Dazu gehören die Startseite, Über uns, Dienstleistungen, Kontakt und beliebte Artikel. Mit dieser Inhaltsübersicht können Sie eine gleichwertige Benutzererfahrung in allen Sprachen sicherstellen.
#2 Einrichten Ihrer Website
Sobald die Strategie bereit ist, ist es Zeit, die Grundlage Ihrer Website auf HubSpot CMS einzurichten. Stellen Sie zunächst sicher, dass Sie bereits ein HubSpot-Konto haben. Sie müssen wissen, dass HubSpot auch eine kostenlose Testversion anbietet, wenn Sie es zuerst ausprobieren möchten.
Nachdem Sie ein Konto erstellt und sich angemeldet haben, werden Sie auf ihre Dashboard-Seite mit verschiedenen Menünavigations- und Produktkonfigurationsoptionen weitergeleitet. Wenn Sie die folgende Ansicht aufgerufen haben, wählen Sie das Menü Inhalt > Website-Seiten. Um mit der Erstellung einer Webseite zu beginnen, wählen Sie die Schaltfläche Erstellen.
Wählen Sie als Nächstes ein responsives Theme oder eine Vorlage, die leicht anpassbar ist. HubSpot bietet eine große Auswahl an Themes, die Sie sofort verwenden oder mit dem Drag-and-Drop-Editor an Ihre Marke anpassen können. Wenn Sie ein Theme ausgewählt haben, klicken Sie auf die Schaltfläche Aktives Theme setzen.
Wenn ja, werden Sie zur Bearbeitungsseite weitergeleitet. Hier können Sie verschiedene Elemente direkt nach den Bedürfnissen Ihrer Website bearbeiten.
Um ein Element zu bearbeiten, klicken Sie darauf und passen es im Inhaltsbereich auf der linken Seite an.
Ebenso, wenn Sie neue Abschnitte, Module oder Layouts hinzufügen möchten. Hier bietet HubSpot CMS verschiedene Module wie:
- Text
- Handel
- Design
- Formulare und Schaltflächen
- Inhaltsbereich usw.
Sie müssen lediglich das (+)-Zeichen auswählen oder es direkt von links nach rechts auf Ihren Seiteneditor ziehen und ablegen.
#3 Integration mit automatischen Übersetzungs-Tools
Sobald Sie den Aufbau Ihrer Website-Seiten abgeschlossen haben, ist es Zeit, Ihre HubSpot-Website zu integrieren mit einem automatischen Übersetzungs-Tool. In diesem Fall werden wir ein externes Tool namens Linguise verwenden.
Es gibt mehrere Gründe, warum die Verwendung eines Drittanbieter-Tools mit HubSpot notwendig ist, insbesondere für mehrsprachige Websites, da HubSpot CMS bestimmte Funktionen nicht automatisch unterstützt, wie z.B.
Sprach- und Seitenlimits basierend auf dem Plan – HubSpot beschränkt die Anzahl der Sprachvariationen pro Inhalt je nach Ihrem Abonnement-Tarif. Zum Beispiel erlaubt der Starter-Plan nur bis zu 3 Sprachen pro Inhalt, während Linguise unbegrenzte Sprachunterstützung bietet, mit bis zu 85 verfügbaren Sprachen über alle Pläne hinweg und bietet unbegrenzte Seiten.
Begrenzte mehrsprachige Unterstützung für bestimmte Seitentypen – Systemseiten wie 404s können nicht in mehrere Sprachen übersetzt werden, und die Übersetzung von Blog- oder Wissensdatenbankinhalten folgt einem anderen, manuellen Prozess als reguläre Webseiten
Keine Sprach-Tag-Unterstützung für codierte Dateien – Wenn Sie codierte Vorlagen verwenden, müssen Sie das lang-Tag manuell im - oder -Abschnitt setzen.
- Es gibt keine Textrichtungseinstellung für RTL-Sprachen – Für Sprachen wie Arabisch oder Hebräisch müssen Sie das Attribut dir=”rtl” selbst hinzufügen, um die Textrichtung korrekt zu machen.
Deshalb sind Übersetzungs-Tools von Drittanbietern, die alle diese Funktionen unterstützen und gut mit HubSpot CMS integrieren, unerlässlich –Linguise ist einer davon. Linguise kann Inhalte automatisch in 80+ Sprachen mit hochwertigen Ergebnissen übersetzen.
Es gibt einige Schritte, die Sie befolgen müssen, um die automatische Übersetzung von Linguise auf Ihrer HubSpot-Website zu installieren.
Stellen Sie zunächst sicher, dass Sie ein Konto bei Linguise erstellt haben. Nachdem Sie sich angemeldet oder auf dem Linguise-Dashboard registriert haben, werden Sie aufgefordert, die Domain zu registrieren, die Sie übersetzen möchten. Geben Sie die vollständige Domain einschließlich https:// ein und wählen Sie die Option OTHER CLOUD HOSTED CMS.
Wählen Sie dann die primäre (Quell-)Sprache Ihrer Website und die Zielsprache(n), die Sie hinzufügen möchten.
Sobald Ihre Domain erfolgreich auf dem Linguise -Dashboard registriert wurde, sehen Sie eine Option, um Ihre DNS automatisch zu verbinden. Mit einer Funktion namens Entri können Sie alle erforderlichen DNS-Einträge ohne manuelle Konfiguration hinzufügen.
Entri überprüft Ihre öffentliche DNS, erkennt den Domain-Anbieter (wie Cloudflare) und zeigt die Anmeldeseite für diesen Anbieter an. Nach der Anmeldung fügt Entri automatisch alle erforderlichen DNS-Einträge hinzu:
- Ein TXT-Eintrag zur Domänenüberprüfung
- Ein CNAME-Eintrag für jede Sprache, die Sie hinzufügen
Der DNS-Propagierungsprozess dauert normalerweise 20–30 Minuten, bevor Ihre Website mehrsprachige Seiten anzeigen kann.
Der nächste Schritt besteht darin, das Linguise-Skript einzufügen, das Sie in Ihrem Linguise-Dashboard finden. Gehen Sie dann zu Einstellungen > Sprache in Ihrem HubSpot-Konto und fügen Sie das Skript in das Head-HTML-Feld ein.
Dieser Code integriert Ihre Website automatisch in Linguise. Zusätzlich generiert er automatisch einen standardmäßigen Sprachumschalter.
#4 Anpassen des Sprachumschalters
Darüber hinaus können Sie den Sprachumschalter gemäß Ihren Präferenzen auf dem Linguise -Dashboard einstellen, indem Sie das Menü zur Anzeige der Sprachflaggen auswählen. Zum Beispiel, beginnend mit der Einstellung des Namens der Sprache, die erscheint, das Flaggen-Symbol, die Farbe, den Text und vieles mehr.
Auf dieser Seite können Sie auch sortieren, welche Sprachen zuerst auf dem Sprachumschalter Ihrer Website erscheinen werden.
#5 Inhalte automatisch übersetzen
Schließlich werden wir die HubSpot-Website, die automatisch erstellt wurde, mithilfe von Linguisein eine andere Sprache übersetzen. Zum Beispiel werden wir von Englisch auf Deutsch übersetzen.
Wie Sie sehen können, werden alle Inhalte der HubSpot-Website schnell und genau automatisch übersetzt.
SEO-Best Practices für mehrsprachige HubSpot-Websites
Neben der Erstellung einer mehrsprachigen Website mit HubSpot müssen Sie sicherstellen, dass die internationale SEO-Strategien, die Sie implementieren, jeder Sprachversion Ihrer Website helfen, in den Suchergebnissen gut zu erscheinen. Nachfolgend finden Sie die besten SEO-Praktiken, die Sie für HubSpot-basierte mehrsprachige Websites implementieren können.
Verwenden Sie hreflang- und Canonical-Tags korrekt
Das hreflang-Tag teilt Suchmaschinen die Zielsprache und den Zielort einer bestimmten Seite mit. Dies ist wichtig, um Inhaltsduplizierung zu vermeiden und sicherzustellen, dass Benutzer zur entsprechenden Sprachversion geleitet werden.
Die gute Nachricht ist, dass, wenn Sie HubSpot CMS mit Linguiseverwenden, die Unterstützung für diese hreflang-Tags automatisch eingerichtet wird. Dies bedeutet, dass Sie keine Tags manuell hinzufügen müssen, da das System hreflang für jede Sprachversion Ihrer Website generiert und verwaltet. Hier ist ein Beispiel für die Implementierung von hreflang in einem Artikel.
Inzwischen sollte das kanonische Tag sorgfältig verwendet werden. Machen Sie nicht alle Sprachversionen zu einer kanonischen URL; jede Sprachversion sollte ihre eigene kanonische URL haben.
Zum Beispiel sollte eine französische Seite einen kanonischen Link zur französischen Version der URL haben, nicht zur englischen Version. Dies hilft Google zu verstehen, dass jede Sprachversion eine andere Originalseite ist und nicht als doppelter Inhalt betrachtet wird.
Optimieren Sie das Titel-Tag und die Meta-Beschreibung in jeder Sprache
Seitentitel (Titel-Tags) und Meta-Beschreibungen sind die wichtigsten On-Page-SEO-Elemente. Wenn Sie eine Vorlage in HubSpot für mehrere Sprachen verwenden, stellen Sie sicher, dass jede Version einen Titel und eine Meta-Beschreibung hat, die der Zielsprache entsprechen. Dies erhöht die Suchrelevanz und die Klickrate der Suchergebnisse.
Passen Sie beispielsweise den Inhalt an, anstatt die Meta-Beschreibung für alle Versionen auf Englisch zu schreiben. Wenn Ihre Seite Bekleidungsprodukte verkauft und Sie den spanischen Markt ansprechen, wäre eine Meta-Beschreibung wie „Compra ropa moderna para hombre y mujer con envío gratis“ viel effektiver als die englische Version.
Verwenden Sie SEO-freundliche und sprachbezogene URLs
Die URL-Struktur spielt eine große Rolle bei der multilingualen SEO. Verwenden Sie Strukturen, die die Sprache des Inhalts angeben, wie z.B. Unterordner (example.com/fr/), Subdomains (fr.example.com) oder Parameter (example.com?lang=fr). In HubSpot sind Unterordner oft die einfachste Option für die Verwaltung von SEO.
Stellen Sie außerdem sicher, dass Ihre URLs nicht nur in Bezug auf die Struktur, sondern auch in Bezug auf die Sprache unterschiedlich sind. Zum Beispiel könnte die englische "Über uns"-Seite als example.com/en/about-us geschrieben werden, während die französische Version example.com/fr/a-propos sein sollte. Dies hilft Benutzern und Suchmaschinen, den Sprachkontext sofort zu verstehen.
Achten Sie auf die ALT-Textübersetzung von Bildern und visuellen Inhalten
Alt-Text auf Bildern wird in mehrsprachigen SEO-Strategien oft vergessen, obwohl er wichtig für die Zugänglichkeit und Sichtbarkeit auf Google Bilder ist. Stellen Sie sicher, dass jede Sprachversion Ihrer Website Alt-Texte hat, die korrekt übersetzt sind und den Inhalt des Bildes auf relevante Weise beschreiben.
Zum Beispiel könnte ein Bild, das eine Person zeigt, die ein Buch liest, den Alternativtext „Person liest ein Buch“ in der englischen Version und „Personne lisant un livre“ in der französischen Version haben. Dies hilft nicht nur Benutzern mit Sehbehinderungen, sondern erhöht auch die Chancen, dass das Bild in lokalen Bildsuchen erscheint.
Mehrsprachige Sitemap an Google Search Console senden
Google muss wissen, dass Sie mehrere Sprachversionen Ihrer Inhalte haben. Daher ist es sehr wichtig, eine XML-Sitemap, die alle mehrsprachigen Seiten enthält, an Google Search Console zu senden. HubSpot CMS erstellt die Sitemap automatisch, aber Sie müssen sicherstellen, dass jede Sprachversion aufgeführt ist.
Eine mehrsprachige Sitemap sollte idealerweise ein <xhtml:link rel=“alternate” hreflang=“…”> Element enthalten, um die Beziehung zwischen den Sprachen darzustellen. Sobald Sie die richtige Sitemap eingereicht haben, wird Google alle Sprachversionen Ihrer Website schneller indizieren und die Benutzer zu den relevantesten Seiten führen.
Fazit
Jetzt wissen Sie, wie Sie mit HubSpot CMS eine mehrsprachige Website erstellen können. Sie können die Schritte von der Sprachplanung, der Seitenerstellung und der SEO-Optimierung aus starten, alles auf einer Plattform, ohne den Aufwand für Coding. Für eine wirklich optimierte Benutzererfahrung und SEO-Performance wird jedoch die Integration mit einem automatisierten Übersetzungsdienst wie Linguise dringend empfohlen.
Mit Linguise können Sie Ihre gesamte Website-Inhalte in mehr als 80 Sprachen sofort und genau übersetzen. Wenn Sie also davon ausgehen, dass Sie das beste mehrsprachige Erlebnis auf Ihrer HubSpot-Website bieten und ein globales Publikum effizienter erreichen möchten. In diesem Fall ist es Zeit, Linguise zu verwenden, um Ihre Website automatisch und professionell zu übersetzen!
