Английский, арабский и русский на одном сайте: hreflang, RTL и ошибки, из-за которых Google не видит страницы

Страница словаря крупным планом

Сайту в ОАЭ на нескольких языках нужен отдельный URL для каждой версии, например /en/, /ar/ и /ru/: Google советует разные адреса, а не переключение через cookies или настройки браузера, и язык он определяет по видимому тексту, а не по атрибуту lang. Каждая версия должна указывать в тегах hreflang себя и все остальные, иначе Google теги игнорирует. Арабским страницам нужен dir="rtl" и зеркальная вёрстка, а машинный перевод без вычитки может попасть под правило Google о масштабном спаме.

Главное в цифрах

ЧтоЗначениеИсточник
Как Google определяет языкПо видимому тексту; атрибут lang и URL не используютсяdevelopers.google.com
Один URL на языкРекомендуется вместо cookies и настроек браузераdevelopers.google.com
Автоматический редирект по IP или языкуGoogle не советуетdevelopers.google.com
Правило hreflangКаждая версия указывает себя и все остальные; односторонние теги игнорируютсяdevelopers.google.com
Допустимые кодыЯзык ISO 639-1 + необязательный регион ISO 3166-1 Alpha-2: ar-AE, en, rudevelopers.google.com
Направление арабского текстаdir="rtl" на элементе htmlw3.org
Массовый автоматический перевод без вычиткиПример масштабного спамаdevelopers.google.com

Какие языки нужны вашему бизнесу

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

БизнесАнглийскийАрабскийРусский
Ресторан, кафе, салон красоты в туристическом или экспатском районеДаМеню и главные страницыЕсли русскоязычных гостей заметная доля
Клиника, юридические или финансовые услугиДаДа, полностьюЕсли есть русскоязычный сотрудник, который ответит
Агентство недвижимостиДаДаДа, если продаёте покупателям из СНГ
B2B, IT, агентстваДаГлавные страницыТолько если есть русскоязычный продавец
Работа с госсектором или эмиратскими семьямиДаДа, полностью и в первую очередьРедко

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

Пустой уличный билборд на солнечном тротуаре
Пустой уличный билборд на солнечном тротуаре · Фото: Pexels

Один URL на язык

Google советует делать отдельный URL для каждой языковой версии, а не переключать язык через cookies или настройки браузера. Если язык меняется на том же адресе, Googlebot видит одну версию, а остальных для поиска не существует.

Варианты структуры, которые перечисляет Google:

СтруктураПримерКому подходит
Подпапкиexample.ae/ar/, example.ae/ru/Большинству компаний в Дубае: один домен, один хостинг, простая поддержка
Поддоменыar.example.aeЕсли у языков разные команды или платформы
Домены по странамexample.ae, example.saЕсли в каждой стране отдельный бизнес

Язык страницы Google определяет по видимому тексту. Он пишет, что не использует «языковую информацию на уровне кода, например атрибуты lang, или URL». Поэтому переводить нужно всю страницу, а не только меню и подвал: Google предупреждает, что перевод одного обрамления портит впечатление.

hreflang без ошибок

Теги hreflang говорят Google, что /en/services/, /ar/services/ и /ru/services/ — одна и та же страница на разных языках, и он показывает каждому нужную. Правила Google:

  1. Каждая версия указывает все версии, включая себя. Если английская ссылается на арабскую, а арабская обратно нет, теги игнорируются.
  2. Коды по ISO. Язык по ISO 639-1, необязательный регион по ISO 3166-1 Alpha-2. ar, ar-AE, en, ru — правильно. ar-UAE, en-UK и ru-RU-AE — нет.
  3. Добавьте x-default для версии, которую показывать, если язык не совпал, обычно английской.
  4. Выберите один способ: теги link в head страницы, HTTP-заголовки или XML-карта сайта.

Для страницы на трёх языках в head каждой версии стоят одинаковые четыре тега link с rel="alternate":

hreflanghref
enhttps://example.ae/en/services/
arhttps://example.ae/ar/services/
ruhttps://example.ae/ru/services/
x-defaulthttps://example.ae/en/services/

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

Ноутбук с кодом в синем свете
Ноутбук с кодом в синем свете · Фото: Pexels

Арабский — это другая вёрстка, а не только другой текст

Арабский читают справа налево. W3C советует ставить dir="rtl" на элемент html арабских страниц, чтобы браузер отзеркалил поток текста. Дизайн должен последовать за ним:

  • Зеркальте раскладку: меню и логотип уходят вправо, стрелки и кнопки «далее» разворачиваются. Пишите CSS на логических свойствах (margin-inline-start, а не margin-left), чтобы одна таблица стилей работала в обе стороны.
  • Кое-что оставьте слева направо: телефоны, цены в AED, почту, артикулы и английские названия брендов внутри текста.
  • Берите арабский шрифт, сделанный для экрана, и проверьте межстрочный интервал: арабскому нужно больше места по вертикали, чем латинице.
  • Проверьте формы: поля должны принимать арабский ввод, а телефоны — по-прежнему проходить проверку.

Перевод: что делать руками

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

СтраницаАрабскийРусский
Главная, услуги, цены, контактыНаписано носителем или полностью отредактированоНаписано носителем или полностью отредактировано
Меню, названия товаровОтредактировано, термины единообразныОтредактировано
Статьи блогаПереводите только те, о которых спрашивает аудиторияТо же
Юридические страницыПеревод от квалифицированного специалистаТо же

О чём молчат

Авторедиректы прячут страницы от Google. Google советует «не перенаправлять по догадке о языке пользователя». Сайт, который отправляет на /ru/ всех с русским браузером, может так же отправить Googlebot туда, куда он не просил.

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

Каждое обновление теперь стоит втрое. Цены, часы работы и акции меняются. Храните их в одном месте — общем файле данных или CMS, — чтобы все три версии обновлялись вместе.

Мнение Владимира Чернышева: хорошая русская страница лучше плохой арабской, и наоборот. Запускайте языки, на которых можете хорошо обслужить клиента, остальные добавляйте, когда появится человек, который ответит на сообщения. Юридическая сторона арабского — в гайде об арабском языке в ОАЭ, а как шрифты и скрипты влияют на скорость — в гайде о Core Web Vitals для сайтов в Дубае.

Частые вопросы

Писать в hreflang ar или ar-AE?

ar — если одна арабская версия для всех; ar-AE — только если у вас разные арабские страницы для разных стран. Регион должен быть кодом ISO 3166-1 Alpha-2: AE подходит, UAE нет. С неправильным кодом тег бесполезен.

Переключать язык автоматически для посетителей из России или Саудовской Аравии?

Нет. Google не советует перенаправлять по IP или догадке о языке, в том числе потому, что Googlebot обходит сайты в основном из США и может вообще не увидеть другие версии. Сделайте переключатель языков и максимум баннер-подсказку.

Можно перевести арабскую и русскую версии через Google Translate?

Как черновик — да. Публиковать много автоматически переведённых страниц без вычитки правила Google называют масштабным спамом. Пусть носитель языка отредактирует хотя бы продающие страницы: главную, услуги, цены, контакты.

Подпапки или поддомены для языков?

Для бизнеса в Дубае проще всего подпапки (/ar/, /ru/) на одном домене. Google называет их вариантом с низкими затратами на поддержку. Отдельные домены по странам нужны, только если у вас отдельный бизнес в каждой стране.

Обязан ли я по закону делать арабскую версию?

Это отдельный, юридический вопрос об информации для потребителей и рекламе. Мы разобрали его в гайде об арабском языке в ОАЭ; этот гайд — о том, как собрать версии, чтобы их нашёл Google.

Источники

  1. Google Search Central: многорегиональные и многоязычные сайты
  2. Google Search Central: как сообщить Google о локализованных версиях (hreflang)
  3. Google Search Central: правила о спаме (масштабный спам)
  4. W3C Internationalization: разметка и текст справа налево в HTML

Проверено . Автор: Владимир Чернышев, генеральный менеджер Savage Media. Фото: наши съёмки и Pexels.

Ещё в журнале

Все гайды →