Як правильно будувати арабські сайти та сайти з письмом справа наліво
Автор The AsasWeb team 1 хв читання
Якісний арабський сайт віддзеркалює весь макет, а не лише текст. Навігація, іконки та відступи мають перевертатися разом із напрямком читання, що найчистіше робиться через логічні властивості CSS, а кожна сторінка має оголошувати правильні атрибути lang і dir, щоб браузери та зчитувачі екрана поводилися коректно. Арабська також потребує власного вибору шрифтів і міжрядкових інтервалів, а єдина надійна перевірка: перегляд кожної сторінки арабською на реальних розмірах екранів.
Додавання арабської до сайту часто сприймають як переклад тексту, на чому й зупиняються. Справді хороший сайт із письмом справа наліво потребує більшого, бо весь макет має віддзеркалитися, а деталі це те, на чому провалюється більшість спроб. Це те, що ми будуємо часто, зокрема й сайт, який ви читаєте.
Віддзеркалюйте макет, а не лише слова
У мові з письмом справа наліво напрямок читання перевертається, тож макет має перевернутися разом із ним. Навігація, іконки, кроки прогресу й відступи переміщуються, щоб віддзеркалити новий напрямок. Чистий спосіб досягти цього це логічні властивості CSS, які дають змогу одному набору компонентів коректно відображатися в обох напрямках без дубльованих стилів.
Правильно задавайте мову й напрямок
Кожна сторінка має оголошувати правильну мову й напрямок на елементі HTML, щоб браузери й читачі екрана перемикали напрямок читання і голос. Це маленька деталь із великим впливом на те, як сторінка озвучується й сприймається.
Типографіка заслуговує на увагу
Арабська має власні типографічні потреби, від правильного гарнітура до висоти рядка і того, як цифри та пунктуація поводяться у змішаному вмісті. Шрифт, обраний для латинського тексту, рідко віддає належне арабській, тож ми обираємо й налаштовуємо шрифт для кожного письма.
Тестуйте мовою, а не в теорії
Єдина надійна перевірка це переглянути кожну сторінку арабською, справа наліво, на реальних розмірах екрана. Макет, який має гарний вигляд віддзеркаленим у інструменті, усе одно може поламатися на реальному вмісті, тож ми переглядаємо його сторінка за сторінкою.
Ми будуємо багатомовні сайти, зокрема арабські з письмом справа наліво, з основи, а не як надбудову. Подивіться підхід у нашому гіді з багатомовного SEO, або розпочніть проєкт, щоб належно вийти на арабськомовний ринок.