Physical Address

304 North Cardinal St.
Dorchester Center, MA 02124

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

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

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

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

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

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

Отличаем смартфоны и планшеты Android

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

Подводя итог, можно сказать, что любое устройство Android, в пользовательском агенте которого нет слова «Мобильное», — это планшет (или другое устройство с большим экраном), которое лучше всего подходит для настольного сайта.

Например, вот пользовательский агент из Chrome на смартфоне Galaxy Nexus:

Mozilla/5.0 (Linux; Android 4.1.1; Galaxy Nexus Build/JRO03O) AppleWebKit/535.19 (KHTML, like Gecko) Chrome/18.0.1025.166 Mobile Safari/535.19

Или из Firefox на Galaxy Nexus:

Mozilla/5.0 (Android; Mobile; rv:16.0) Gecko/16.0 Firefox/16.0

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

Mozilla/5.0 (Linux; Android 4.1.1; Nexus 7 Build/JRO03S) AppleWebKit/535.19 (KHTML, like Gecko) Chrome/18.0.1025.166 Safari/535.19

Или из Firefox на Nexus 7:

Mozilla/5.0 (Android; Tablet; rv:16.0) Gecko/16.0 Firefox/16.0

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

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