Jak zbudować wielojęzyczną stronę internetową z przykładami

Klienci Jimdo to kosmopolityczna grupa i wielu z was chce tworzyć wielojęzyczne strony internetowe. Niezależnie od tego, czy jest to firma działająca w różnych krajach, czy wielojęzyczna strona internetowa z podsumowaniem, Twoi odbiorcy powinni być w stanie odczytać informacje w ich języku. Ale skonfigurowanie witryny, która zawiera wszystkie treści w różnych językach i jest łatwa w użyciu dla Klientów, może czasami wydawać się wysokim zamówieniem.

w tym poście omówię niektóre techniki i szablony do budowy wielojęzycznej strony internetowej. Pokażę również przykłady wielojęzycznych stron Jimdo, które mają pewne je ne sais quoi: stworzyli przejrzyste, funkcjonalne i pięknie wyglądające strony internetowe w wielu językach!

o czym należy pamiętać, aby stworzyć udaną wielojęzyczną lub dwujęzyczną stronę internetową:

musisz zaplanować z wyprzedzeniem i tworzyć treści we wszystkich językach: Kiedy mówimy o wielojęzycznych witrynach internetowych, tak naprawdę mówimy o stworzeniu dwóch (lub więcej) zestawów tekstu w różnych językach, które mogą współistnieć razem w jednej witrynie. Aby to zrobić z powodzeniem, musisz pomyśleć o tym, jak zorganizujesz menu nawigacji i plan witryny z wyprzedzeniem (więcej na ten temat poniżej). Innymi słowy, naprawdę trudno jest zrobić witrynę wielojęzyczną jako refleksję.

więc jeśli chcesz zbudować „prawdziwą” wielojęzyczną stronę z dobrymi tłumaczeniami, łatwym interfejsem użytkownika i korzyścią SEO z posiadania treści w różnych językach, Czytaj dalej, ponieważ te strony robią to naprawdę dobrze:

Korzystanie z rozwijanych menu dla wielojęzycznej strony internetowej

Norla Design
szablon: Rzym

norla design
sklep internetowy Norla design dobrze wykorzystuje rozwijane menu i duży obszar nagłówka w template Rome.

kiedy większość ludzi myśli o wielojęzycznych lub dwujęzycznych stronach internetowych, zwykle myślą o użyciu ikon flag. Strona internetowa Norla Design pokazuje inny sposób, aby to zrobić. Tutaj użyli swojej nawigacji i rozwijanego menu szablonu, aby stworzyć naprawdę przejrzysty wielojęzyczny sklep internetowy.

w tym przykładzie zobaczysz, że używają nawigacji najwyższego poziomu, aby podzielić swoje języki—EN, PL I DE. Następnie każdy język otrzymuje własne podstrony, które pojawiają się jako rozwijane listy. Użytkownicy mogą zobaczyć całe menu dla swojego języka od razu po kliknięciu na odpowiedni język.

jeśli chcesz zrobić coś podobnego na własnej stronie internetowej, twoje menu nawigacyjne może wyglądać mniej więcej tak:
Jimdo multilingual navigation
pamiętaj, że wszystkie witryny Jimdo mogą mieć do 3 poziomów nawigacji. Dzięki tej technice polegasz głównie na drugim i trzecim poziomie nawigacji, ponieważ podstawowy poziom nawigacji jest używany do podziału języków. Dlatego musisz zachować prostą nawigację-nie możesz polegać na mnóstwie podstron, które schodzą do czwartego lub piątego poziomu. W końcu to dobrze, ponieważ strony internetowe z prostszymi strukturami nawigacji są znacznie łatwiejsze do naśladowania.

szablony Jimdo z rozwijanymi menu obejmują Rzym, Barcelonę, Pragę, Helsinki, Kair i Miami. Aby zobaczyć wszystkie szablony z rozwijanymi menu, sprawdź nasz filtr szablonów i wybierz rozwijane menu w „menu”.

używanie kart dla wielojęzycznej strony internetowej

wolność &Duch
szablon: Hamburg

wielojęzyczna strona internetowa
ta wielojęzyczna strona internetowa wykorzystuje dodatkową nawigację szablonu Hamburg, aby podzielić ich treść na różne języki. Trzy języki znajdują się w górnym menu, a podstrony dla każdego języka pojawiają się w menu pionowym po lewej stronie.

the Freedom & Spirit website to świetny przykład wielojęzycznej strony internetowej dobrze wykonanej przy użyciu szablonu Hamburg. Wizualnie, twoje oko zaczyna się po lewej stronie z pomarańczowym logo, a następnie naturalnie przesuwa się do prawej strony, gdzie widzisz pomarańczowe i szare zakładki do przełączania języków.

aby osiągnąć ten efekt, ustawili swoje górne menu nawigacyjne na FR, NL i EN. Następnie użyli edytora stylów do wyrównania paska nawigacji do prawej strony i zmiany kolorów menu. Szare i pomarańczowe kolory dobrze wyglądają jak zakładki i wyjaśniają ludziom, w jakim języku są.

gdy użytkownik wybierze język, odpowiednie menu dla tego języka (podstron) pojawia się po lewej stronie.

Oto jak wyglądałoby nasze przykładowe menu nawigacyjne powyżej, używając tej samej konfiguracji:

przykładowa hiszpańska strona Jimdo

szablony, które mają podobną nawigację na poziomie „podzielonym” —i które z tego powodu dobrze sprawdzają się w wielojęzycznych witrynach internetowych— to Chicago, Bordeaux, Hamburg, Madryt, Lille i Hongkong.

używanie Flag dla wielojęzycznej strony internetowej

Stacja Skate
szablon: Zurich

Stacja Skate
Wielojęzyczna Stacja Skate przy użyciu szablonu Zurich.

OK, jeśli nadal jesteś zainteresowany używaniem ikon flag, oto strona, która robi to naprawdę dobrze. Podobnie jak nasze poprzednie przykłady, strona internetowa stacji Skate wykorzystała swoją podstawową nawigację do podziału na języki-angielski i hiszpański.

w szablonie Zurich dodatkowa nawigacja pojawia się poziomo tuż pod główną nawigacją—tutaj położyli jeszcze większy nacisk na to menu, czyniąc główną nawigację („Inicio” i „Home”) tylko czcionką 13pt, więc twoje oko skupia się na dodatkowej nawigacji jako „głównej”.

następnie wstawili flagę języka jako mały Element Zdjęcia, który jest wyrównany do prawej strony, i połączyli ten Element zdjęcia z odpowiednią stroną w innym języku. W rezultacie możesz łatwo odbijać się tam iz powrotem między nimi. (Oto kilka miejsc, w których można znaleźć Darmowe ikony, w tym flagi).

tworzenie wielu stron internetowych

Camping Cheverny
szablon: Madryt

Camping Cheverny

strona internetowa Camping Cheverny poszerzyła swoje wielojęzyczne treści, tworząc dwie zupełnie różne strony internetowe, jedną dla francuskiego i jedną dla angielskiego. Są one połączone ze sobą za pomocą małych ikon flag przesłanych jako elementy Zdjęć.

główną zaletą posiadania dwóch różnych stron internetowych jest to, że możesz mieć inną nazwę domeny dla każdej z nich (używali domen .com i .eu). Po drugie, nie musisz radzić sobie z równoważeniem dużej ilości treści językowych w jednym menu nawigacyjnym — każdy język otrzymuje witrynę całkowicie dla siebie.

używanie oddzielnych stron internetowych jest powszechne, jeśli potrzebujesz oddzielnych domen i jeśli masz dużo treści. Może to być również najlepsza opcja, jeśli różne języki mają również różnice kulturowe, które mogą wymagać różnych zdjęć i różnych doświadczeń użytkownika.

Tworzenie strony docelowej lub strony wejściowej dla wielojęzycznej strony internetowej

szablon: Lille

Make-Believe Coffee

innym sposobem podejścia do wielojęzycznej układanki jest przekształcenie strony głównej w stronę docelową, na której odwiedzający może natychmiast kliknąć na swój język. W tej technice możesz ukryć całą nawigację ze strony głównej i po prostu przedstawić ludziom dwie (lub więcej) opcje dla tego, jakiego języka chcą.
oto jak to zrobiłem na tej przykładowej stronie:

  • stworzyłem dwa obrazy w Canva, jeden mówiący po angielsku i jeden mówiący po hiszpańsku.
  • wrzuciłem je na stronę główną mojej strony jako dwa elementy zdjęć w elemencie kolumn. Następnie podlinkowałem każdy z nich do właściwej strony językowej na mojej stronie internetowej.

kolumny Jimdo

  • poszedłem do edycji nawigacji i ukryłem wszystkie moje pozycje menu najwyższego poziomu, klikając ikonę gałki ocznej obok nich. Oznacza to, że moja strona główna nie wyświetla żadnego menu nawigacyjnego.

Ukryj nawigację Jimdo

teraz, gdy ktoś kliknie na obrazek dla swojego języka, przejdzie na drugą stronę i zobaczy całe menu angielskie (lub hiszpańskie), gdy tam dotrze. Daje to złudzenie dwóch różnych stron internetowych językowych.

Uwaga: Ta technika działa tylko z kilkoma szablonami—mianowicie tymi, które mają poziome menu podstawowe i dodatkowe (bez rozwijanych) i pasek boczny na dole. Są to m.in. Lille, Nowy Jork, Ryga, Rio de Janeiro i Zurych.

wprowadź swój biznes do sieci z Jimdo.

Write a Comment

Twój adres e-mail nie zostanie opublikowany.