Tworzenie witryny wielojęzycznej nie jest tak skomplikowane, jak mogłoby się wydawać, szczególnie przy użyciu CMS takiego jak HubSpot. Platforma ta jest zaprojektowana tak, aby proces tworzenia i zarządzania witrynami w wielu językach był łatwiejszy bez potrzeby skomplikowanego kodowania lub zbyt technicznych ustawień. Od ustawień strony, nawigacji, po funkcje automatycznego tłumaczenia, wszystko jest dostępne i może być wykorzystane od razu.
W tym przewodniku omówimy kompletne kroki do stworzenia wielojęzycznej strony internetowej z HubSpot CMS, od strategii językowej, wstępnej konfiguracji strony, integracji z narzędziami do tłumaczenia i ważnych praktyk SEO, aby zoptymalizować wydajność Twojej strony w różnych rynkach. Róbmy to krok po kroku!
Dlaczego wybrać HubSpot CMS dla swojej wielojęzycznej strony?
Jeśli szukasz wydajnego, a jednocześnie przyjaznego dla użytkownika systemu CMS do tworzenia wielojęzycznych stron internetowych, HubSpot CMS może być idealnym wyborem. Platforma ta została zaprojektowana tak, aby ułatwić każdemu, zarówno początkującemu, jak i profesjonaliście, tworzenie atrakcyjnych, dobrze ustrukturyzowanych stron internetowych w wielu językach.
Oto kilka powodów, dla których HubSpot CMS jest świetną opcją dla Twojego wielojęzycznego projektu witryny.
- Darmowy i łatwy w użyciu bez kodowania – HubSpot CMS oferuje darmowe narzędzia, z których możesz korzystać bez znajomości kodowania. Dzięki edytorowi „przeciągnij i upuść” oraz elastycznym motywom każdy może stworzyć profesjonalnie wyglądającą stronę bez pomocy programisty. To idealne rozwiązanie, jeśli chcesz skupić się na tworzeniu treści i doświadczenia użytkownika bez konieczności zajmowania się skomplikowanymi zagadnieniami technicznymi.
- Wbudowana obsługa wielu języków – HubSpot CMS umożliwia tworzenie natywnych wersji stron w wielu językach. Każda wersja może być zarządzana oddzielnie, ale pozostaje połączona w ramach ujednoliconego systemu, co ułatwia nawigację i kontrolę treści. Możesz również skonfigurować adresy URL dla poszczególnych języków i korzystać z wielojęzycznych funkcji SEO, takich jak znaczniki hreflang.
- Integracja z narzędziami marketingowymi i CRM – Możesz bezproblemowo połączyć swoją wielojęzyczną witrynę z narzędziami marketingowymi, sprzedażowymi i obsługi klienta HubSpot. Możesz na przykład wyświetlać formularze kontaktowe, chatboty lub treści marketingu e-mailowego w oparciu o język użytkownika. Dzięki temu doświadczenia użytkowników są bardziej spersonalizowane i trafne.
- Wbudowana analityka witryny – HubSpot oferuje wbudowaną analitykę, która pozwala śledzić wydajność każdej wersji językowej witryny. Możesz sprawdzić, które strony są najczęściej odwiedzane, skąd pochodzą Twoi odbiorcy i jak wchodzą z Tobą w interakcje – wszystko z poziomu jednego pulpitu, bez dodatkowych narzędzi.
Krok po kroku, aby utworzyć witrynę wielojęzyczną z HubSpot CMS
Tworzenie witryny wielojęzycznej 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 jest pierwszym krokiem przed edycją. Jest to kluczowe, aby Twoja witryna wielojęzyczna wyglądała świetnie i działała dobrze dla odbiorców z różnych regionów.
- Wybierz języki na podstawie docelowego rynku lub odbiorców, do których chcesz dotrzeć. Użyj danych o odbiorcach z analiz lub badań rynkowych, aby nadać priorytet najbardziej odpowiednim językom. Badania te określą również, które języki dodasz do swojej witryny.
- Zdecyduj, której struktury adresu URL użyć. 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ą, informacje 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 gotowa, nadszedł czas na skonfigurowanie podstawy 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 zostaniesz przekierowany na stronę pulpitu nawigacyjnego z różnymi opcjami nawigacji menu i konfiguracji produktów. Po przejściu do poniższego widoku wybierz Treść > Strony witryny . Aby rozpocząć tworzenie strony internetowej, kliknij 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óre możesz natychmiast użyć lub zmienić zgodnie z marką za pomocą edytora przeciągnij i upuść. Jeśli wybrałeś motyw, kliknij przycisk Ustaw jako aktywny motyw .
Jeśli tak, zostaniesz przekierowany na stronę edytora. Tutaj możesz bezpośrednio edytować różne elementy zgodnie z potrzebami Twojej strony internetowej.
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
- Projekt
- Formularze i przyciski
- Treść ciała, itp.
Musisz tylko wybrać znak (+) lub bezpośrednio przeciągnąć i upuścić go z lewej strony na prawą stronę edytora strony.
#3 Integracja z narzędziami automatycznego tłumaczenia
Po zakończeniu tworzenia stron witryny nadszedł czas na integrację witryny HubSpot z narzędziem do automatycznego tłumaczenia. W tym przypadku użyjemy zewnętrznego narzędzia o nazwie Linguise.
Istnieje kilka powodów, dla których korzystanie z narzędzia innej firmy z HubSpot jest konieczne, szczególnie w przypadku witryn wielojęzycznych, ponieważ HubSpot CMS nie obsługuje automatycznie pewnych funkcji, takich jak.
Limity języków i stron zależne od planu – HubSpot ogranicza liczbę wersji językowych dla każdej treści w zależności od poziomu subskrypcji. Na przykład plan Starter pozwala na maksymalnie 3 języki dla każdej treści, podczas gdy Linguise oferuje nieograniczoną obsługę języków, z maksymalnie 85 językami dostępnymi we wszystkich planach, i nieograniczoną liczbą stron.
Ograniczona obsługa wielu języków dla niektórych typów stron – Stron systemowych, takich jak strony z błędem 404, nie można tłumaczyć na wiele języków, a tłumaczenie treści blogów lub baz wiedzy odbywa się w inny, bardziej ręczny sposób niż w przypadku zwykłych stron internetowych.
Brak obsługi znaczników języka dla plików kodowanych – Jeśli używasz szablonów kodowanych, musisz ręcznie ustawić znacznik języka w
- W przypadku języków RTL nie ma możliwości ustawienia kierunku tekstu. W przypadku języków takich jak arabski lub hebrajski należy 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ć treści na ponad 80 języków z wysoką jakością wyników.
Najpierw upewnij się, że masz utworzone Linguise . Po zalogowaniu się lub zarejestrowaniu w Linguise , zostaniesz poproszony o zarejestrowanie domeny, którą chcesz przetłumaczyć. Wprowadź pełną domenę, łącznie z https://, i wybierz opcję INNY CMS HOSTOWANY W CHMURZE.
Następnie wybierz główny (źródłowy) język swojej witryny oraz język(i) docelowy(e), który(e) chcesz dodać.
Po pomyślnym zarejestrowaniu domeny na pulpicie nawigacyjnym 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
- One CNAME record for each language you add
Proces propagacji DNS zazwyczaj trwa 20–30 minut, zanim Twoja strona będzie mogła wyświetlać strony wielojęzyczne.
Następnym krokiem jest wklejenie Linguise , który znajdziesz w Linguise . Następnie przejdź do Ustawienia > Język na koncie HubSpot i wklej skrypt w polu HTML nagłówka.
Ten kod automatycznie zintegruje Twoją stronę 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 Automatyczne tłumaczenie treści
W końcu przetłumaczymy witrynę HubSpot, która została utworzona automatycznie, na inny język przy użyciu 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 upewnić się, że międzynarodowe strategie SEO wdrożone przez Ciebie mogą 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 canonical poprawnie
Tag hreflang informuje wyszukiwarki o docelowym języku 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, wsparcie dla tych tagów hreflang jest ustawiane 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 strony. Oto przykład implementacji hreflang w artykule.
Tymczasem tag kanoniczny powinien być używany ostrożnie. Nie ustawiaj wszystkich wersji językowych, 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 po francusku powinna mieć kanoniczny adres URL wersji francuskiej, a nie angielskiej. To pomaga Google zrozumieć, że każda wersja językowa jest inną stroną oryginalną, a nie traktować ją jako 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ć opis meta w języku angielskim dla wszystkich wersji. Jeśli Twoja strona sprzedaje produkty odzieżowe i kierujesz ją na rynek hiszpański, opis meta 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 obrazów jest często pomijany 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 prawidłowo 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. Nie tylko pomaga to 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 Google Search Console jest bardzo ważne. HubSpot CMS automatycznie tworzy mapę witryny, ale musisz upewnić się, że każda wersja językowa jest wymieniona.
Mapa witryny dla wielu języków powinna idealnie zawierać element <xhtml:link rel=“alternate” hreflang=“…”> , aby pokazać relację między językami. Po przesłaniu prawidłowej 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ć witrynę dla wielu języków 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.
Dzięki Linguisemożesz natychmiast i dokładnie przetłumaczyć całą zawartość swojej witryny na ponad 80 języków. Załóżmy więc, że chcesz zapewnić najlepsze wielojęzyczne wrażenia na swojej stronie HubSpot i skuteczniej dotrzeć do globalnej publiczności. W takim przypadku czas zacząć korzystać z Linguise , aby automatycznie i profesjonalnie przetłumaczyć swoją witrynę!
