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 ein leistungsstarkes und gleichzeitig benutzerfreundliches CMS für die Erstellung mehrsprachiger Websites suchen, könnte HubSpot CMS die perfekte Wahl sein. Diese Plattform wurde entwickelt, um es jedem – ob Anfänger oder Profi – zu ermöglichen, attraktive und 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 bedienen – HubSpot CMS bietet kostenlose Tools, die Sie ohne Programmierkenntnisse nutzen können. Dank des Drag-and-Drop-Editors und flexibler Designs kann jeder im Handumdrehen eine professionell aussehende Website erstellen, ganz ohne Entwickler. Ideal, wenn Sie sich auf Inhalte und Benutzerfreundlichkeit konzentrieren möchten, ohne sich mit technischen Details auseinandersetzen zu müssen.
- Integrierte Mehrsprachigkeit – HubSpot CMS ermöglicht die Erstellung nativer Versionen Ihrer Seiten in verschiedenen Sprachen. Jede Version lässt sich separat verwalten, bleibt aber in einem einheitlichen System verbunden, was Navigation und Inhaltskontrolle vereinfacht. Sie können außerdem sprachspezifische URLs konfigurieren und mehrsprachige SEO-Funktionen wie hreflang-Tags nutzen.
- Integration mit Marketing- und CRM-Tools – Verbinden Sie Ihre mehrsprachige Website nahtlos mit den Marketing-, Vertriebs- und Kundenservice-Tools von HubSpot. So können Sie beispielsweise Kontaktformulare, Chatbots oder E-Mail-Marketing-Inhalte basierend auf der Sprache des Nutzers anzeigen. Dies sorgt für personalisierte und relevante Nutzererlebnisse.
- Integrierte Website-Analyse – HubSpot bietet integrierte Analysefunktionen, mit denen Sie die Performance jeder Sprachversion Ihrer Website verfolgen können. Sie sehen, welche Seiten am häufigsten besucht werden, woher Ihre Besucher kommen und wie sie interagieren – alles über ein einziges Dashboard, 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, gelangen Sie zur Startseite mit verschiedenen Menüoptionen und Produktkonfigurationsmöglichkeiten. Wählen Sie dort „ Inhalt > Webseiten“ . Um eine Webseite zu erstellen, klicken Sie auf „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
Nachdem Sie Ihre Webseiten erstellt haben, ist es an der Zeit, Ihre HubSpot-Website mit einem automatischen Übersetzungstool zu integrieren. In diesem Fall verwenden wir das externe Tool Linguise.
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 Seitenbeschränkungen je nach Tarif – HubSpot beschränkt die Anzahl der Sprachvarianten pro Inhalt abhängig von Ihrem Abonnement. Beispielsweise sind im Starter-Tarif nur bis zu 3 Sprachen pro Inhalt zulässig, während Linguise unbegrenzte Sprachunterstützung mit bis zu 85 verfügbaren Sprachen über alle Tarife hinweg und unbegrenzte Seiten bietet.
Eingeschränkte Mehrsprachigkeit für bestimmte Seitentypen – Systemseiten wie 404-Fehlerseiten können nicht in mehrere Sprachen übersetzt werden, und die Übersetzung von Blog- oder Wissensdatenbankinhalten erfolgt nach einem anderen, manuelleren Prozess als bei regulären Webseiten.
Keine Unterstützung für Sprachkennzeichnungen in codierten Dateien – Wenn Sie codierte Vorlagen verwenden, müssen Sie die Sprachkennzeichnung manuell in der Datei festlegen.
- Für RTL-Sprachen gibt es keine Einstellung für die Textrichtung – Bei Sprachen wie Arabisch oder Hebräisch müssen Sie das Attribut dir=”rtl” selbst hinzufügen, um die Textrichtung korrekt einzustellen.
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.
Erstellen Sie zunächst ein Linguise Konto. Nach der Anmeldung oder Registrierung im Linguise Dashboard werden Sie aufgefordert, die zu übersetzende Domain anzugeben. Geben Sie die vollständige Domain inklusive https:// ein und wählen Sie die Option „Anderes Cloud-basiertes 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.
Im nächsten Schritt fügen Sie das LinguiseLinguiseLinguise LinguiseLinguiseLinguiseLinguise LinguiseLinguise . Gehen Sie anschließend in Ihrem HubSpot-Konto zu Einstellungen > Sprache und fügen Sie das Skript in das Feld „Head HTML“ 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 Linguisekönnen Sie Ihre gesamten Website-Inhalte sofort und präzise in über 80 Sprachen übersetzen. Angenommen, Sie möchten auf Ihrer HubSpot-Website ein optimales mehrsprachiges Nutzererlebnis bieten und ein globales Publikum effizienter erreichen. Dann ist es an der Zeit, nutzen Linguise , um Ihre Website automatisch und professionell zu übersetzen!
