Tworzenie witryny wielojęzycznej
In this guide, we’ll cover the complete steps to creating a multilingual website with HubSpot CMS, from language strategizing, initial site setup, integration with translation tools, and important SEO practices to optimize your website’s performance in various markets. Let’s take it one step at a time!
Dlaczego wybrać HubSpot CMS dla swojej witryny wielojęzycznej?
Jeśli szukasz potężnego, a jednocześnie przyjaznego dla użytkownika CMS do budowy wielojęzycznej strony internetowej, HubSpot CMS może być idealnym wyborem. Ta platforma jest zaprojektowana tak, aby ułatwić każdemu, niezależnie od tego, czy jest początkującym, czy profesjonalistą, budowanie atrakcyjnych, dobrze zorganizowanych stron internetowych w wielu językach.
Oto kilka powodów, dla których HubSpot CMS jest świetną opcją dla Twojego projektu witryny wielojęzycznej.
- Darmowy i łatwy w użyciu bez kodowania – HubSpot CMS oferuje darmowe narzędzia, których możesz używać bez znajomości kodowania. Dzięki edytorowi przeciągnij-i-upuść oraz elastycznym tematom, każdy może stworzyć profesjonalnie wyglądającą stronę bez potrzeby zatrudniania dewelopera. To idealne rozwiązanie, jeśli chcesz skupić się na tworzeniu treści i doświadczeniu użytkownika bez zajmowania się technicznymi złożonościami.
- Wbudowana obsługa wielojęzyczna – HubSpot CMS umożliwia tworzenie natywnych wersji stron w wielu językach. Każda wersja może być zarządzana osobno, ale pozostaje połączona w jednolitym systemie, co ułatwia nawigację i kontrolę treści. Możesz również skonfigurować adresy URL specyficzne dla języka i korzystać z funkcji SEO wielojęzycznego, takich jak tagi hreflang.
- Integracja z narzędziami marketingu i CRM – Możesz bezproblemowo połączyć swoją wielojęzyczną witrynę z narzędziami marketingu, sprzedaży i obsługi klienta HubSpot. Na przykład możesz wyświetlać formularze kontaktowe, chatboty lub treści marketingu e-mailowego w zależności od języka użytkownika. To stwarza bardziej spersonalizowane i odpowiednie doświadczenia użytkowników.
- Wbudowane analityki strony – HubSpot zapewnia wbudowane analityki, aby śledzić wydajność każdej wersji językowej Twojej strony internetowej. Możesz zobaczyć, które strony są najczęściej odwiedzane, skąd pochodzi Twoja publiczność i jak wchodzą w interakcje - wszystko z jednego pulpitu, bez dodatkowych narzędzi.
Krok po kroku, aby utworzyć witrynę wielojęzyczną z HubSpot CMS
Budowanie wielojęzycznej strony internetowej wymaga dobrze przemyślanej strategii, czystej struktury i platformy, która z łatwością wspiera potrzeby wielojęzyczne - a HubSpot CMS ma to wszystko. Zacznijmy od kroków!
#1 Planowanie strategii wielojęzycznej
Uważne planowanie to pierwszy krok przed rozpoczęciem pracy z edytorem. Jest to kluczowe, aby Twoja wielojęzyczna witryna wyglądała świetnie i działała dobrze dla odbiorców z różnych regionów.
- Wybierz języki na podstawie rynku docelowego lub grupy docelowej, do której chcesz dotrzeć. Wykorzystaj dane o odbiorcach z analiz lub badań rynku, aby nadać priorytet najbardziej odpowiednim językom. Badania te określą również, które języki dodasz do swojej witryny.
- Wybierz strukturę adresu URL, z której chcesz skorzystać. HubSpot CMS obsługuje różne formaty struktury adresów URL, takie jak subdomeny (np. fr.example.com), podfoldery (example.com/fr) lub parametry adresu URL (example.com?lang=fr). Podfoldery są zwykle najbardziej zalecane dla SEO, ponieważ pozostają na głównej domenie.
- Zdecyduj, które kluczowe strony powinny być dostępne w każdym języku. Obejmuje to stronę główną, o nas, usługi, kontakt i popularne artykuły. Dzięki tej mapie treści możesz zapewnić równe doświadczenie użytkownika we wszystkich językach.
#2 Konfigurowanie Twojej strony internetowej
Gdy strategia jest już gotowa, nadszedł czas na skonfigurowanie fundamentów Twojej strony internetowej na HubSpot CMS. Najpierw upewnij się, że masz już konto HubSpot. Musisz wiedzieć, że HubSpot oferuje również bezpłatny okres próbny, jeśli chcesz go najpierw wypróbować.
Po utworzeniu konta i zalogowaniu się zostaniesz przekierowany do strony pulpitu z różnymi opcjami nawigacji menu i konfiguracji produktów. Po wejściu w poniższy widok wybierz Zawartość > Strony internetowe menu. Aby rozpocząć tworzenie strony internetowej, wybierz przycisk Utwórz.
Następnie wybierz responsywny motyw lub szablon, który jest łatwy do dostosowania. HubSpot zapewnia duży wybór motywów, których możesz od razu użyć lub zmienić zgodnie ze swoją marką za pomocą edytora przeciągnij-i-upuść. Jeśli wybrałeś motyw, kliknij Ustaw jako aktywny motyw przycisk.
Jeśli tak, zostaniesz przekierowany na stronę edytora. Tutaj możesz bezpośrednio edytować różne elementy zgodnie z potrzebami Twojej witryny.
Aby edytować element, kliknij na niego i dostosuj go w sekcji Zawartość po lewej stronie.
Podobnie, jeśli chcesz dodać nowe sekcje, moduły lub układy. Tutaj HubSpot CMS zapewnia różne moduły, takie jak:
- Tekst
- Handel elektroniczny
- Projekt
- Formularze i przyciski
- Treść ciała, itp.
Musisz tylko wybrać znak (+) lub bezpośrednio przeciągnąć i upuścić go z lewej strony do prawej strony edytora strony.
#3 Integracja z automatycznymi narzędziami do tłumaczenia
Gdy już skończysz budować strony swojej witryny, nadszedł czas na integrację witryny HubSpot z narzędziem automatycznego tłumaczenia. W tym przypadku będziemy używać zewnętrznego narzędzia o nazwie Linguise.
Istnieje kilka powodów, dla których użycie narzędzia zewnętrznego z HubSpot jest konieczne, szczególnie w przypadku witryn wielojęzycznych, ponieważ HubSpot CMS nie obsługuje automatycznie pewnych funkcji, takich jak.
Limity języka i strony w zależności od planu – HubSpot ogranicza liczbę wariantów językowych na zawartość w zależności od poziomu subskrypcji. Na przykład plan Starter pozwala tylko na maksymalnie 3 języki na zawartość, podczas gdy Linguise oferuje nieograniczoną obsługę językową, z maksymalnie 85 językami dostępnymi we wszystkich planach, i zapewnia nieograniczoną liczbę stron.
Ograniczone wsparcie wielojęzyczne dla niektórych typów stron – Strony systemowe, takie jak 404, nie mogą być przetłumaczone na wiele języków, a tłumaczenie treści bloga lub bazy wiedzy odbywa się w inny, bardziej ręczny sposób niż w przypadku zwykłych stron internetowych
Brak obsługi tagów językowych dla plików kodowanych – Jeśli używasz szablonów kodowanych, musisz ręcznie ustawić tag lang w sekcji lub .
- Nie ma ustawienia kierunku tekstu dla języków RTL – W przypadku języków takich jak arabski lub hebrajski, będziesz musiał samodzielnie dodać atrybut dir=”rtl”, aby kierunek tekstu był prawidłowy.
Dlatego narzędzia tłumaczeniowe innych firm, które obsługują wszystkie te funkcje i dobrze integrują się z HubSpot CMS, są niezbędne—Linguise jest jednym z nich. Linguise może automatycznie tłumaczyć zawartość na ponad 80 języków z wysoką jakością wyników.
Aby zainstalować automatyczne tłumaczenie Linguise
Najpierw upewnij się, że utworzyłeś Linguise konto. Po zalogowaniu lub rejestracji na Linguise panelu sterowania zostaniesz poproszony o zarejestrowanie domeny, którą chcesz przetłumaczyć. Wprowadź pełną domenę, w tym https://, i wybierz opcję OTHER CLOUD HOSTED CMS.
Następnie wybierz podstawowy (źródłowy) język swojej witryny oraz języki docelowe, które chcesz dodać.
Po pomyślnym zarejestrowaniu domeny na pulpicie Linguise zobaczysz opcję automatycznego połączenia DNS. Używając funkcji o nazwie Entri, możesz dodać wszystkie niezbędne rekordy DNS bez ręcznej konfiguracji.
Entri sprawdzi publiczny 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 zazwyczaj trwa 20–30 minut, zanim Twoja witryna będzie mogła wyświetlać strony wielojęzyczne.
Następnym krokiem jest wklejenie Linguise skryptu, który możesz znaleźć w swoim Linguise panelu. Następnie przejdź do Ustawienia > Język w swoim koncie HubSpot i wklej skrypt do pola Head HTML.
Ten kod automatycznie zintegruje Twoją stronę internetową z Linguise. Dodatkowo automatycznie wygeneruje domyślny przełącznik języka.
#4 Dostosowywanie przełącznika języka
Ponadto możesz również ustawić przełącznik języka zgodnie ze swoimi preferencjami na pulpicie nawigacyjnym Linguise , wybierając menu wyświetlania flag języka. Na przykład, zaczynając od ustawienia nazwy języka, który się pojawia, ikony flagi, koloru, tekstu i wiele więcej.
Na tej stronie możesz również posortować, które języki pojawią się jako pierwsze na przełączniku języka Twojej witryny.
#5 Tłumacz treści automatycznie
Ostatecznie przetłumaczymy stronę internetową 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ć, cała zawartość witryny HubSpot zostanie automatycznie przetłumaczona szybko i dokładnie.
Najlepsze praktyki SEO dla wielojęzycznych witryn HubSpot
Oprócz tworzenia witryny wielojęzycznej za pomocą HubSpot, musisz zadbać o to, aby międzynarodowe strategie SEO, które wdrożysz, mogły pomóc każdej wersji językowej Twojej witryny dobrze wyświetlać się w wynikach wyszukiwania. Poniżej przedstawiamy najlepsze praktyki SEO, które możesz wdrożyć w witrynach wielojęzycznych opartych na HubSpot.
Użyj tagów hreflang i kanonicznych poprawnie
Tag hreflang informuje wyszukiwarki o języku docelowym i lokalizacji konkretnej strony. Jest to ważne, aby uniknąć duplikowania treści i zapewnić, że użytkownicy są przekierowywani do odpowiedniej wersji językowej.
Dobrą wiadomością jest to, że jeśli używasz HubSpot CMS z Linguise, obsługa tagów hreflang jest ustawiana automatycznie. Oznacza to, że nie musisz dodawać tagów ręcznie, ponieważ system wygeneruje i zarządza hreflang dla każdej wersji językowej Twojej witryny. Oto przykład implementacji hreflang w artykule.
Tymczasem kanoniczny tag powinien być używany ostrożnie. Nie ustawiaj wszystkich wersji językowych tak, aby wskazywały na jeden kanoniczny adres URL; każda wersja językowa powinna mieć swój własny kanoniczny adres.
Na przykład strona francuska powinna mieć kanoniczny adres URL do wersji francuskiej, a nie do wersji angielskiej. To pomaga Google zrozumieć, że każda wersja językowa jest inną oryginalną stroną i nie uważać jej za duplikat treści.
Optymalizuj tag tytułu i meta opis w każdym języku
Tytuły stron (tagi tytułowe) i meta opisy 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. To zwiększa trafność wyszukiwania i współczynnik klikalności wyników wyszukiwania.
Na przykład, dostosuj treść zamiast pisać meta opis w języku angielskim dla wszystkich wersji. Jeśli Twoja strona sprzedaje produkty odzieżowe i kierujesz ją na rynek hiszpański, meta opis taki jak „Compra ropa moderna para hombre y mujer con envío gratis” będzie znacznie bardziej skuteczny niż wersja angielska.
Użyj przyjaznych dla SEO i związanych z językiem adresów URL
Struktura adresu URL odgrywa dużą rolę w SEO wielojęzycznym. Użyj struktur, które wskazują język treści, takich jak podfoldery (example.com/fr/), subdomeny (fr.example.com) lub parametry (example.com?lang=fr). W HubSpot podfoldery są często najłatwiejszą opcją zarządzania SEO.
Upewnij się również, że Twoje adresy URL różnią się nie tylko pod względem struktury, ale także języka. Na przykład angielska strona „O nas” może być zapisana jako example.com/pl/o-nas, podczas gdy wersja francuska powinna być example.com/fr/a-propos. To pomaga użytkownikom i wyszukiwarkom natychmiast zrozumieć kontekst językowy.
Zwróć uwagę na tłumaczenie tekstu ALT obrazów i treści wizualnych
Tekst alternatywny na obrazach jest często zapominany w wielojęzycznych strategiach SEO, mimo że jest ważny dla dostępności i widoczności w Google Images. Upewnij się, że każda wersja językowa Twojej witryny ma tekst alternatywny, który jest poprawnie przetłumaczony i opisuje zawartość obrazu w odpowiedni sposób.
Na przykład obraz pokazujący osobę czytającą książkę może mieć tekst alternatywny „Osoba czytająca książkę” w wersji angielskiej i „Personne lisant un livre” we francuskiej wersji. Pomaga to nie tylko użytkownikom z wadami wzroku, ale także zwiększa szanse na pojawienie się obrazu w lokalnych wyszukiwaniach obrazów.
Prześlij wielojęzyczną mapę witryny do Google Search Console
Google musi wiedzieć, że masz wiele wersji językowych swoich treści. Dlatego przesłanie mapy witryny XML, która zawiera wszystkie strony wielojęzyczne do Konsoli wyszukiwania Google jest bardzo ważne. HubSpot CMS automatycznie tworzy mapę witryny, ale musisz upewnić się, że każda wersja językowa jest wymieniona.
Wielojęzyczna mapa witryny powinna idealnie zawierać element <xhtml:link rel=“alternate” hreflang=“…”> , aby pokazać związek między językami. Po przesłaniu poprawnej mapy witryny Google szybciej zaindeksuje wszystkie wersje językowe Twojej witryny i przekieruje użytkowników do najbardziej odpowiednich stron.
Wnioski
Teraz rozumiesz, jak stworzyć wielojęzyczną stronę internetową za pomocą HubSpot CMS. Możesz rozpocząć kroki od planowania językowego, tworzenia stron i optymalizacji SEO, wszystko na jednej platformie, bez kłopotów z kodowaniem. Jednak dla naprawdę zoptymalizowanego doświadczenia użytkownika i wydajności SEO, integracja z automatyczną usługą tłumaczeniową, taką jak Linguise , jest wysoce zalecana.
Z Linguise, możesz przetłumaczyć całą treść swojej strony internetowej na ponad 80 języków natychmiastowo i dokładnie. Załóżmy, że chcesz zapewnić najlepsze doświadczenie wielojęzyczne na swojej stronie HubSpot i dotrzeć do globalnej publiczności bardziej efektywnie. W takim przypadku nadszedł czas, aby zacząć używać Linguise do tłumaczenia swojej strony automatycznie i profesjonalnie!
