Автоматический перевод сайта на другие языки с сохранением верстки
В первый раз я столкнулся с задачей перевода сайта ещё в далеком 2019 году. Тогда это был ужас: ручной экспорт строк, Google Translate, обратный импорт, половина тегов потеряна, вёрстка разъехалась в трёх из пяти браузеров — все сломалось. Сейчас автоматический перевод сайта на другие языки с сохранением вёрстки — это простой и вполне управляемый процесс без стресса. Не идеальный, не «нажал кнопку и всё готово» — увы пока такого нет — но всё к этому идёт. Но в целом предсказуемый — если знать, что делать и где проверять на ошибки.
За три года я настраивал мультиязычность для девяти проектов: три корпоративных сайта, три интернет-магазина, два портфолио и один новостной ресурс. География — Германия, Польша, Нидерланды, Италия, Испания, США. Расскажу о реальном опыте — что сломалось, что сработало и где я потерял уйму времени из-за своих же ошибок, которых можно было легко избежать. Мой опыт!
Три принципиально разных подхода
Подход 1. Плагины для CMS с AI-переводом
Если сайт на WordPress — это основной выбор. WPML, Polylang и TranslatePress поддерживают интеграцию с DeepL или Google Translate для автоматического первичного перевода. Переведённый контент хранится в базе данных как отдельные записи. Полная SEO-дружественность: у каждой языковой версии свой URL, свои метатеги, работает hreflang.
Подход 2. JavaScript-прокси (SaaS-сервисы)
Weglot, ConveyThis, Linguise — перехватывают текст прямо на странице и заменяют переведённым. Главное преимущество: они не трогают вёрстку вообще. Подключаете один скрипт — и сайт автоматически переводится без изменения кода. Минус: SEO-возможности ограничены, особенно в дешёвых тарифах.
Подход 3. Ручной перевод с AI-ассистентом
ChatGPT, Claude или DeepL Write используете как помощника — перевод делаете сами, публикуете через мультиязычный плагин. Медленно, но максимально контролируемо. Использую только для ключевых страниц на новых рынках, где качество текста критично.
Сравнение инструментов по ключевым параметрам
| Инструмент | Тип | SEO | Вёрстка | Цена | Языков |
|---|---|---|---|---|---|
| WPML + DeepL | Плагин WP | ⭐⭐⭐⭐⭐ | ⭐⭐⭐⭐⭐ | от $39/год | 65+ |
| Weglot | SaaS-прокси | ⭐⭐⭐⭐ | ⭐⭐⭐⭐⭐ | от €15/мес | 110+ |
| TranslatePress | Плагин WP | ⭐⭐⭐⭐⭐ | ⭐⭐⭐⭐ | от $89/год | 220+ |
| Polylang (free) | Плагин WP | ⭐⭐⭐⭐⭐ | ⭐⭐⭐⭐ | Бесплатно (базовый) | 60+ |
| Linguise | SaaS-прокси | ⭐⭐⭐⭐ | ⭐⭐⭐⭐⭐ | от $14/мес | 80+ |
| ConveyThis | SaaS-прокси | ⭐⭐⭐ | ⭐⭐⭐⭐⭐ | от $19/мес | 100+ |
SEO при мультиязычности: то, что нельзя игнорировать
hreflang — не опция, а обязательство
Атрибут hreflang сообщает поисковику: какая версия страницы для какого языка и региона. Без него Google путается и может показывать немецкому пользователю русскую страницу. WPML и TranslatePress генерируют hreflang автоматически. В прокси-сервисах — проверяйте настройки вручную.
Я потерял почти месяц на одном немецкоязычном проекте: трафик из Германии не рос, хотя страницы были созданы. Оказалось, в Weglot был неправильно настроен hreflang для субдиректорий — Google просто не видел немецкие страницы как самостоятельный контент.
Структура URL: три варианта с разными последствиями
- Субдиректории (site.ru/de/, site.ru/en/) — оптимально для большинства. Передают ссылочный вес основного домена, проще в управлении.
- Субдомены (de.site.ru) — Google рассматривает как отдельные сайты. Ссылочный вес основного домена передаётся хуже.
- Отдельные домены (site.de, site.fr) — лучший вариант для серьёзного выхода на местный рынок, но самый дорогой в поддержке и продвижении.
Где вёрстка ломается и как это предотвратить
RTL-языки: арабский, иврит, персидский
Это отдельная история. Язык читается справа налево, и CSS-раскладка должна это учитывать. Простой перевод текста без изменения направления вёрстки — это хаос на странице. Нужно либо использовать плагины с нативной RTL-поддержкой (WPML справляется), либо добавлять отдельный CSS с атрибутом dir="rtl" на элемент body.
Длина текста в разных языках
Немецкий в среднем на 30–35% длиннее английского. Кнопка «Buy Now» (7 символов) — это «Jetzt kaufen» (12 символов). Элементы с фиксированной шириной начинают ломать раскладку. Решение, которое работает: заранее, до запуска переводных версий, проверьте все кнопки и лейблы на переполнение — добавьте overflow: hidden и text-overflow: ellipsis там, где длина критична.
Изображения с встроенным текстом
Нейросеть не переводит текст внутри JPG и PNG. Баннеры с надписями, кнопки в изображениях, инфографика — всё это останется на исходном языке. Решения: делать отдельные версии баннеров для каждого языка, или переходить на текст поверх изображения через CSS. Второй вариант правильнее с точки зрения поддержки.
DeepL, Google Translate или ChatGPT: что выбрать
| Движок перевода | Лучше всего для | Слабее всего для | Стоимость API |
|---|---|---|---|
| DeepL | Европейские языки (DE, FR, ES, IT, PL) | Азиатские языки, языки СНГ | €5.49/млн символов |
| Google Translate | Азиатские языки, широкий охват | Контекст, нюансы стиля | $20/млн символов |
| ChatGPT / Claude | Маркетинговые тексты, слоганы | Массовый перевод (дорого) | Высокая (по токенам) |
Мой рабочий процесс на новом мультиязычном проекте
- Определяю языки и URL-структуру (обычно выбираю субдиректории).
- Устанавливаю WPML или TranslatePress в зависимости от бюджета клиента.
- Подключаю DeepL API для первичного автоматического перевода.
- Запускаю автоперевод всего сайта.
- Вручную проверяю и правлю: главную страницу, все страницы категорий, топ-20 страниц по трафику, все метатеги.
- Настраиваю hreflang и проверяю через Google Search Console (Tools → URL Inspection).
- Проверяю вёрстку на переполнение текстом — особенно кнопки и навигацию.
- Через месяц: смотрю, какие страницы проиндексированы, какой трафик идёт по языкам в GA4.
Для правильной настройки метатегов на переведённых страницах используйте подходы из статьи «Как написать SEO title и description через ИИ» — там принципы универсальны для любых языков.
А если вы параллельно создаёте новые посадочные страницы для разных рынков — посмотрите «Как создать лендинг с нейросетью без кода». Там есть момент про быстрый старт страниц под конкретные регионы.
Для тех, кто строит семантику под зарубежные рынки: запросы нужно собирать нативно, а не переводить с русского. Как это делать с помощью AI — в материале «Нейросети для сбора семантического ядра».
ВыводАвтоматический перевод сайта работает — но «автоматический» не означает «без участия человека». Обязательный минимум после любой автоматики: проверить hreflang, просмотреть ключевые страницы вручную, убедиться в отображении вёрстки на языках с длинными словами и RTL. Те, кто пропускает эти шаги, потом удивляются, почему немецкая версия есть, но трафика из Германии нет.