Сайты, адаптированные для мобильных устройств с точки зрения Яндекс

Вашему вниманию предлагается перепечатка со Службы поддержки Вебмастера Яндекс, где рассматриваются вопросы, касающиеся повышенного внимания поисковой системы Яндекс к сайтам, адаптированных для показа на мобильных устройствах.
Поисковые системы улучшают выдачу результатов поиска для пользователей мобильных устройств (смартфонов, планшетов). Таким пользователям вероятнее всего будет показан:

• Сайт с адаптивным дизайном
• Сайт с динамической версткой страниц
• Мобильная версия сайта (поддомен)

СОДЕРЖАНИЕ:

Общие рекомендации

Ниже представлены рекомендации для вебмастеров вне зависимости от выбранного способа адаптации сайта:

• Ресурсы должны быть доступны для мобильного индексирующего робота Яндекса: Mozilla/5.0 (iPhone; CPU iPhone OS 8_1 like Mac OS X) AppleWebKit/600.1.4 (KHTML, like Gecko) Version/8.0 Mobile/12B411 Safari/600.1.4 (compatible; YandexBot/3.0; +http://yandex.com/bots).
• Разрешите в файле robots.txt сканирование CSS, JavaScript, от которых зависит отображение сайта на мобильных устройствах. Иначе страницы сайта могут некорректно отображаться в результатах поиска.
• Страницы сайта должны отправлять серверу ответ с HTTP-кодом 200 OK.
• Вы можете проверить ответ сервера в Яндекс.Вебмастере. Не используйте технологии Flash, Silverlight или Applet на страницах, ориентированных на мобильных пользователей — эти технологии могут не поддерживаться на мобильных устройствах.

Совет. Например, пользователи не смогут просмотреть интерактивную часть сайта или видеоролик, встроенные на Flash. Поэтому рекомендуем встраивать контент с помощью HTML5 или отказаться от тяжелых и сложных интерактивных элементов.

• Размещайте контент вашего сайта таким образом, чтобы он был максимально виден на экране мобильного устройства.
• Содержимое страниц не должно выходить за рамки экрана по горизонтали.
• Страницы сайта должны открываться корректно и без горизонтальной прокрутки на устройствах с разрешением 320 пикселей и более.
• Размер текста в пикселях должен быть таким, чтобы весь текст удобно читался на экране мобильного устройства. Если вы используете поддомен, настройте редирект основного сайта на мобильную версию.
• При использовании мобильной версии, проставляйте атрибут rel="alternate" в элементе link. Это поможет мобильному роботу Яндекса понять, на какую версию перейти. Добавляйте его, независимо от того, совпадают пути URL мобильной и десктопной версий страницы или нет. Расположите атрибут в элементе link в составе элемента head:
• <link rel="alternate" media="only screen and (max-width: 640px)" href="http://m.example.com/" />
• В качестве значения атрибута media используется строка запроса медиа CSS, которая определяет, при каких условиях мобильный робот будет выбирать альтернативный URL. Значение из примера обычно указывают, когда условием является показ на мобильном устройстве.

Как проверить мобильные страницы сайта

Чтобы проверить отдельные страницы сайта:

• Перейдите на страницу "Проверка мобильных страниц".
• Выберите из списка сайт, страницу которого хотите проверить.
• В поле укажите URL страницы. По умолчанию указана главная страница сайта.
• Нажмите кнопку "Проверить".

Проверка длится несколько минут.
Чтобы проверить весь сайт:

• Перейдите на страницу "Все", что проверяет Яндекс.Вебмастер.
• Выберите из списка сайт, страницу которого хотите проверить.
• В блоке "Рекомендации" найдите строку "Сайт не оптимизирован для мобильных устройств" и нажмите кнопку "Проверить".

Проверка завершится в течение двух недель.

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

Как Яндекс проверяет сайты на мобильную адаптивность

Мобильный робот Яндекса проверяет главную страницу и некоторые внутренние страницы сайта, которые выбирает автоматически. Сайт считается мобилопригодным, если все страницы прошли проверку. Если вы используете адаптивную верстку, Яндекс проверяет, насколько правильно страницы подстраиваются под мобильные устройства.

Если вы используете поддомены, и основной домен перенаправляет посетителей на мобильную версию, мобильный робот Яндекса будет также перенаправлен. Например, с http://example.com/ на http://m.example.com/. В этом случае сайты должны отвечать следующим требованиям:

• Мобильный домен является поддоменом десктопного.
• Все цели редиректа мобилопригодны.
• Убедитесь, что путь URL мобильной версии страницы совпадает с десктопной. Если нет, Яндекс проверяет, происходит ли редирект с десктопной версии на URL, указанный в атрибуте rel="alternate" в элементе link.