Разработка · 5 мин чтения

Мультиязычный сайт на Тильде: 3 рабочих способа

Клиенты из разных стран, партнёры за рубежом, выход на новый рынок - причин для мультиязычного сайта много. На Тильде это реально, но со своими ограничениями. Разбираем три рабочих подхода: как реализовать, что получите с точки зрения SEO и когда какой способ применять.

Важно перед стартом

У Тильды нет автоматического перевода и общего хранилища переводов: текст каждой версии заводится руками на своей странице. Но штатные механизмы для языков есть. В блоках меню настраиваются языки и ссылки на версии (справка называет ME204N, ME301N, ME302N, ME303 и «гамбургеры» ME401-403; настроек языка нет в ME203, ME203A, ME404, ME405, ME500, ME500A, ME500B, ME501, ME502, ME901), а блоки T805 и T808 перенаправляют посетителя по языку браузера или по геопозиции. Потолок тоже задан справкой: «Больше трех языковых версий стандартными способами создать нельзя». Нужно 4+ языка - смотрите WordPress с WPML или отдельную CMS.

Способ 1: Поддомены (en.site.ru, de.site.ru)

Каждая языковая версия - отдельный проект в Тильде на поддомене.

Как реализовать:

  1. Создайте отдельный проект в Тильде для каждого языка
  2. Настройте поддомены в DNS: en.yoursite.ru → A‑запись на Тильду
  3. Привяжите каждый проект к своему поддомену в настройках Тильды
  4. Переведите все страницы вручную
  5. Настройте отдельные Title, Description и OG-теги для каждой страницы
  6. Добавьте hreflang-теги в head каждой страницы
  7. Добавьте в меню блок с настройками языка: ME204N, ME301N, ME302N, ME303 или «гамбургер» ME401-403

Настройка hreflang:

В «Настройки страницы → HTML-код для вставки в Head» добавьте на каждую страницу:

<link rel="alternate" hreflang="ru" href="https://yoursite.ru/page/" />
<link rel="alternate" hreflang="en" href="https://en.yoursite.ru/page/" />
<link rel="alternate" hreflang="x-default" href="https://yoursite.ru/page/" />

Плюсы:

  • Полная SEO-автономия каждой версии: отдельные sitemap, robots.txt, мета-теги
  • Можно подключить разные системы аналитики и пиксели для каждого региона
  • Чистая структура: каждый проект содержит только один язык
  • Независимое управление контентом - можно дать доступ переводчику только к его проекту

Минусы:

  • Требуется тариф линейки Business: он позволяет держать на аккаунте больше одного проекта, по таблице тарифов это до 5 сайтов на один Business
  • Двойная/тройная работа при обновлении дизайна - менять на всех проектах
  • Поддомены не наследуют ссылочный вес основного домена (Google рассматривает их как отдельные сайты)
  • Больше работы с поддержкой: N языков = N проектов

Когда подходит: 2-3 языка, серьёзный подход к SEO в каждом регионе, разный контент для разных рынков.

Способ 2: JS-переключатель на одной странице

На одной странице размещается контент на всех языках, JavaScript переключает видимость блоков.

Как реализовать:

  1. Создайте дублированные блоки для каждого языка на одной странице
  2. Присвойте CSS-классы блокам: lang-ru, lang-en
  3. По умолчанию скройте все блоки кроме основного языка через CSS
  4. Добавьте кнопку-переключатель в меню
  5. Напишите JS-скрипт, который при клике скрывает одни блоки и показывает другие
  6. Сохраняйте выбор языка в localStorage, чтобы при переходе между страницами язык сохранялся

Пример логики скрипта:

// Переключение языка
function switchLang(lang) {
  document.querySelectorAll('[class*="lang-"]').forEach(el => el.style.display = 'none');
  document.querySelectorAll('.lang-' + lang).forEach(el => el.style.display = '');
  localStorage.setItem('lang', lang);
}

Плюсы:

  • Один проект, одна страница - минимум работы с поддержкой
  • Достаточно тарифа Personal
  • Мгновенное переключение без перезагрузки страницы
  • Единый дизайн - поменяли один раз, работает для всех языков

Минусы:

  • Катастрофа для SEO: поисковые боты видят весь контент на одной странице
  • Нельзя настроить отдельные Title и Description для разных языков
  • hreflang не работает - это одна и та же страница
  • Страница весит в 2-3 раза больше (загружается контент на всех языках)
  • Google может проиндексировать смешанный контент и показывать в выдаче кашу из языков
  • Сложно масштабировать: 50 блоков на странице × 3 языка = 150 блоков

Когда подходит: лендинг на 1-2 страницы, SEO не критично, нужно быстро и дёшево, основной трафик - из рекламы.

Способ 3: Языковой префикс в адресе страницы (/en/, /de/)

Языковые версии живут в одном проекте Тильды и различаются префиксом в адресе страницы.

Как реализовать:

  1. Создайте языковые версии страниц в одном проекте Тильды
  2. Адрес каждой страницы задайте руками в настройках страницы: основной язык в корне (yoursite.ru/about/), остальные с префиксом (yoursite.ru/en/about/)
  3. Папки на адрес не влияют: они группируют страницы в списке проекта и задают область публикации, так что используйте их для порядка в дашборде, а не для URL
  4. Переведите страницы и настройте уникальные мета-теги для каждой
  5. Добавьте hreflang в head каждой страницы (аналогично способу 1)
  6. Настройте переключатель языков в меню - ссылки ведут на соответствующие страницы в папках
  7. Добавьте все языковые версии в sitemap.xml

Плюсы:

  • Один проект в Тильде - один тариф
  • Подпапки наследуют ссылочный авторитет домена (лучше для SEO, чем поддомены)
  • Можно настроить отдельные мета-теги, hreflang, sitemap для каждой версии
  • Подпапки - один из вариантов, которые Google перечисляет без предпочтения; пометку «не рекомендуется» он ставит только варианту с URL-параметром вида site.com?loc=de

Минусы:

  • Ручное дублирование страниц при каждом обновлении
  • Нет автоматической синхронизации: обновили русскую версию - нужно вручную обновить остальные
  • На крупном сайте (50+ страниц × 3 языка = 150+ страниц) управление становится тяжёлым
  • Все страницы в одном проекте - дашборд Тильды захламляется

Когда подходит: SEO - приоритет, 2-3 языка, сайт до 20-30 страниц на язык.

Сравнительная таблица

Критерий Поддомены JS-переключатель Папки
SEO-пригодность Хорошая Плохая Лучшая
hreflang Да Нет Да
Отдельные мета-теги Да Нет Да
Тариф Тильды Business (до 5 сайтов на аккаунт) Personal Personal/Business
Скорость загрузки Высокая Низкая Высокая
Сложность поддержки Высокая Низкая Средняя
Макс. языков 3 штатным переключателем 2-3 3 штатным переключателем
Раздельная аналитика Да Нет Через фильтры

Рекомендации по hreflang

Независимо от выбранного способа (кроме JS-переключателя), соблюдайте правила:

  • Взаимность: если страница А ссылается на страницу Б через hreflang, то Б должна ссылаться обратно на А
  • x‑default: всегда указывайте версию по умолчанию для пользователей, чей язык не представлен на сайте
  • Абсолютные URL: в hreflang используйте полные адреса с протоколом
  • Один язык - один URL: каждая языковая версия должна иметь уникальный адрес
  • Проверка: используйте Google Search Console → Международный таргетинг для проверки ошибок hreflang

Что в итоге выбрать

  • Лендинг без SEO-амбиций → JS-переключатель
  • Корпоративный сайт с упором на SEO → папки
  • Разные рынки с разным контентом → поддомены

Если планируете 4+ языка или 50+ страниц - Тильда не лучший выбор. Рассмотрите WordPress + WPML или Webflow с Weglot.

Условия и возможности Тильды меняются, поэтому перед запуском я уточняю их у самого сервиса.

Есть задача?

Обсудим в мессенджере

Расскажите, что нужно сделать — отвечу в течение 4 часов в рабочее время. Первая консультация бесплатно.

Продолжая пользование настоящим сайтом Вы выражаете своё согласие на обработку Ваших персональных данных (файлов куки) с использованием Yandex.Metrika.
Понятно