Как создать и настроить многоязычный сайт на WordPress: полное руководство для новичков

Введение: почему ваш сайт теряет 65% потенциальных клиентов без перевода
Согласно исследованиям, 65% неанглоязычных пользователей предпочитают покупать на родном языке, даже если свободно владеют английским. Многоязычный сайт — это не роскошь, а необходимость для роста бизнеса. В этой статье мы разберем, как правильно создать и настроить многоязычный WordPress-сайт, избегая типичных ошибок.

Краткое содержание

1. Выбор стратегии перевода и структуры сайта

1.1 Три подхода к созданию многоязычного сайта:

Вариант A: Поддомены (рекомендуется для SEO)

text
- example.com (основной язык)
- en.example.com (английский)
- de.example.com (немецкий)
- fr.example.com (французский)

Вариант B: Подпапки (самый популярный)

text
- example.com/ru/
- example.com/en/
- example.com/de/

Вариант C: Разные домены (для отдельных рынков)

text
- example.ru (русский)
- example.de (немецкий)
- example.fr (французский)

1.2 Критерии выбора:

  • Поддомены: Лучше для SEO, сложнее в настройке
  • Подпапки: Проще в управлении, хуже для геотаргетинга
  • Разные домены: Максимальный контроль, высокая стоимость

2. Выбор плагина для перевода: сравнение топ-решений

2.1 WPML (WordPress Multilingual Plugin) — $39/год

Плюсы:

  • Самый популярный (500k+ установок)
  • Полная поддержка тем и плагинов
  • Интеграция с переводческими сервисами

Минусы:

  • Дороже конкурентов
  • Может замедлить сайт

2.2 Polylang — бесплатно (Pro: 99€/год)

Плюсы:

  • Бесплатная версия с базовым функционалом
  • Легкий и быстрый
  • Интуитивный интерфейс

Минусы:

  • Меньше возможностей в бесплатной версии
  • Сложнее с SEO-настройкой

2.3 Weglot — от 99€/год

Плюсы:

  • Автоматический перевод + ручная правка
  • Простая настройка (10 минут)
  • Не замедляет сайт

Минусы:

  • Дорогой при большом количестве слов
  • Зависимость от облачного сервиса

2.4 TranslatePress — бесплатно (Pro: 79€/год)

Плюсы:

  • Перевод прямо на странице (визуальный редактор)
  • Поддержка WooCommerce
  • SEO-дружественный

Минусы:

  • Может быть сложным для больших сайтов

3. Пошаговая настройка многоязычного сайта с WPML

Шаг 1: Установка и активация

  1. Купите лицензию на wpml.org
  2. Установите плагин через WordPress
  3. Активируйте с помощью ключа

Шаг 2: Настройка языков

text
WPML → Языки:
1. Добавить язык: Английский (English)
2. Добавить язык: Немецкий (Deutsch)
3. Порядок языков: Русский → Английский → Немецкий

Шаг 3: Настройка перевода контента

text
WPML → Настройки:
- Автоматически создавать переводы страниц: Да
- Разрешить переводить медиафайлы: Да
- Синхронизировать даты публикации: Да

Шаг 4: Настройка перевода тем и плагинов

php
// В файле wp-config.php добавьте: define('ICL_DONT_LOAD_LANGUAGE_SELECTOR_CSS', true); define('ICL_DONT_LOAD_LANGUAGES_JS', true);

4. Перевод контента: стратегии и инструменты

4.1 Что нужно переводить в первую очередь:

  1. Главные страницы: Главная, О нас, Контакты
  2. Услуги/товары: Все продукты и услуги
  3. Блог: Самые популярные статьи
  4. Системные сообщения: Кнопки, уведомления, ошибки

4.2 Автоматический перевод vs Ручной:

Автоматический (DeepL, Google Translate):

  • Быстро и дешево
  • Качество 70-80%
  • Требует проверки

Ручной (профессиональный переводчик):

  • Высокое качество
  • Дорого и медленно
  • Для ключевых страниц

Гибридный подход (рекомендуется):

  • Автоматический перевод всего контента
  • Ручная проверка главных страниц
  • Пост-редактирование (MTPE)

4.3 Инструменты для переводчиков:

  • Poedit — для файлов .po/.mo
  • Lokalise — платформа для команд
  • Smartcat — маркетплейс переводчиков
  • MateCat — бесплатный CAT-инструмент

5. SEO для многоязычных сайтов

5.1 Правильная разметка hreflang (обязательно!)

html
<link rel="alternate" hreflang="ru" href="https://example.com/ru/" /> <link rel="alternate" hreflang="en" href="https://example.com/en/" /> <link rel="alternate" hreflang="de" href="https://example.com/de/" /> <link rel="alternate" hreflang="x-default" href="https://example.com/" />

5.2 Настройка в Google Search Console:

  1. Добавьте каждую языковую версию отдельно
  2. Настройте геотаргетинг для каждого языка
  3. Отправьте отдельные sitemap для каждого языка

5.3 Генерация карты сайта:

xml
<!-- sitemap-ru.xml --> <url> <loc>https://example.com/ru/</loc> <xhtml:link rel="alternate" hreflang="en" href="https://example.com/en/"/> <xhtml:link rel="alternate" hreflang="de" href="https://example.com/de/"/> </url>

6. Перевод WooCommerce магазина

6.1 Критические элементы для перевода:

  1. Названия товаров и описания
  2. Атрибуты (цвет, размер, материал)
  3. Вариации товаров
  4. Электронные письма (заказ, доставка)
  5. Страницы оплаты и доставки

6.2 Настройка валют и цен:

text
WooCommerce → Настройки → Валюта:
- Основная валюта: RUB
- Автоматическое конвертирование валют: Да
- Курс обновления: Ежедневно

6.3 Плагины для мультивалютности:

  • WooCommerce Multi-Currency (WPML)
  • Currency Switcher for WooCommerce
  • Aelia Currency Switcher

7. Перевод тем и плагинов

7.1 Локализация темы:

  1. Скачайте .po файл темы с WordPress.org
  2. Отредактируйте в Poedit
  3. Загрузите .mo файл в /wp-content/languages/themes/

7.2 Перевод кастомных полей ACF:

php
// Для Advanced Custom Fields: add_filter('acf/settings/save_json', 'my_acf_json_save_point'); function my_acf_json_save_point($path) { return get_stylesheet_directory() . '/acf-json'; }

7.3 Перевод динамического контента:

  • Шорткоды: Используйте условные теги
  • Виджеты: Создайте отдельные виджеты для каждого языка
  • Меню: Переведите каждый пункт меню отдельно

8. Производительность многоязычного сайта

8.1 Оптимизация скорости:

  1. Кеширование: Настройте отдельный кеш для каждого языка
  2. CDN: Используйте CDN с поддержкой геолокации
  3. Ленивая загрузка: Для изображений и переведенного контента

8.2 Плагины для оптимизации:

  • WP Rocket с мультиязычной поддержкой
  • LiteSpeed Cache с исключениями для языковых переключателей
  • Autoptimize с раздельными файлами CSS/JS

8.3 Мониторинг производительности:

bash
# Проверка скорости для каждого языка
webpagetest.org - URL: example.com/ru/
webpagetest.org - URL: example.com/en/
webpagetest.org - URL: example.com/de/

9. Дизайн и UX многоязычного сайта

9.1 Размещение языкового переключателя:

Рекомендуемые места:

  1. Верхний правый угол (десктоп)
  2. Меню-гамбургер (мобильные)
  3. Футер сайта

Чего избегать:

  • Слишком маленькие флажки
  • Выпадающие списки на мобильных
  • Отсутствие текстовых подписей

9.2 Пример кода переключателя:

php
<?php 
// В header.php
if (function_exists('icl_get_languages')) {
    $languages = icl_get_languages('skip_missing=0');
    if (!empty($languages)) {
        echo '<div class="language-switcher">';
        foreach($languages as $l) {
            echo '<a href="'.$l['url'].'" class="'.($l['active']?'active':'').'">';
            echo $l['language_code'];
            echo '</a>';
        }
        echo '</div>';
    }
}
?>

9.3 Адаптация дизайна:

  • Арабский: Справа налево (RTL)
  • Китайский: Другой шрифт, больше места
  • Немецкий: Длинные слова, больше места

10. Юридические аспекты

10.1 GDPR и многоязычные сайты:

  1. Политика конфиденциальности на всех языках
  2. Согласие на cookies на родном языке
  3. Формы подписки с четким согласием

10.2 Плагины для соответствия:

  • Cookie Notice & Compliance
  • GDPR Cookie Consent
  • WP AutoTerms

10.3 Региональные требования:

  • ЕС: GDPR, ePrivacy
  • Калифорния: CCPA
  • Россия: 152-ФЗ о персональных данных

11. Тестирование и QA

11.1 Чек-лист тестирования:

  • Все страницы доступны на всех языках
  • Переключатель языков работает правильно
  • Нет смешанного контента (половина на одном языке)
  • Формы работают на всех языках
  • Email-уведомления отправляются на правильном языке
  • SEO-теги корректны (hreflang, canonical)
  • Дата и время отображаются в правильном формате

11.2 Инструменты для тестирования:

  • Screaming Frog — проверка hreflang
  • DeepL — проверка качества перевода
  • BrowserStack — тестирование на разных устройствах

12. Масштабирование и поддержка

12.1 Контент-стратегия для нескольких языков:

  1. Централизованное управление: Одна команда контролирует все языки
  2. Локальные команды: Отдельные редакторы для каждого языка
  3. Гибридный подход: Центральный контроль + локальная адаптация

12.2 Плагины для управления командой:

  • Advanced Access Manager — ролевая модель
  • PublishPress Capabilities — управление правами
  • TranslatePress Collaborations — совместная работа

12.3 Автоматизация обновлений:

php
// Автоматическое обновление перевода add_filter('auto_update_translation', '__return_true');

13. Аналитика и отслеживание

13.1 Настройка Google Analytics 4:

javascript
// Отслеживание языка пользователя gtag('config', 'GA_MEASUREMENT_ID', { 'custom_map': {'dimension1': 'user_language'} });

13.2 Метрики для отслеживания:

  1. Конверсия по языкам
  2. Время на сайте по языкам
  3. Отказы по языкам
  4. География пользователей

13.3 A/B тестирование для разных языков:

  • Google Optimize с мультиязычной поддержкой
  • Nelio A/B Testing
  • Optimizely

14. Частые проблемы и решения

Проблема 1: Дубли контента

Решение: Правильная настройка hreflang и canonical тегов

Проблема 2: Смешанный контент

Решение: Проверка всех строк перевода через String Translation

Проблема 3: Медленная загрузка

Решение: Ленивая загрузка переводов, кеширование

Проблема 4: Плохой SEO

Решение: Отдельные sitemap, геотаргетинг в GSC

Проблема 5: Сложность поддержки

Решение: Автоматизация переводов, четкие процессы

15. Бюджет и стоимость

15.1 Оценка стоимости многоязычного сайта:

  • Плагины: $50-500/год
  • Перевод: $0.10-0.30/слово
  • Настройка: $500-2000 (разово)
  • Поддержка: $100-500/месяц

15.2 Экономия на переводах:

  1. Используйте машинный перевод с пост-редактированием
  2. Переводите только ключевой контент
  3. Используйте глоссарий для повторяющихся терминов

16. Полезные ресурсы

Бесплатные инструменты:

  1. Poedit — редактор .po файлов
  2. Google Translate API (бесплатный лимит)
  3. DeepL (бесплатный API до 500k символов)

Сообщества и форумы:

  1. WPML Forums — официальная поддержка
  2. WordPress Polyglots — сообщество переводчиков
  3. Localization Lab — ресурсы по локализации

Онлайн-курсы:

  1. WPML Official Course — сертификация
  2. Coursera: Localization — общие принципы
  3. Udemy: WordPress Multilingual — практические навыки

Заключение

Создание многоязычного сайта — это инвестиция в рост вашего бизнеса. Начните с 2-3 ключевых языков, отточите процессы, и затем масштабируйтесь. Помните: лучше иметь качественный перевод на два языка, чем плохой на десять.

Главный совет: Не экономьте на переводе ключевых страниц (продающих, услуг, контактов). Ошибки в переводе могут стоить вам клиентов.