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 gestalten, ohne dass komplizierte Codierungen oder übermäßig technische Einstellungen erforderlich sind. Von Seiteneinstellungen, Navigation bis hin zu automatischen Übersetzungsfunktionen - alles ist sofort verfügbar und kann 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 erste Website-Einrichtung, die Integration mit Übersetzungs-Tools und wichtige SEO-Praktiken, um die Leistung Ihrer Website auf verschiedenen Märkten zu optimieren. Lassen Sie uns Schritt für Schritt vorgehen!
Warum sollten Sie 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 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 bedienen ohne Programmierung – 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 das Benutzererlebnis 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 häufigsten 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
Sorgfältige Planung ist der erste Schritt, bevor Sie einen Editor verwenden. Dies ist entscheidend, damit Ihre mehrsprachige Website für Zielgruppen aus verschiedenen Regionen großartig aussieht und gut funktioniert.
- Wählen Sie Sprachen basierend auf dem Zielmarkt oder dem Publikum, das Sie erreichen möchten. Verwenden Sie Daten über das Publikum aus Analysen oder Marktforschung, um die relevantesten Sprachen zu priorisieren. Diese Forschung wird auch bestimmen, welche Sprachen Sie 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 verbleiben.
- Entscheiden Sie, welche Schlüsselinhalte 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 gewährleisten.
#2 Einrichten Ihrer Website
Sobald die Strategie bereit ist, ist es Zeit, das Fundament 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 eine Webseite zu erstellen, 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 Als aktives Theme festlegen-Schaltfläche.
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 Abschnitt Inhalt links an.
Wenn Sie neue Abschnitte, Module oder Layouts hinzufügen möchten, bietet HubSpot CMS verschiedene Module wie zum Beispiel:
- Text
- Handel
- Design
- Formulare und Schaltflächen
- Inhalt des Körpers usw.
Sie müssen lediglich das (+)-Symbol auswählen oder es direkt von links nach rechts in Ihren Seiteneditor ziehen.
#3 Integration mit automatischen Übersetzungs-Tools
Sobald Sie Ihre Website-Seiten fertiggestellt 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 erforderlich 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 abhängig von 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 unbegrenzte Seiten bereitstellt.
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 bei regulären Webseiten
Keine Sprach-Tags-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 Tools für die Übersetzung durch Dritte, die all diese Funktionen unterstützen und gut in HubSpot CMS integriert sind, unerlässlich –Linguise ist eines davon. Linguise kann Inhalte automatisch in über 80 Sprachen mit qualitativ hochwertigen Ergebnissen übersetzen.
Es gibt einige Schritte, die Sie befolgen müssen, um die automatische Übersetzung von Linguise
Stellen Sie zunächst sicher, dass Sie ein Linguiseerstellt haben. Nach der Anmeldung oder Registrierung auf dem 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 Hauptsprache (Quellsprache) 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 den öffentlichen DNS Ihrer Domain, erkennt den Domain-Anbieter (wie Cloudflare) und zeigt die Anmeldeseite für diesen Anbieter an. Nach dem Anmelden 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-Weitergabeprozess 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 wird automatisch ein Standard-Sprachumschalter generiert.
#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 Flaggenicon, die Farbe, den Text und vieles mehr.
Auf dieser Seite können Sie auch sortieren, welche Sprachen zuerst auf dem Sprachumschalter Ihrer Website erscheinen.
#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, wird der gesamte Inhalt der HubSpot-Website automatisch schnell und genau übersetzt.
Beste SEO-Praktiken für mehrsprachige HubSpot-Websites
Zusätzlich zur Erstellung einer mehrsprachigen Website mit HubSpot müssen Sie sicherstellen, dass die internationale SEO-Strategien, die Sie implementieren, jeder Sprachversion Ihrer Website helfen können, 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
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. Lassen Sie nicht alle Sprachversionen auf eine kanonische URL verweisen; 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 (Titeltags) und Metabeschreibungen 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 Metabeschreibung 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 mehrsprachigen SEO. Verwenden Sie Strukturen, die die Sprache des Inhalts angeben, wie Unterordner (example.com/de/), Subdomains (de.example.com) oder Parameter (example.com?lang=de). 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
Alternativtext 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 Alternativtext enthält, der korrekt übersetzt ist und den Inhalt des Bildes auf eine relevante Weise beschreibt.
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.
Übermitteln Sie eine mehrsprachige Sitemap an die Google Search Console
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 die Google Search Console zu übermitteln. 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 korrekte Sitemap übermitteln, wird Google alle Sprachversionen Ihrer Website schneller indizieren und die Benutzer zu den relevantesten Seiten leiten.
Fazit
Jetzt verstehen 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 Codierung. Für ein wirklich optimiertes Benutzererlebnis und eine optimale SEO-Leistung wird jedoch die Integration mit einem automatisierten Übersetzungsdienst wie Linguise dringend empfohlen.
Mit Linguise können Sie den gesamten Inhalt Ihrer Website in mehr als 80 Sprachen sofort und genau übersetzen. Wenn Sie also das beste multilinguale Erlebnis auf Ihrer HubSpot-Website bieten und ein globales Publikum effizienter erreichen möchten, ist es Zeit, mit Linguise Ihre Website automatisch und professionell zu übersetzen!
