Мультиязычные проекты:

- Разработка - Продвижение - Подводные камни

!

Зачем это всё?

Может по-английски понятнее?

Hot Sale Anonymous Mask Sexy Man Sticker Car Window Truck Bumper Auto SUV Door Laptop Kayak Art Wall Etc Vinyl Decal 8

Colors

⋆ С чего всё начинается• Русская версия сайта уже есть, хотим вторую

• Сейчас мы в России, но начинаем завоёвывать несколько стран одновременно

• Пока стартуем в России, но потом добавляем другие страны

• Стартуем сразу несколько стран одновременно

# Определяемся с ситуацией• Поддерживает ли текущая CMS создание многоязычных сайтов

• Есть ли у нас весь контент на всех нужных нам языках

• Насколько срочно нужна каждая языковая версия

• Действительно ли языковая версия нужна прямо сейчас?

Пример из жизни

Подход №1: языковой клон сайтаЧто делаем: - полностью копируем сайт на другой домен- переводим контент на нужный язык- не забываем поменять URL внутри сайтаПлюсы: - быстро - дёшево- всё уже работаетМинусы: - затратно сопровождать 2 версии одновременно- перевод контента нужен сразу- тяжело уследить за изменениями

Подход №2: костыли к текущему сайту

Что делаем: - расширяем функционал CMS до поддержки других языковПлюсы:- можно сделать всё по-хорошему- кажется, что это быстро и правильноМинусы: - не быстро - высока вероятность ошибок- высока цена ошибки- разработчики в гневе

Подход №3: Начать с нуляЧто делаем: - разрабатываем с нуля заранее мультиязычный сайт с одним ядром- закладываем все будущие планы по развитию в других странахПлюсы: - гарантированное качество, при правильном управлении- гибкость и неограниченность в возможностях- разработчики будут счастливы Минусы: - не быстро - не дёшево

$ Связка языковых версий• Общие продукты, характеристики

• Схожая структура

• Схожие связи между сущностями(например: продукт -> сопутствующие услуги)

• Единая система авторизации, личный кабинет, история заказов

• Одни изображения

• Цены

• и так далее…

! Что переводить?• Новости и контентные страницы

• Категории, продукты

• Свойства продуктов и их значения

• Виджеты, сообщения, навигационные элементы

• Комментарии и отзывы** с возможностью посмотреть оригинальный текст

• URL, META-теги

• Валюта

• E-Mail рассылки

• Админка

% Ускоряем процессПроблема:Контента много, а выкатываться хотим по мере готовности перевода.

Решение:- Заранее предусматриваем статус публикации(вкл./выкл.) языковой версии контента.- Пока не опубликован - на сайте не появляется.- Для случайных переходов 302 редирект с пометкой о неготовности перевода.

& Эффективный интерфейс1. Один контент-менеджер видит только свой язык

2. Контент-менеджер видит несколько языков:Редактируем одну сущность на одной странице с переключением между языками.

' Продвижение - SEO1. Правильная структура URL-адресов и/или доменов

2. Возможность индексации всех языковых версий без применения JavaScript и использования Cookie

3. Использование hreflang для указания версии текущей страницы на другом языке

4. Не забыть про roots.txt и sitemap.xml

5. Придерживаться в обозначениях языков ISO 639-1 или ISO 3166-1 Alpha 2

( SEO - региональный доменКаждому языку - свой домен.

Например: example.ru, example.de, example.in

Плюсы:- легко определить «на глаз» принадлежность к языку по домену- быстрая автоматическая привязка домена к языку в поисковике

Минусы:- домены могут быть недоступны для регистрации - cookie распространяется только на конкретный домен

… SEO - поддоменыКаждому языку - свой поддомен.

Пример: de.example.com, ru.example.com

Плюсы:- можно привязать к языку через панели вебмастеров поисковика каждый отдельный поддомен- cookie можно привязать к домену верхнего уровня - пользователи будут авторизованы на всех языковых версиях одновременно

Минусы:- если главный домен - региональный(например: example.in) - могут возникнуть проблемы в привязке** К примеру, домены в зоне .in практически невозможно привязать к России в Google без помощи поддержки.

* SEO - папка для языкаКаждому языку - своя папка внутри главного домена.

Пример: example.com/ru/, example.com/en/

Плюсы:- нет проблем с cookie

Минусы:- нельзя привязать к языку через панель в Яндексе- главный домен должен быть интернациональным

| Продвижение - не только SEOВ разных странах - разное всё:

- сегментация аудитории- востребованность конкретных продуктов- поисковый спрос- предпочтения аудитории- контексты и сценарии использования сайта- доставка и оплата- представления о доверии к организациии многое другое…

, Что нужно учесть заранее• Возможность подстраивать посадочные страницы, процесс заказа под ЦА и региональную специфику

• Отдельные связи для предложений, продвигаемых внутри сайта

• Кастомизация навигации по сайту

• Региональные единицы измерения(размер одежды, температура воздуха, расстояние и т.д.)

Пример: Xbox One - en-US

Пример: Xbox One - ru-RU

- Аналитика и юзабилити• Анализировать региональные версии нужно как по отдельности, так и вместе

• Одни и те же приёмы Usability могут работать в одной стране, но абсолютно не работать в другой

• Эксперименты с Usability и конверсией нужно проводить на правильной аудитории(язык, сегмент, объем и потребность)

• Социологические опросы могут помочь выявить неявную специфику языка и аудитории

. Бонус разработчикам на Yii2Open-Source расширение для Yii Framework 2 для разработки многоязычных сайтов: - поддержка региональных доменов, поддоменов и папок- управление и редактирование регионального контента- виджет переключения языка- hreflang- демо-блог- и многое другое

/ github.com/DevGroup-ru/yii2-multilingual

Лицензия: MIT

Вопросы?

Александр Кожевниковгенеральный директор «DevGroup»

0 dir@DevGroup.ru1 @bethrezen