หน้าแรก ข่าวสารและบทความПеревод сайта на арабский и иврит: что меняется, когда текст пишут справа налево

Перевод сайта на арабский и иврит: что меняется, когда текст пишут справа налево

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

Что такое RTL и какие языки так пишутся

RTL (right-to-left) означает письмо справа налево. Так пишутся арабский, иврит, персидский (фарси), урду, пашто и курдский (сорани). Направление текста влияет не только на порядок букв в строке. Меняется то, как браузер выравнивает абзацы, где располагаются отступы, какую сторону имеет прокрутка в карточках и галереях.

Важно понимать, что RTL-язык не означает «перевернутый сайт». Структура содержимого остаётся той же, но всё, что связано с направлением чтения, нужно пересмотреть. Для веб-разработчика это значит, что страница должна получить атрибут dir="rtl" и корректный атрибут lang (например, ar или he), иначе браузер и поисковые системы могут обработать контент неправильно.

Зеркальный интерфейс: меню, иконки и стрелки

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

Меню, как правило, переезжает вправо. Поле поиска и иконка лупы тоже смещаются, так что пользователь ищет их там, где привык. Чтобы не править вёрстку вручную для каждого блока, используйте логические свойства CSS: вместо margin-left пишите margin-inline-start, вместо text-align: left пишите text-align: start. Тогда одна и та же разметка корректно работает в обоих направлениях.

Удобно зафиксировать правила в виде короткого списка для команды:

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

Смешанный текст: цифры, латиница и бренды

Самая коварная часть RTL-локализации касается смешанного текста. Допустим, в арабском предложении есть номер заказа 4521, название валюты USD и название вашего бренда на латинице. Браузер применяет алгоритм двунаправленного текста (bidi), и знаки препинания могут «уехать» не туда. Например, точка в конце фразы или двоеточие перед числом оказываются в неожиданном месте, и читатель с трудом понимает смысл.

Решается это несколькими способами. Для отдельных фрагментов, например, названий брендов, кодов и идентификаторов, можно использовать обёртку с атрибутом dir="ltr". В некоторых случаях помогают невидимые управляющие символы направления, но их лучше применять точечно, так как они усложняют поддержку текста.

Отдельно договоритесь о цифрах. В арабском языке существуют арабско-индийские цифры, но в интернет-контенте и в деловой переписке широко используются обычные западные цифры 0–9. Решение зависит от аудитории и страны, но его нужно принять до начала перевода, а не в момент вёрстки. То же касается написания брендов: записывать ли название арабской вязью или ивритом, или оставить латиницу. Это бизнес-решение, и его стоит зафиксировать в глоссарии.

Шрифты, высота строки и длина текста

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

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

Длина текста тоже меняется. Арабские переводы часто получаются длиннее английского оригинала, поэтому кнопки и заголовки с фиксированной шириной ломаются первыми. Например, если кнопка «Оформить заказ» в английской версии вмещается в 140 пикселей, арабская может не поместиться и обрезаться. Используйте гибкую ширину, а при проектировании проверяйте самую длинную строку из перевода, а не короткую.

Культурная адаптация изображений и примеров

Перевод слов — лишь часть адаптации. Изображения и примеры должны соответствовать ожиданиям аудитории, иначе даже безупречный текст не спасёт впечатление. Посмотрите на фотографии: одежда моделей, состав семей, обстановка, символика. Ожидания аудитории в разных странах Ближнего Востока заметно отличаются, поэтому универсального набора нет. Например, фото модели в купальнике в каталоге одежды для стран Персидского залива может оказаться неуместным, а в Израиле тот же кадр может выглядеть вполне обычным.

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

Отдельный вопрос — даты и календарь. В Израиле в деловой среде обычно используется григорианский календарь, а в некоторых арабских странах в официальных и религиозных контекстах может использоваться хиджра. Формат даты (день-месяц-год или месяц-день-год) тоже нужно уточнить, особенно если сайт принимает заказы с датами доставки.

Наконец, рекламные слоганы и игра слов почти никогда не переводятся напрямую. Лучше сделать адаптацию, сохранив смысл и тон.

Тестирование с носителем языка

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

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

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

Вывод

Перевод сайта на арабский или иврит — это совместная работа переводчика, дизайнера и разработчика. Чем раньше учитывается направление письма, тем меньше переделок. Закладывайте RTL уже на этапе макетов: используйте логические свойства CSS, гибкие размеры кнопок, шрифты с полной поддержкой письменности. Составьте глоссарий и правила для брендов, цифр и дат. Передавайте переводчику скриншоты и контекст, а не только таблицу строк.

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