Рекомендации по созданию веб-сайтов, оптимизированных для смартфонов

Среда, 6 июня 2012 г.

Каждый день активируется все больше смартфонов, и все больше веб-сайтов создают контент, оптимизированный для смартфонов. С тех пор как мы
в прошлый раз говорили о создании сайтов, адаптированных для мобильных устройств, мы упорно работали над улучшением поддержки Google контента, оптимизированного для смартфонов. В рамках этой работы мы запустили
Googlebot-Mobile для смартфонов
в декабре 2011 года, задача которого заключается в целенаправленном определении такого контента.

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

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

С полным текстом наших рекомендаций можно ознакомиться на нашем
новом справочном сайте, который мы кратко излагаем ниже.

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

1. Сайты, использующие адаптивный веб-дизайн, то есть сайты, которые обслуживают все устройства по одним и тем же URL-адресам, причем каждый URL-адрес выдает одинаковый HTML-код всем устройствам и использует только CSS для изменения отображения страницы на устройстве. Это конфигурация, рекомендуемая Google.
2. Сайты, которые динамически обслуживают все устройства по одним и тем же URL-адресам, но каждый URL-адрес выдает разный HTML (и CSS) в зависимости от того, является ли пользовательский агент настольным или мобильным устройством.
3. Сайты, у которых есть отдельные мобильные и десктопные версии.

Адаптивный веб-дизайн

Адаптивный веб-дизайн — это техника создания веб-страниц, которые меняют свой внешний вид с помощью медиа-запросов CSS3. То есть для страницы существует один HTML-код независимо от устройства, с которого осуществляется доступ к ней, но ее представление меняется с помощью медиа-запросов CSS, определяющих правила CSS для браузера, отображающего страницу. Вы можете узнать больше об адаптивном веб-дизайне из
этой статьи блога
веб-мастеров Google и
в наших рекомендациях.

Использование адаптивного веб-дизайна имеет множество преимуществ, в том числе:

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

HTML-код для конкретных устройств

Тем не менее, мы понимаем, что во многих ситуациях использование адаптивного веб-дизайна может быть невозможно или нецелесообразно. Именно поэтому мы поддерживаем сайты, которые предоставляют эквивалентный контент с использованием разного HTML-кода для конкретных устройств. HTML для конкретных устройств может предоставляться по одному и тому же URL-адресу (конфигурация, называемая динамическим обслуживанием) или по разным URL-адресам (например, www.example.com и m.example.com).

Если ваш веб-сайт использует конфигурацию динамического обслуживания, мы настоятельно рекомендуем использовать
Vary HTTP-заголовок, чтобы сообщить кэширующим серверам и нашим алгоритмам, что контент может изменяться для разных пользовательских агентов, запрашивающих страницу. Мы также используем это в качестве сигнала для сканирования Googlebot-Mobile.

Что касается конфигурации с отдельным мобильным сайтом, поскольку существует множество способов ее реализации, наши рекомендации вводят аннотации, которые сообщают нашим алгоритмам, что ваши десктопные и мобильные страницы эквивалентны по назначению; то есть новые аннотации описывают взаимосвязь между десктопным и мобильным контентом как альтернативные варианты друг друга и должны рассматриваться как единое целое, где каждый альтернативный вариант нацелен на определенный класс устройств.

Эти аннотации помогут нам обнаружить ваш контент, оптимизированный для смартфонов, и помогут нашим алгоритмам понять структуру вашего контента, что даст ему наилучшие шансы на высокие позиции в результатах поиска.

Заключение

Эта статья в блоге — лишь краткое изложение наших рекомендаций по
созданию веб-сайтов, оптимизированных для смартфонов. Пожалуйста, прочитайте полную рекомендацию и выберите наиболее подходящую поддерживаемую реализацию для вашего сайта и пользователей. И, как всегда, обращайтесь на наши
Форумы справки для веб-мастеров
, если у вас возникнут дополнительные вопросы.

Опубликовано
Pierre Far,
Аналитик по контролю качества поиска и тенденциям для веб-мастеров