Предоставление пользователям планшетов полноценного веб-интерфейса

Понедельник, 12 ноября 2012 г.

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

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

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

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

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

Различение смартфонов и планшетов на Android

Для устройств на базе Android легко различить смартфоны и планшеты с помощью
строки user-agent, предоставляемой браузерами: хотя и смартфоны, и планшеты на Android будут содержать
слово «Android» в строке user-agent, только user-agent смартфонов будет содержать слово «Mobile».

Таким образом, любое устройство Android, в user-agent которого нет слова «Mobile», является планшетом
(или другим устройством с большим экраном), для которого лучше подходит десктопная версия сайта.

Например, вот user-agent браузера Chrome на смартфоне Galaxy Nexus:

Или от Firefox на Galaxy Nexus:

Сравните их с user-agent браузера Chrome на Nexus 7:

Или от Firefox на Nexus 7:

Поскольку user-agent Galaxy Nexus включает слово «Mobile», на нем должен отображаться
веб-сайт, оптимизированный для смартфонов, в то время как Nexus 7 должен получать полную версию сайта.

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

Опубликовано
Пьером Фаром,
аналитиком тенденций для веб-мастеров, и
Скоттом Мейном, ведущим техническим автором developer.android.com