Мультиязычный сайт с ивритом (RTL): что заложить с первого дня

Перевод — самая простая часть

Для компаний в Израиле сайт на иврите, английском, а часто и на русском — норма. Тексты можно перевести за неделю. Планировать нужно всё вокруг них: как поисковики найдут каждую версию, как пользователь переключит язык и как поведёт себя макет, нарисованный слева направо, когда его придётся читать справа налево.

Отдельный URL для каждого языка

Дайте каждому языку свой адрес — например, /en/, /ru/ и /he/. Поисковики индексируют адреса, а не cookies или настройки браузера, поэтому версия, которая появляется только после переключения скриптом, может вообще не попасть в поиск.

• Свяжите версии тегами hreflang: каждая страница перечисляет все свои языковые версии, включая саму себя
• Добавьте версию x-default для посетителей, чей язык вы не поддерживаете
• Переводите title, meta description и, где это уместно, адреса страниц

Предлагайте, а не навязывайте

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

RTL — это зеркало, а не перевод

Атрибуты dir="rtl" и lang="he" переворачивают направление текста, но CSS должен им помогать. Используйте логические свойства — margin-inline-start вместо margin-left, padding-inline-end вместо padding-right, — и одна таблица стилей будет работать в обе стороны.

• Отражайте навигацию, стрелки, индикаторы прогресса и слайдеры
• Не отражайте логотипы, фотографии, кнопки медиаплеера, номера телефонов и цены
• Смешанный текст — английские названия или цифры внутри фраз на иврите — нужно тестировать; изолировать его помогает элемент bdi
• Формы: поля email и URL остаются слева направо даже на ивритской странице

Продумайте работу с контентом

Языки расходятся, когда обновить один легко, а остальные — «потом». Выбирайте CMS или админ-панель, где у каждого текста поля для всех языков стоят рядом, и решите, кто утверждает каждый перевод. Машинный перевод — хороший черновик, но маркетинговые тексты на иврите должен проверить носитель языка.

Тестируйте на живых людях

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

Ещё две статьи по теме: как выбрать шрифты для латиницы, кириллицы и иврита и требования стандарта доступности IS 5568, которым должен соответствовать каждый израильский сайт. Отдельные URL и hreflang — ещё и основа мультиязычного SEO, а многостраничные сайты мы делаем на всех трёх языках.

Планируете сайт на иврите, английском и русском? Codearia делает мультиязычные сайты с полной поддержкой RTL — расскажите нам о проекте.