Jak utworzyć wielojęzyczną stronę internetową z HubSpot CMS (pełny przewodnik)

Jak utworzyć wielojęzyczną stronę internetową z HubSpot CMS (pełny przewodnik)
Spis treści

Tworzenie wielojęzycznej witryny nie jest tak skomplikowane, jak mogłoby się wydawać, szczególnie przy użyciu CMS takiego jak HubSpot. Ta platforma została zaprojektowana w celu ułatwienia procesu tworzenia i zarządzania witrynami w wielu językach bez potrzeby skomplikowanego kodowania lub zbyt technicznych ustawień. Od ustawień strony, nawigacji, po funkcje automatycznego transportu, wszystko jest dostępne i można je od razu wykorzystać.

W tym przewodniku omówimy pełne kroki do tworzenia wielojęzycznej witryny z HubSpot CMS, od strategii języka, początkowej konfiguracji witryny, integracji z narzędziami do tłumaczenia i ważnych praktyk SEO w celu optymalizacji wydajności Twojej witryny na różnych rynkach. Zróbmy to krok po kroku!

Dlaczego warto wybrać CMS HubSpot dla swojej witryny wielojęzycznej?

Jak utworzyć wielojęzyczną stronę internetową z HubSpot CMS (pełny przewodnik)

Jeśli szukasz potężnego, ale przyjaznego dla użytkownika CMS do budowy wielojęzycznej witryny, HubSpot CMS może być idealnym wyborem. Ta platforma została zaprojektowana tak, aby ułatwić każdemu, zarówno początkującym, jak i profesjonalistom, budować atrakcyjne, dobrze ustrukturyzowane strony internetowe w wielu językach.

Oto kilka powodów, dla których HubSpot CMS jest świetną opcją dla twojego wielojęzycznego projektu strony internetowej.

  • Bezpłatny i łatwy w użyciu bez kodowania - HubSpot CMS oferuje bezpłatne narzędzia, których można użyć bez żadnej wiedzy kodowania. Dzięki edytorowi przeciągania i elastycznego motywów każdy może stworzyć profesjonalną witrynę, nie potrzebując programisty. Jest to idealne, jeśli chcesz skupić się na budowaniu treści i doświadczeń użytkowników bez radzenia sobie z złożonością techniczną.
  • Wbudowana wsparcie wielojęzyczne- HubSpot CMS pozwala tworzyć natywne wersje stron w wielu językach. Każdej wersji można zarządzać osobno, ale pozostaje podłączony w ujednoliconym systemie, dzięki czemu nawigacja i kontrola treści jest łatwa. Możesz także skonfigurować adresy URL specyficzne dla języka i użyć wielojęzycznych funkcji SEO, takich jak tagi Hreflang.
  • Zintegrowane z narzędziami marketingowymi i CRM - możesz bezproblemowo połączyć swoją witrynę wielojęzyczną z narzędziami marketingowymi, sprzedażą i obsługą klienta HubSpot. Na przykład możesz wyświetlać formularze kontaktowe, chatboty lub treści marketingowe e -mailowe na podstawie języka użytkownika. Stwarza to bardziej spersonalizowane i odpowiednie doświadczenia użytkowników.
  • Wbudowana analityka stron internetowych- HubSpot zapewnia wbudowane analityki do śledzenia wydajności każdej wersji językowej Twojej witryny. Możesz zobaczyć, które strony są najczęściej odwiedzane, skąd pochodzą odbiorcy i jak wchodzą w interakcje - wszystko z jednego pulpitu nawigacyjnego, bez dodatkowych narzędzi.

Krok po kroku, aby utworzyć wielojęzyczną witrynę z HubSpot CMS

Jak utworzyć wielojęzyczną stronę internetową z HubSpot CMS (pełny przewodnik)

Zbudowanie wielojęzycznej witryny wymaga dobrze przemyślanej strategii, czystej struktury i platformy, która obsługuje wielojęzyczne potrzeby z łatwością-a HubSpot CMS ma to wszystko. Zacznijmy od kroków!

#1 Planowanie swojej wielojęzycznej strategii

Staranne planowanie jest pierwszym krokiem przed dotknięciem edytora. Ma to kluczowe znaczenie, aby Twoja witryna wielojęzyczna wyglądała świetnie i działa dobrze dla odbiorców z różnych regionów.

  • Wybierz języki na podstawie rynku docelowego lub odbiorców, które chcesz dotrzeć. Użyj danych odbiorców z analityki lub badań rynkowych, aby ustalić priorytety najbardziej odpowiednich języków. To badanie określi również, które języki dodasz do swojej witryny.
  • Zdecyduj, z której struktury adresu URL należy użyć, HubSpot CMS obsługuje różne formaty struktury adresu URL, takie jak subdomeny (np. Fr.example.com), subfolders (przykład.com/fr) lub parametry URL (przykład.com?lang=fr). Podfoldery są zwykle najbardziej zalecane dla SEO, ponieważ pozostają w głównej dziedzinie.
  • Zdecyduj, jakie kluczowe strony powinny być dostępne w każdym języku. Obejmuje to stronę główną, o nas, usługi, kontakt i artykuły popularne. Dzięki tej mapie treści możesz zapewnić równe wrażenia użytkownika we wszystkich językach.

 

#2 Konfigurowanie witryny

Po przygotowaniu strategii nadszedł czas, aby założyć podstawę witryny w HubSpot CMS. Najpierw upewnij się, że masz już konto HubSpot. Musisz wiedzieć, że HubSpot zapewnia również bezpłatną próbę, jeśli chcesz spróbować najpierw.

Po utworzeniu konta i zalogowaniu się zostaniesz skierowany na ich stronę deski rozdzielczej z różnymi opcjami nawigacji menu i konfiguracji produktu. Po wprowadzeniu następującego widoku wybierz treści> Strony witryny . Aby rozpocząć tworzenie strony internetowej, wybierz przycisk Utwórz.

Jak utworzyć wielojęzyczną stronę internetową z HubSpot CMS (pełny przewodnik)

Następnie wybierz responsywny motyw lub szablon, który jest łatwy do dostosowania. HubSpot zapewnia duży wybór motywów, które możesz natychmiast użyć lub zmienić zgodnie z marką z edytorem drag-and-upr. Jeśli wybrałeś motyw, kliknij Ustaw jako aktywny motyw .

Jak utworzyć wielojęzyczną stronę internetową z HubSpot CMS (pełny przewodnik)

Jeśli tak, zostaniesz skierowany na stronę edytora. Tutaj możesz bezpośrednio edytować różne elementy zgodnie z potrzebami Twojej witryny. 

Jak utworzyć wielojęzyczną stronę internetową z HubSpot CMS (pełny przewodnik)

Aby edytować element, kliknij go i dostosuj w zawartości po lewej stronie.

Jak utworzyć wielojęzyczną stronę internetową z HubSpot CMS (pełny przewodnik)

Podobnie, jeśli chcesz dodać nowe sekcje, moduły lub układy. Tutaj HubSpot CMS zapewnia różne moduły, takie jak:

  • Tekst
  • Handel
  • Projekt
  • Formy i przyciski
  • Zawartość ciała itp.

Musisz tylko wybrać znak (+) lub bezpośrednio przeciągnąć i upuścić go z lewej na prawą stronę edytora strony. 

Jak utworzyć wielojęzyczną stronę internetową z HubSpot CMS (pełny przewodnik)
Przełam bariery językowe
Pożegnaj się z barierami językowymi i przywitaj nieograniczony rozwój! Wypróbuj naszą usługę automatycznego tłumaczenia już dziś.

#3 Integracja z automatycznymi narzędziami do tłumaczenia

Po zakończeniu budowania stron internetowych czas na zintegrowanie witryny HubSpot z automatycznym narzędziem tłumaczenia. W takim przypadku będziemy używać zewnętrznego narzędzia o nazwie Linguise .

Istnieje kilka powodów, dla których korzystanie z narzędzia zewnętrznego z HubSpot jest konieczne, szczególnie w przypadku witryn wielojęzycznych, ponieważ HubSpot CMS nie obsługuje automatycznie niektórych funkcji, takich jak.

  • Limity językowe i strony oparte na planie - HubSpot ogranicza liczbę zmian językowych na treść w zależności od poziomu subskrypcji. Na przykład plan startowy umożliwia tylko 3 języki na treść, podczas gdy Linguise oferuje nieograniczone wsparcie językowe, z maksymalnie 85 językami dostępnymi we wszystkich planach i zapewnia nieograniczone strony.

  • Ograniczona wsparcie wielojęzyczne dla niektórych typów stron - stron systemowych, takich jak 404S, nie można przetłumaczyć na wiele języków, a tłumaczenie blogu lub treści bazy wiedzy jest zgodne z innym, bardziej ręcznym procesem niż zwykłe strony internetowe

  • Brak obsługi znacznika językowego kodowanych plików - jeśli używasz zakodowanych szablonów, musisz ręcznie ustawić znacznik LANG w sekcji lub.

  • Nie ma ustawienia kierunku tekstu dla języków RTL - dla języków takich jak arabski lub hebrajski, musisz sam dodać atrybut dir = „rtl”, aby kierunek tekstu jest poprawny.

Właśnie dlatego niezbędne są narzędzia tłumaczeniowe, które obsługują wszystkie te funkcje i dobrze integrują się z HubSpot CMS-Linguise jest jednym z nich. Linguise może automatycznie tłumaczyć treść na ponad 80 języków o wysokiej jakości wynikach.

Istnieje kilka kroków, aby zainstalować Linguise na stronie HubSpot.

Najpierw upewnij się, że utworzyłeś konto Linguise . Po zalogowaniu się lub zarejestrowaniu się na Linguise zostaniesz poproszony o rejestrację domeny, którą chcesz przetłumaczyć. Wprowadź pełną domenę, w tym https: //, i wybierz inną opcję CMS hostowanej w chmurze.

Jak utworzyć wielojęzyczną stronę internetową z HubSpot CMS (pełny przewodnik)

Następnie wybierz podstawowy język witryny (źródło) i języki docelowe, które chcesz dodać.

Jak utworzyć wielojęzyczną stronę internetową z HubSpot CMS (pełny przewodnik)

Po pomyślnym zarejestrowaniu domeny na pulpicie nawigacyjnym Linguise zobaczysz opcję automatycznego podłączenia DNS. Korzystając z funkcji o nazwie ENTRI, możesz dodać wszystkie niezbędne rekordy DNS bez ręcznej konfiguracji.

Jak utworzyć wielojęzyczną stronę internetową z HubSpot CMS (pełny przewodnik)

ENTRI sprawdzi publiczne DNS Twojej domeny, wykryje dostawcę domeny (takiego jak Cloudflare) i wyświetli stronę logowania dla tego dostawcy. Po zalogowaniu ENTRI automatycznie doda wszystkie wymagane rekordy DNS:

  • Jeden rekord TXT do weryfikacji domeny
  • Jeden rekord CNAME dla każdego dodanego języka

Proces propagacji DNS zwykle zajmuje 20–30 minut, zanim witryna będzie w stanie wyświetlać strony wielojęzyczne.

Następnym krokiem jest wklejenie Linguise , który można znaleźć na Linguise . Następnie przejdź do ustawień> Język na swoim koncie HubSpot i wklej skrypt w polu HTML Head.

Jak utworzyć wielojęzyczną stronę internetową z HubSpot CMS (pełny przewodnik)

Ten kod automatycznie integruje twoją stronę internetową z Linguise. Ponadto automatycznie wygeneruje domyślny przełącznik języka.

Jak utworzyć wielojęzyczną stronę internetową z HubSpot CMS (pełny przewodnik)

#4 Dostosowywanie przełącznika języka

Ponadto możesz również ustawić przełącznik języka zgodnie z preferencjami na desce rozdzielczej Linguise , wybierając menu wyświetlania flag językowych. Na przykład, zaczynając od ustawienia nazwy pojawianego języka, ikony flagi, koloru, tekstu i wielu innych.

Na tej stronie możesz również sortować, które języki pojawią się najpierw w przełączniku języka Twojej witryny.

#5 Przetłumacz treść automatycznie

Na koniec przetłumaczymy stronę HubSpot, która została utworzona automatycznie na inny język za pomocą Linguise. Na przykład przetłumaczymy z angielskiego na niemiecki.

Jak widać, wszystkie treści witryny HubSpot zostaną automatycznie przetłumaczone szybko i dokładnie.

Jak utworzyć wielojęzyczną stronę internetową z HubSpot CMS (pełny przewodnik)

SEO najlepsze praktyki dla wielojęzycznych stron internetowych HubSpot

Jak utworzyć wielojęzyczną stronę internetową z HubSpot CMS (pełny przewodnik)

Oprócz tworzenia wielojęzycznej witryny z HubSpot, musisz upewnić się, że wdrażane międzynarodowe strategie SEO Poniżej znajdują się najlepsze praktyki SEO, które możesz wdrożyć dla wielojęzycznych witryn opartych na HubSpot.

Poprawnie użyj tagów hreflang i kanonicznych

Jak utworzyć wielojęzyczną stronę internetową z HubSpot CMS (pełny przewodnik)

Tag Hreflang informuje wyszukiwarki język docelowy i lokalizację określonej strony. Jest to ważne, aby uniknąć powielania treści i zapewnić, że użytkownicy są skierowani do odpowiedniej wersji językowej.

Dobra wiadomość jest taka, że ​​jeśli używasz HubSpot CMS z Linguise, obsługa tych tagów Hreflang jest konfigurowana automatycznie. Oznacza to, że nie musisz ręcznie dodawać tagów, ponieważ system będzie generował i zarządza Hreflang dla każdej wersji językowej Twojej witryny. Oto przykład implementacji Hreflang w artykule.

Jak utworzyć wielojęzyczną stronę internetową z HubSpot CMS (pełny przewodnik)

Tymczasem kanoniczny znacznik powinien być starannie stosowany. Nie rób, aby wszystkie wersje językowe wskazują na jeden kanoniczny adres URL; Każda wersja języka powinna mieć swoją kanoniczną. 

Na przykład francuska strona powinna mieć kanoniczną do francuskiej wersji adresu URL, a nie z angielską wersją. Pomaga to Google zrozumieć, że każda wersja języka jest inną oryginalną stroną, a nie uważa ją za duplikat treści.

Zoptymalizuj tag tytułowy i meta opis w każdym języku

Tytuły stron (tagi tytułu) i meta opisów są najważniejszymi elementami SEO na stronie. Jeśli używasz jednego szablonu w HubSpot dla wielu języków, upewnij się, że każda wersja ma tytuł i meta opis, który pasuje do języka docelowego. Zwiększa to znaczenie wyszukiwania i szybkość wyników wyszukiwania.

Na przykład dostosuj zawartość zamiast pisania opisu meta w języku angielskim dla wszystkich wersji. Jeśli Twoja strona sprzedaje produkty odzieżowe i kierujesz na rynek hiszpański, opis „Compra Ropa Moderna Para Hombre Y Mujer Con Envío Gratis” byłby znacznie bardziej skuteczny niż wersja angielska.

Używaj adresów URL przyjaznych dla SEO i języka

Struktura URL odgrywa dużą rolę w wielojęzycznym SEO . Użyj struktur, które wskazują język treści, takie jak subfolders (przykład.com/fr/), subdomeny (fr.example.com) lub parametry (przykład.com?lang=fr). W HubSpot podfoldery są często najłatwiejszą opcją zarządzania SEO.

Upewnij się również, że twoje adresy URL są różne nie tylko pod względem struktury, ale także pod względem języka. Na przykład angielska strona „o nas” może być napisana jako przykład.com/en/about-us, podczas gdy wersja francuska powinna być przykład.com/fr/a-propos. Pomaga to użytkownikom i wyszukiwarkom natychmiast zrozumieć kontekst językowy.

Zwróć uwagę na tłumaczenie tekstu alt obrazów i treści wizualnych

Jak utworzyć wielojęzyczną stronę internetową z HubSpot CMS (pełny przewodnik)

Tekst Alt na obrazach jest często zapominany w wielojęzycznych strategii SEO, nawet jeśli jest on ważny dla dostępności i widoczności obrazów Google. Upewnij się, że każda językowa wersja Twojej witryny ma tekst Alt, który poprawnie tłumaczy i opisuje zawartość obrazu w odpowiedni sposób.

Na przykład obraz pokazujący osobę czytającą książkę, może sprawić, że tekst „osoba czyta książka” w wersji angielskiej i „Personne Lisant Un Livre” w wersji francuskiej. To nie tylko pomaga użytkownikom w upośledzeniu wizualnym, ale także zwiększa szanse na pojawienie się obrazu w lokalnych wyszukiwaniach obrazów.

Prześlij wielojęzyczną mapę witryn do Google Search Console

Google musi wiedzieć, że masz wiele wersji językowych swoich treści. bardzo ważne jest przesłanie mapy witryny XML, która zawiera wszystkie strony wielojęzyczne do Google Search Console HubSpot CMS automatycznie tworzy mapę witryny, ale musisz upewnić się, że każda wersja języka jest wymieniona.

Wielojęzyczna mapa witryny powinna najlepiej zawierać<xhtml:link rel=“alternate” hreflang=“…”> element pokazujący związek między językami. Po przesłaniu prawidłowej mapy witryny Google szybciej indeksuje wszystkie wersje języka Twojej witryny i kieruje użytkownikami do najbardziej odpowiednich stron.

Gotowy na odkrywanie nowych rynków? Wypróbuj naszą usługę automatycznego tłumaczenia za darmo w ramach 1-miesięcznego okresu próbnego bez ryzyka. Karta kredytowa nie jest potrzebna!

Wniosek

Teraz rozumiesz, jak utworzyć wielojęzyczną stronę internetową z HubSpot CMS. Możesz rozpocząć kroki od planowania języka, tworzenia stron i optymalizacji SEO, wszystko na jednej platformie, bez kłopotów kodowania. Jednak w przypadku naprawdę zoptymalizowanego wrażenia użytkownika i wydajności SEO wysoce zalecane jest integracja z zautomatyzowaną usługą tłumaczeniową, taką jak Linguise .

Dzięki Linguise możesz natychmiast i dokładnie przetłumaczyć całą zawartość całej witryny na ponad 80 języków. Załóżmy więc, że chcesz zapewnić najlepsze wrażenia wielojęzyczne na swojej stronie internetowej HubSpot i bardziej wydajnie dotrzeć do globalnej publiczności. W takim przypadku nadszedł czas, aby zacząć korzystać z Linguise , aby automatycznie i profesjonalnie przetłumaczyć witrynę!

Możesz być również zainteresowany czytaniem

Nie przegap!
Zapisz się do naszego newslettera

Otrzymuj informacje o automatycznym tłumaczeniu stron internetowych, międzynarodowym SEO i nie tylko!

Invalid email address
Spróbuj. Jeden miesięcznie i możesz zrezygnować z subskrypcji w dowolnym momencie.

Nie wychodź bez udostępnienia swojego e-maila!

Nie możemy zagwarantować, że wygrasz na loterii, ale możemy obiecać kilka interesujących wiadomości informacyjnych dotyczących tłumaczeń i okazjonalnych rabatów.

Nie przegap!
Invalid email address