Webmasters

Создание сайтов, оптимизированных для смартфонов

Введение

Важный аспект разработки сайтов – их оптимизация для смартфонов. Здесь собраны рекомендации Google по созданию веб-страниц для таких устройств, а также для телефонов и платшетных ПК. Кроме того, приводятся распространенные ошибки и способы их избежать.

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

Google поддерживает три варианта конфигурации сайтов, оптимизированных для смартфонов, а именно:

  • Адаптивный веб-дизайн. В этом случае на всех устройствах открываются одни и те же URL. Браузерам предоставляется одинаковый HTML-код, а на стороне клиента для обработки контента используется запрос CSS @media. При этом не происходит переадресация и агент пользователя определяется без ошибок. Google рекомендует использовать эту конфигурацию.
  • Динамический показ. Конфигурация, при которой сервер отправляет различные варианты HTML-кода в ответ на запрос URL. Вариант выбирается в зависимости от агента пользователя. Для этой конфигурации рекомендуем применять HTTP-заголовок Vary.
  • Отдельные URL для мобильных устройств. В этом случае сервер направляет посетителя на нужный URL в зависимости от агента пользователя. Используйте атрибуты тега link, чтобы поисковые системы могли определить взаимосвязь между обычными и мобильными страницами вашего сайта.

Независимо от того, какую конфигурацию вы выбрали, у поисковых систем должен быть доступ к ресурсам (CSS, JavaScript). Подробнее о внедрении конфигураций читайте на странице Основные сведения.

Типы мобильных устройств

  1. Смартфоны. Браузеры этих устройств могут более или менее корректно отображать обычные версии веб-страниц. В эту категорию входят недавно разработанные мобильные браузеры, которые поддерживают формат HTML5 и устанавливаются на множество устройств, таких как iPhone и Android.
  2. Обычные мобильные телефоны. Браузеры этих устройств не могут отображать обычные веб-страницы. К ним относятся браузеры для cHTML (iMode), WML, WAP и т. п.

Мы не относим планшетные ПК к этой категории по разным причинам, в том числе из-за наличия большого экрана. Мало кто просматривает на таких устройствах страницы, оптимизированные для смартфонов. Поэтому если у вас нет специальной версии сайта для планшетов, то предпочтительнее показывать обычную версию сайта.

Оглавление

Требуется аутентификация

Чтобы выполнить это действие, необходимо войти в аккаунт Google+.

Выполняется вход...

Google Developers требуется ваше разрешение на эту операцию.