Как правильно создавать арабские сайты с письмом справа налево
Автор Команда AsasWeb 1 мин чтения
Настоящий арабский сайт зеркалирует весь макет, а не только текст. Навигация, иконки и отступы должны переворачиваться вместе с направлением чтения, что проще всего сделать через логические свойства CSS, и каждая страница должна объявлять правильные атрибуты lang и dir, чтобы браузеры и программы чтения с экрана вели себя корректно. Арабскому также нужны свои шрифты и межстрочные интервалы, а единственная надёжная проверка это просмотр каждой страницы на арабском на реальных размерах экрана.
Добавление арабского языка на сайт часто воспринимают как перевод текста и на этом заканчивают. По-настоящему хорошему сайту с письмом справа налево нужно больше, потому что вся вёрстка должна зеркалиться, а именно в деталях большинство попыток терпит неудачу. Это то, что мы создаём часто, включая сайт, который вы читаете.
Зеркальте вёрстку, а не только слова
В языке с письмом справа налево направление чтения меняется, поэтому вёрстка должна переворачиваться вместе с ним. Навигация, иконки, шаги прогресса и отступы перемещаются, зеркаля новое направление. Чистый способ этого добиться это логические свойства CSS, которые позволяют одному набору компонентов корректно отображаться в обоих направлениях без дублирования стилей.
Корректно задавайте язык и направление
Каждая страница должна объявлять правильный язык и направление в элементе HTML, чтобы браузеры и программы чтения с экрана переключали направление чтения и голос. Это небольшая деталь с большим влиянием на то, как страница объявляется и понимается.
Типографика заслуживает внимания
У арабского есть собственные типографические потребности, от правильного шрифта до высоты строки и того, как ведут себя цифры и пунктуация в смешанном содержимом. Шрифт, выбранный для латинского текста, редко отдаёт должное арабскому, поэтому мы подбираем и настраиваем шрифт для каждой письменности.
Тестируйте на языке, а не в теории
Единственная надёжная проверка это просмотр каждой страницы на арабском, справа налево, на реальных размерах экрана. Вёрстка, которая выглядит нормально в зеркальном виде в инструменте, всё равно может ломаться на реальном содержимом, поэтому мы проверяем её страница за страницей.
Мы создаём многоязычные сайты, включая арабские с письмом справа налево, с фундамента, а не как дополнение. Посмотрите подход в нашем руководстве по многоязычному SEO или начните проект, чтобы выйти на арабоязычный рынок как следует.