Сделать перевод сайта надёжно значит создать отдельную версию каждой нужной страницы, дать ей собственный URL, указать язык документа и связать эквиваленты. Автоматическая кнопка перевода подходит для чтения чужой страницы, но не заменяет локализацию собственного сайта: формы, контакты и важные условия требуют отдельной проверки.
Выберите модель перевода до работы с текстом
Для небольшой визитки обычно достаточно папок /ru/ и /en/. Каждая страница получает пару с тем же смыслом. Переключатель ведёт не на главную другого языка, а на эквивалент текущей страницы. Такой подход проще проверять и индексировать, чем замена текста только в браузере.
- Одна страница на двух языках вперемешку: подходит только для коротких подписей, но неудобна для полноценного контента.
- Отдельные URL по языкам: основной вариант для публичного сайта и поиска.
- Автоматический машинный перевод без редактора: годится как черновик, но не как готовая версия важных страниц.
- Отдельные сайты по странам: нужны только при разных товарах, правилах, валютах или командах.
Перевод готов не тогда, когда заменены абзацы, а когда человек на другом языке может пройти тот же путь и получить тот же результат.
Составьте карту страниц и состояний
Начните с таблицы: исходный URL, новый URL, заголовок, описание, кнопки, форма, письма после отправки и ответственный за проверку. Это предотвращает ситуацию, когда главная переведена, а подтверждение заявки, ошибка формы или политика остаются на другом языке.
- Выпишите все публичные страницы и выберите первую очередь.
- Для каждой страницы укажите языковую пару и одинаковую цель.
- Соберите повторяющиеся элементы: меню, подвал, формы, ошибки и письма.
- Отделите текст интерфейса от длинного контента.
- Назначьте проверку имён, терминов, адресов, дат и единиц измерения.
- Публикуйте языковые пары вместе, чтобы переключатель не вёл на пустую страницу.
Если структура сайта ещё меняется, сначала закончите меню и навигацию. Перевод нестабильной структуры создаёт повторную работу и битые языковые пары.
Теория понятна, дальше нужен ваш сайт, а не пример из статьи. На бесплатном вебинаре страницу собирают с нуля и сразу публикуют в интернете.
Собрать свой сайтУкажите язык в HTML
W3C рекомендует всегда задавать атрибут lang у элемента html, чтобы браузеры, озвучивание и обработчики текста знали основной язык страницы. Для фрагмента на другом языке lang задают у окружающего элемента. Правило и примеры опубликованы в руководстве W3C.
<!-- Русская версия -->
<html lang="ru">
<!-- Английская версия -->
<html lang="en">
<!-- Иностранное название внутри русского текста -->
<span lang="en">Product name</span>Кодировка и язык не одно и то же. UTF-8 отвечает за представление символов, а lang описывает язык содержания. Русской версии нужны и корректная кодировка, и lang="ru". Подробнее о русскоязычной странице есть в разборе языка, шрифтов и кодировки.
По теме: Как сделать сайт-каталог сайтов: структура и проверка в 2026
Свяжите языковые версии
Google рекомендует отдельные URL для разных языков и аннотации hreflang, а также предупреждает, что автоматическая переадресация по языку браузера может скрыть варианты от обхода. Текущие рекомендации находятся в документации Google о многоязычных сайтах.
<link rel="alternate" hreflang="ru" href="https://example.com/ru/service/">
<link rel="alternate" hreflang="en" href="https://example.com/en/service/">
<link rel="alternate" hreflang="x-default" href="https://example.com/service/">Каждая версия должна ссылаться на себя и на остальные эквиваленты. Адреса указывают полностью. Переключатель языка оставляйте обычной ссылкой, доступной без JavaScript. Не перенаправляйте человека без возможности вернуть выбранный язык.
Самое долгое в своём сайте это первый запуск: страницы, домен, публикация. На бесплатном вебинаре по вайбкодингу весь путь проходят вживую, от идеи, описанной словами, до работающего адреса. Опыт в программировании не нужен.
Пройти путь до сайтаПереведите смысл, а не только слова
Сначала переводите задачу страницы: что человек должен понять и сделать. Затем проверяйте заголовок, преимущества, подписи полей, сообщения об ошибках и подтверждение результата. Не копируйте русскую длину текста в жёсткий блок: другой язык может потребовать больше места.
- Названия продуктов и брендов сверены с официальным написанием.
- Кнопка описывает действие, а не механически повторяет исходную фразу.
- Телефон, адрес, расписание и способы связи подходят новой аудитории.
- Форма принимает символы нужного языка и показывает понятные ошибки.
- Письмо после заявки приходит на том же языке.
- Изображения не содержат непереведённый обязательный текст.
title, description и данные для публикации в соцсетях переведены отдельно.
ИИ можно использовать для первого черновика и списка терминов, но фактические сведения и важные обещания проверяет человек. Для формулировок полезна структура хорошего промпта, однако она не снимает ответственность за точность перевода.
По теме: Как сделать женский сайт без стереотипов в 2026 году
Проверьте языковой путь как новый посетитель
Откройте приватное окно, зайдите сразу на вложенную страницу другого языка и пройдите основной сценарий. Проверяйте прямой вход, переход по меню, переключение языка, отправку формы и возврат назад. Затем повторите на телефоне.
- Откройте каждую языковую страницу по прямому URL.
- Сверьте
lang, заголовок вкладки и главный заголовок. - Переключите язык и убедитесь, что остались на той же теме.
- Отправьте тестовую форму с именем и текстом на нужном языке.
- Проверьте сообщение об успехе и письмо.
- Откройте исходный код и найдите все ссылки
hreflang. - Проверьте, что страница доступна без обязательной переадресации.
Диагностика частых ошибок
Если язык переключается, но URL не меняется, посетителю сложно сохранить конкретную версию. Если переключатель отправляет на главную, не сопоставлены пары страниц. Если часть текста возвращается к исходному языку после действия, перевод хранится только в интерфейсе и не охватывает сообщения сервера.
- Переведённое меню ведёт на исходные страницы: проверьте ссылки в общем шаблоне.
- Страница выпадает из поиска: проверьте публичный URL, canonical и взаимные
hreflang. - Слова обрезаются: уберите фиксированную высоту и проверьте длинные кнопки.
- Форма не принимает имя: проверьте ограничения шаблона, кодировку и серверную валидацию.
- Неверная страна показывается автоматически: дайте ручной выбор и не полагайтесь только на IP.
- ИИ перевёл термин по-разному: заведите короткий словарь и применяйте его во всех блоках.
По теме: Как сделать макет сайта: от структуры до проверки в 2026
Когда отдельный перевод не подходит
Не запускайте новый язык, если команда не сможет поддерживать актуальность условий и документов. Для внутренней памятки может хватить одного файла. Для международного магазина одной замены текста мало: потребуются валюта, доставка, налоги, поддержка и отдельная юридическая проверка.
Частые вопросы
Можно ли перевести сайт одной кнопкой?
Можно дать посетителю машинный перевод для чтения, но публичная языковая версия требует отдельных URL, проверки интерфейса и актуальности фактов.
Нужен ли отдельный домен?
Нет. Для небольшого сайта обычно достаточно папок по языкам. Отдельный домен имеет смысл при самостоятельном рынке и инфраструктуре.
Что ставить в lang для русского?
Для русскоязычной HTML-страницы используют lang="ru". Другие языковые теги выбирают по стандартным обозначениям.
Нужно ли переводить адреса страниц?
Это не обязательное условие работы, но понятные адреса помогают редактору и посетителю. Главное, чтобы URL были стабильными и языковые пары связывались явно.
Перевод полезен только у страницы, которая уже ведёт к понятному результату. На воркшопе вы соберёте основу сайта с ИИ и подготовите структуру, которую затем легко локализовать.
Собрать основу