Как сделать мультиязычный сайт на Тильде

Две языковые версии на одном домене собираются без отдельного сайта: страницы RU и EN лежат в одном проекте, на каждой стоит свой блок меню с переключателем, а ссылки в переключателе ведут на парную страницу того же языка. EN с карточки курса ведёт на /en/course, а не на главную.

Четыре страницы, два языка, один домен

Тильда перечисляет три способа размещения: разные языковые версии страниц на общем домене, сайты на отдельном поддомене или домене и автоматическое перенаправление по языку браузера или геопозиции (^[1]).

Для двух языков и четырёх страниц общий домен проще: один проект, одна шапка, один набор настроек. Отдельные сайты нужны, когда языковые версии расходятся по структуре и контенту; тогда понадобится тариф линейки Business, позволяющий разместить более одного проекта на аккаунте (^[1]).

Учебный пример

Проект example.org, две языковые версии, четыре страницы. Тексты уже переведены редактором, автоперевод не используется.

Адрес страницы задаётся в настройках страницы, вкладка «Главное», поле «Адрес страницы» (^[3]). Публичная ссылка появляется после публикации страницы — системный адрес из редактора для переключателя не годится (^[3]).

Блок меню с настройками языка

Справка рекомендует на каждую страницу добавить собственный блок с меню и указать в его контенте языки и опубликованные ссылки (^[1]).

Подходят блоки ME204N, ME301N, ME302N, ME303 и меню «гамбургер» ME401–403 (^[1]).

Раздела с настройками языка нет в блоках ME203, ME203A, ME404, ME405, ME500, ME500A, ME500B, ME501, ME502, ME901 (^[1]). Если шапка собрана на таком блоке, для переключателя через раздел «Языки» выберите блок из подходящего списка или добавьте отдельное меню с этим разделом.

Порядок для учебного примера:

1. Создайте четыре страницы и задайте им адреса из таблицы выше.
2. Опубликуйте все четыре — до публикации ссылок для переключателя нет.
3. На каждую страницу поставьте блок из подходящего списка.
4. В контенте блока откройте раздел «Языки» и добавьте два языка с названиями и ссылками из карты переходов ниже.
5. После настройки меню и ссылок снова опубликуйте все четыре страницы. Затем переходите к проверке опубликованного сайта.

Карта переходов RU/EN для четырёх страниц

Переключатель работает предсказуемо, когда на каждой странице он ведёт на парную страницу, а не на главную языка. Карта для учебного примера:

Ключевое место — строка /ru/course: пункт EN ведёт на /en/course, а не на /en или главную. Такой же парный переход нужен с /en/course обратно на /ru/course.

Ссылку в блоке можно задать полным или относительным адресом: http://example.org/en/course или /en/course (^[3]). Относительный адрес короче и переживает смену домена; полный удобнее, когда языковые версии живут на разных сайтах.

Проверка переходов после публикации

Проверка идёт по опубликованному сайту, в режиме инкогнито или после очистки кеша, чтобы не смотреть старую версию страницы.

Чек-лист для учебного примера:

• Открыть /ru/course, нажать EN — попали на /en/course, а не на главную.
• На /en/course нажать RU — вернулись на /ru/course.
• Открыть /ru/contacts, нажать EN — попали на /en/contacts.
• На /en/contacts нажать RU — вернулись на /ru/contacts.
• На каждой из четырёх страниц оба пункта переключателя кликабельны и ведут на существующую страницу.
• Адрес в строке браузера после перехода совпадает с таблицей переходов.

Если какой-то пункт ведёт на главную, сверьте адрес в контенте блока с таблицей: для EN на странице курса должно стоять /en/course. Если там указан системный адрес редактора, замените его публичной ссылкой. После исправления переопубликуйте страницу и повторите переход.

Автопереадресация по языку браузера

Автоматическое открытие страницы на подходящем языке настраивается блоком T805 из категории «Другое» (^[1]). В блоке добавляется отдельная карточка на каждую языковую версию, в карточке заполняются код языка и ссылка для перенаправления (^[2]).

Код языка — двухбуквенный по ISO 639-1, регистр не важен; несколько кодов перечисляются через запятую без пробелов (^[2]).

Порядок карточек влияет на результат: когда посетитель подходит под несколько условий, срабатывает карточка, установленная ниже (^[2]).

Учебный пример

Основная версия на русском, хотим показывать английскую тем, у кого основной язык браузера не русский. Карточки в блоке T805 на /ru/course:

Проверка: в браузере с основным языком EN открыть /ru/course — должна открыться /en/course. В браузере с основным языком RU страница остаётся на месте.

Автопереадресация решает другую задачу, чем переключатель: она уводит посетителя на язык браузера, а переключатель даёт выбор вручную. Для четырёх страниц учебного примера достаточно переключателя; T805 добавляйте, когда посетителей с другим языком браузера много и ручной выбор теряет переходы.

Ограничения стандартных способов

Больше трёх языковых версий стандартными способами создать нельзя (^[1]). Для трёх языков справка предлагает схему, где на каждой версии стоят два других языка: на русской — EN и DE, на английской — RU и DE, на немецкой — RU и EN (^[1]).

Что остаётся за рамками этой статьи и требует отдельной проверки:

• Автоматический перевод контента. Справка описывает размещение готовых версий и перенаправление, а не перевод текста; тексты готовит редактор.
• Разметка hreflang. В прочитанных документах её настройка не описана; утверждать, что она ставится стандартными средствами, оснований нет.
• Поведение переключателя при смене адреса страницы. После переименования адреса ссылки в блоке нужно сверить заново по чек-листу.

Если на странице есть форма или чат с клиентскими данными, сначала определите, что из передаваемых данных допустимо отдавать внешним сервисам, и уберите лишнее — до подключения любых надстроек. Общие правила по формам и вопросам на сайте — в материалах FAQ для сайта с нейросетью и как добавить HTML-код в Тильде.

Итог: две версии на общем домене, по блоку меню с разделом «Языки» на каждой странице, карта переходов из четырёх строк и чек-лист из шести пунктов. Проверка занимает один проход по страницам и показывает, ведёт ли EN на EN-версию той же страницы.