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, aber auch benutzerfreundliches CMS für den Aufbau einer mehrsprachigen Website suchen, könnte HubSpot CMS die perfekte Wahl sein. Diese Plattform ist so konzipiert, dass es für jeden – ob Anfänger oder Profi – einfach ist, 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 ohne Programmierung nutzbar – 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. Das ist ideal, wenn Sie sich auf die Erstellung von Inhalten und die Nutzererfahrung konzentrieren möchten, ohne sich mit technischen Komplexitäten befassen zu müssen.
- Integrierte Mehrsprachigkeitsunterstützung – Mit dem HubSpot CMS können Sie native Versionen Ihrer Seiten in mehreren Sprachen erstellen. Jede Version kann separat verwaltet werden, bleibt aber innerhalb eines einheitlichen Systems verbunden, was die Navigation und Inhaltskontrolle erleichtert. Sie können auch sprachspezifische URLs konfigurieren und mehrsprachige SEO-Funktionen wie hreflang-Tags nutzen.
- Integriert mit Marketing- und CRM-Tools – Sie können Ihre mehrsprachige Website nahtlos mit den Marketing-, Vertriebs- und Kundenservice-Tools von HubSpot verbinden. Sie können beispielsweise Kontaktformulare, Chatbots oder E-Mail-Marketing-Inhalte basierend auf der Sprache des Nutzers anzeigen. Dies schafft personalisiertere und relevantere Nutzererlebnisse.
- Integrierte Website-Analyse – HubSpot bietet integrierte Analysen, um die Leistung jeder Sprachversion Ihrer Website zu verfolgen. Sie können sehen, welche Seiten am häufigsten besucht werden, woher Ihr Publikum kommt und wie es 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 zu deren Dashboard-Seite mit verschiedenen Menünavigationen und Produktkonfigurationsoptionen weitergeleitet. Wenn Sie die folgende Ansicht erreicht haben, wählen Sie das Menü Inhalt > Website-Seiten aus. 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 mit der Erstellung Ihrer Website-Seiten fertig sind, ist es Zeit, Ihre HubSpot-Website zu integrieren mit einem automatischen Übersetzungstool. In diesem Fall verwenden wir ein externes Tool namens 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 Seitenlimits je nach Tarif – HubSpot begrenzt die Anzahl der Sprachvarianten pro Inhalt abhängig von Ihrer Abonnementstufe. Beispielsweise erlaubt der Starter-Tarif nur bis zu 3 Sprachen pro Inhalt, während Linguise unbegrenzte Sprachunterstützung bietet, mit bis zu 85 Sprachen in allen Tarifen, und unbegrenzte Seiten bereitstellt.
Eingeschränkte mehrsprachige Unterstützung für bestimmte Seitentypen – Systemseiten wie 404-Fehler können nicht in mehrere Sprachen übersetzt werden, und die Übersetzung von Blog- oder Wissensdatenbank-Inhalten erfordert einen anderen, manuelleren Prozess als bei regulären Website-Seiten
Keine Unterstützung für Sprach-Tags bei codierten Dateien – Wenn Sie codierte Vorlagen verwenden, müssen Sie das lang-Tag manuell im
- 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 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.
Stellen Sie zunächst sicher, dass Sie ein Linguise Konto erstellt haben. Nach der Anmeldung oder Registrierung im Linguise Dashboard 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 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 Linguise können Sie den gesamten Inhalt Ihrer Website sofort und präzise in mehr als 80 Sprachen übersetzen. Wenn Sie also die beste mehrsprachige Erfahrung auf Ihrer HubSpot-Website bieten und ein globales Publikum effizienter erreichen möchten, dann ist es Zeit, Linguise zu verwenden Linguise , um Ihre Website automatisch und professionell zu übersetzen!
