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

Наш собственный сайт существует на трёх языках: английском, русском и украинском. Не как запоздалая мысль, не как машинный перевод, налепленный поверх английского оригинала, а как три версии, о которых мы реально думаем отдельно, когда проектируем что-то новое.

Большинство агентств относятся к мультиязычным сайтам так же, как к мобильной адаптивности: галочка, плагин, переключатель в шапке. Сначала дизайн, потом перевод строк, потом публикация перевода.

Этот процесс отлично работает для лендинга, продающего один продукт одному рынку.

Он разваливается в тот момент, когда языки, это не просто разная лексика для одной аудитории, а разные аудитории с разными ожиданиями, разными привычками чтения и разными отношениями с брендом.

Мультиязычный сайт, это не один дизайн, переведённый трижды.

Это цифровая система, спроектированная работать сразу для разных языков, аудиторий, рынков и постоянных контент-операций.

Длина текста ломает вёрстку

Длина текста ломает вёрстку

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

Одно и то же предложение на английском, русском и украинском редко имеет одинаковую длину. Немецкий известен тем, что растягивается. Русский и украинский обычно на 15-25% длиннее английского при том же смысле. Китайский часто получается заметно компактнее.

Кнопка с надписью «Book a Call» комфортно помещается на английском.

Русский эквивалент, «Записаться на звонок», почти вдвое длиннее по количеству символов.

Пункт навигации, что аккуратно умещается в одну строку на английском, может перенестись на две строки на русском и сломать весь вертикальный ритм шапки.

Спроектируй вёрстку сначала на английском, и любой другой язык становится заплаткой.

Кнопки, размеченные под английский текст, начинают обрезаться. Навигация, built под короткие английские подписи, начинает непредсказуемо переноситься.

Решение не в том, чтобы просто увеличить запасной размер шрифта. Решение в том, чтобы проектировать компоненты с достаточным запасом гибкого пространства с самого начала, так что значительное увеличение длины ничего не ломает, и тестировать каждый компонент на самом длинном языке, не на самом коротком.

Типографика не универсальна

Типографика не универсальна

Шрифт, выбранный за то, как он выглядит на английском, не обязательно так же хорош в кириллице.

У некоторых шрифтов прекрасно прорисованы латинские символы и еле поддерживаемый кириллический набор, добавленный почти как запоздалая мысль: неровные толщины штрихов, неуклюжие формы букв, интервалы, которые никто и никогда не тестировал глазами человека, читающего кириллицу каждый день.

То же самое работает и в обратную сторону.

У шрифта с великолепной поддержкой кириллицы может быть невзрачный латинский алфавит.

Выбирать шрифт для мультиязычного сайта означает проверять каждую систему письма с равной строгостью, а не выбирать шрифт под основной язык и надеяться, что остальные унаследуют его качество.

Межстрочный интервал, трекинг и даже пунктуационные конвенции тоже смещаются.

У русской и украинской типографики свои конвенции кавычек, свои правила для тире в диалогах, свои комфортные длины строк для чтения.

Импортировать английские типографические умолчания целиком, значит получить текст, который выглядит технически правильным и читается чуть чужим для носителя языка.

Некоторые языки меняют интерфейс

Некоторые языки меняют интерфейс

Английский, русский и украинский часто могут делить один и тот же базовый интерфейс, даже когда типографика и длина текста различаются.

Это допущение становится намного слабее, когда меняется сама система письма.

Арабский вводит чтение справа налево и направление интерфейса.

Навигацию, выравнивание, иконки и визуальный поток страницы, возможно, придётся пересматривать, а не просто переводить.

Китайский создаёт свой набор соображений.

Текст может быть заметно компактнее, типографика ведёт себя иначе, и в зависимости от рынка и продукта навигацию, поиск, иерархию информации и паттерны взаимодействия, возможно, тоже придётся пересматривать.

Это не просто переводческие проблемы.

Иногда смена языка означает смену интерфейса.

Поэтому мультиязычная дизайн-система нуждается в достаточной гибкости, чтобы вмещать разные системы письма и паттерны взаимодействия с самого начала.

Перевод, это не транскреация

Перевод, это не транскреация

Самая глубокая проблема не визуальная. Она в том, что буквальный перевод хорошего английского текста редко становится хорошим текстом на целевом языке.

Английский маркетинговый текст опирается на короткие, резкие фрагменты предложений, прямое обращение и определённый ритм, идущий из самого языка.

Переведи этот ритм слово в слово на русский, и он часто звучит скованно, или того хуже, как будто написан человеком, который на самом деле не говорит на этом языке.

Переведённое предложение и транскреированное предложение могут говорить одно и то же и звучать совершенно по-разному.

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

Заголовку, что работает за счёт английской игры слов, может понадобиться совершенно другой заголовок на русском, построенный вокруг русской игры слов, а не переведённая версия английской шутки, которая больше не работает.

Именно здесь большинство агентств срезают углы, потому что транскреация требует реальной свободного владения языком и реального времени, а у переводческого API этого нет.

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

AI переводит, но не завершает

AI переводит, но не завершает

AI изменил экономику мультиязычного контента.

Первый перевод, что раньше занимал часы, теперь можно сгенерировать за минуты.

Для крупных сайтов это делает начальную локализацию кардинально быстрее и практичнее, особенно когда речь о сотнях или тысячах страниц.

Но сгенерированный перевод, это не то же самое, что готовый контент.

AI может перевести слова корректно, но всё равно упустить то, как люди на конкретном рынке реально говорят, ищут, сравнивают продукты или понимают бренд.

Страница услуги может быть грамматически безупречной и всё же звучать неестественно. Описание продукта может сохранить смысл, но потерять эмоциональный тон.

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

Более удачный рабочий процесс ближе к следующему:

Создать → AI-перевод → Проверка → Адаптация → Транскреация где нужно → Публикация

AI чрезвычайно полезен для первого прохода.

Он отлично справляется с объёмом, консистентностью и повторяющейся работой.

Но финальный вопрос не должен звучать: «AI перевёл это правильно?»

Он должен звучать: «Написал бы это так человек, который реально говорит на этом языке и понимает этот рынок?»

Не каждому куску контента нужна транскреация.

Техническая спецификация может требовать только точного перевода. Заголовку кампании или люксовому бренд-посланию может понадобиться полная транскреация.

AI должен снижать стоимость локализации.

Он не должен снижать стандарт качества.

Формальность и культурный сдвиг

Формальность и культурный сдвиг

Английский во многом стёр различие формального и неформального обращения.

«You» работает независимо от того, обращаешься ты к незнакомцу, клиенту или близкому другу.

Русский и украинский это различие вообще не стёрли.

Выбор между ты и вы, ти и ви, это не деталь перевода.

Это брендовое решение, которое меняет то, как ощущается весь сайт.

B2B-сайт, нацеленный на закупочные команды в корпорациях, вероятно, хочет формальное вы повсюду, тогда как молодёжный потребительский бренд может намеренно выбрать неформальное ты.

Ошибись здесь, и несоответствие сразу почувствует носитель языка, даже если не всегда сможет сформулировать, почему текст ощущается не так.

Английский не даёт никакого сигнала, какой выбор сделать, потому что у английского изначально нет этого выбора.

Это должно быть осознанное решение, принятое один раз, рано, и затем последовательно применённое на каждой странице, каждой кнопке и каждом сообщении об ошибке.

Образы, метафоры и культурные отсылки, что идеально ложатся для американской или западноевропейской аудитории, иногда ложатся странно, или вообще никак, для другого рынка.

Метафоре, построенной вокруг культурно специфичного праздника, вида спорта или исторической отсылки, нужен реальный эквивалент, а не буквальный перевод отсылки, которую никто на целевом рынке не узнает.

То же самое касается визуального контента.

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

Что считается убедительным социальным доказательством, приемлемой прямотой в продающем тексте, или заслуживающим доверия продуктом, всё это варьируется по рынкам.

Поэтому глобальная дизайн-система не должна означать одинаковый контент везде.

Она должна давать последовательный каркас, оставляя достаточно места, чтобы каждый рынок ощущался родным.

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

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

Запуск нового языка не заканчивается, когда перевод загружен.

С этого момента каждый язык становится ещё одной версией сайта, которую нужно поддерживать.

Новую страницу услуги нужно создать на каждом релевантном языке.

Новый кейс нужно опубликовать и локализовать.

Продукты, цены, изображения и подписи меняются. Публикуются новые статьи.

Устаревшую информацию нужно обновить или убрать.

А иногда сам контент нужно адаптировать, а не просто перевести.

Это значит, что мультиязычный сайт создаёт постоянное операционное требование: кто-то должен владеть каждым языком.

Бизнесу нужно знать:

• кто создаёт оригинальный контент
• кто переводит или адаптирует его
• кто его проверяет
• кто публикует
• кто держит версии синхронизированными
• кто обновляет устаревшую информацию
• и что происходит, когда один язык намеренно отличается по содержанию от другого

Иначе английская версия может иметь 50 статей, вторая версия 32, а третья 11, причём новейший кейс существует только на одном языке.

Технически все три языка доступны.

Операционно сайт рассказывает посетителям три разные версии истории компании.

Переключатель языка создаёт ожидание. Бизнес должен быть готов поддерживать то, что обещает за этим переключателем.

Для крупных сайтов мультиязычный контент становится собственным рабочим процессом: Создать → Перевести → Проверить → Опубликовать → Обновить → Архивировать

И этот процесс должен работать через страницы, услуги, продукты, кейсы, блог-контент и другие типы контента.

Мультиязычный сайт поэтому не только UX/UI-проблема.

Это ещё и проблема управления контентом, governance и операционная проблема.

Мультиязычное SEO, это не перевод

Мультиязычное SEO, это не перевод

Язык сайта также меняет то, как его находят.

Переведённая страница автоматически не создаёт локализованное поисковое присутствие.

Разные рынки могут использовать разную терминологию для одного и того же продукта или услуги.

Поисковое намерение может меняться.

Ключевые слова могут меняться.

Страницы, которые заслуживают существовать, могут меняться.

Даже внутреннюю перелинковку и иерархию контента, возможно, придётся пересмотреть.

Потом есть технический слой: локализованные URL, метаданные, структурированные данные, языковые сигналы и реализация hreflang, всё это должно работать вместе.

Страница может быть идеально переведена и всё равно плохо работать на другом рынке, потому что она никогда реально не была локализована для поиска.

Это ещё одна причина, почему мультиязычный дизайн и контент-стратегию нельзя полностью отделить от SEO.

Ты не просто публикуешь ту же информацию на другом языке, ты создаёшь ещё одну точку входа в бизнес.

Стоимость за пределами разработки

Стоимость за пределами разработки

Стоимость мультиязычного сайта, это не только стоимость проектирования и разработки дополнительных языковых версий.

Это ещё и стоимость строительства и поддержки того, что бизнесу на самом деле может быть не нужно.

Добавление ещё одного языка означает больше контента для создания, перевода и поддержки, больше страниц для проектирования, больше SEO-работы и больше постоянных редакторских усилий.

Поэтому правильный вопрос не: «Сколько языков мы можем добавить?»

А: «Какие языки бизнесу реально нужны?»

Компания может обнаружить, что один рынок генерирует почти весь спрос, тогда как другой язык добавляет мало коммерческой ценности, зато создаёт сотни страниц и постоянную нагрузку на поддержку.

То же самое касается глубины локализации.

Не каждой странице нужно существовать на каждом языке, и не каждому куску контента нужен немедленный перевод или одинаковая глубина.

Цель не в том, чтобы максимизировать число языков.

Цель в том, чтобы распределить время и ресурсы бизнеса туда, где они создают максимум ценности.

Иначе мультиязычный сайт может стать впечатляющей коллекцией идеально переведённых страниц, которые никому на самом деле не нужны.

Заложить внутрь, не сверху

Заложить внутрь, не сверху

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

Каждый компонент проходит стресс-тест на самом длинном языке набора, прежде чем его утвердят.

Каждый шрифт проверяется в каждой системе письма, которую сайт реально будет использовать.

Каждый кусок текста пишется, а не просто переводится, человеком, который думает на этом языке от природы.

CMS должна поддерживать контент-процесс.

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

SEO-архитектура должна поддерживать локализованный поиск.

А бизнес должен быть готов поддерживать языки, которые решает запустить.

Это более медленный и дорогой процесс, чем перевести готовый английский сайт.

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

Мы прошли ровно этот процесс, строя собственный сайт на английском, русском и украинском, и это сформировало решения, которые мы бы не приняли, проектируя под один язык: как размечаются лейблы навигации, как кнопки обрабатывают переменную длину текста, как формальность остаётся последовательной.

Это также подтвердило то, что мы регулярно видим в международных проектах: локализация, это не то, что происходит после дизайна.

Это одно из ограничений, которое должно формировать дизайн с самого начала.

Хорошему мультиязычному сайту не обязательно иметь одинаковое число страниц, одинаковый текст или идентичные изображения на каждом языке, и не обязательно требовать одинаковый интерфейс для каждого рынка.

Что должно оставаться последовательным, это базовая система:

бренд, стандарт качества, ключевой опыт и логика, что держит всё вместе.

Всё остальное должно иметь достаточно гибкости, чтобы реагировать на язык, рынок и аудиторию, которую обслуживает.

Потому что цель не в том, чтобы сделать сайт технически доступным на десяти языках.

Цель в том, чтобы сделать сайт, что реально работает на рынках, которые важны бизнесу.

Мультиязычный сайт, это не один интерфейс с разными словами. Это система, спроектированная под разные языки, аудитории и реальности.

Если ты строишь или переделываешь сайт больше чем под один языковой рынок, важные вопросы должны получить ответ до того, как начнётся перевод.

Какие языки реально важны бизнесу? Что нужно изменить в дизайн-системе? Какому контенту нужен перевод, адаптация или транскреация? Как будет использоваться AI, и где остаётся необходим человеческий контроль? Что нужно архитектуре, стоящей за всем этим?

Мы подробнее писали о выборе правильного партнёра для разработки в статье Как выбрать компанию для веб-разработки, и о техническом долге, что вскрывается во время редизайна, в статье Скрытый технический долг, из-за которого редизайн сайта стоит дороже плана.