Давайте убедимся, что ваш сайт отображается в результатах поиска. Здесь описывается, как настроить конфигурацию сайта для устройств разных типов, обеспечить доступ поисковой системы к этим настройкам и избежать распространенных ошибок.
Выберите способ адаптации сайта для мобильных устройств
Три способа адаптации сайта
Вот сравнительная таблица способов адаптации сайта для экранов разных размеров.
Конфигурация | URL остается неизменным | HTML остается неизменным |
---|---|---|
Адаптивный дизайн | ![]() |
![]() |
Динамический показ | ![]() |
![]() |
Разные URL | ![]() |
![]() |
-
Адаптивный дизайн. Сервер отправляет один и тот же код HTML всем устройствам (обычным компьютерам, планшетам, мобильным телефонам, невизуальным браузерам), но этот код отображается по-разному (т. е. адаптируется) в зависимости от размера экрана. Google рекомендует использовать именно этот вариант.
-
Динамический показ. Для разных устройств используется один URL, но разные варианты кода HTML. При выборе нужного варианта система руководствуется доступной информацией о браузере пользователя.
-
Разные URL. Для разных типов устройств используются разные варианты кода и разные URL. Система пытается определить тип устройства пользователя, а затем перенаправляет на нужную страницу при помощи переадресации HTTP и HTTP-заголовка Vary.
Google не отдает предпочтения каким-либо форматам URL, если страницы и все ресурсы на них доступны всем агентам пользователя Googlebot.
Узнать подробнее о том, как выбрать конфигурацию сайта для мобильных устройств, и ознакомиться с преимуществами и недостатками каждого метода можно на этой странице.
Обязательные действия
Ниже подробно рассказывается о различных конфигурациях мобильных сайтов. Однако есть ключевые моменты, которые актуальны, какой бы вариант вы ни выбрали.
- Сообщите Google, что страница рассчитана на мобильные устройства (или имеет аналог, предназначенный для них). Тогда Google сможет безошибочно направлять пользователей, выполняющих поиск с мобильных устройств, на ваши страницы.
- Ресурсы должны быть доступны для сканирования. Не блокируйте поисковым системам доступ к ключевым файлам сайта (включая объявления), от которых зависит отображение страниц, в файле robots.txt. Если Googlebot не имеет доступа к CSS, JavaScript или изображениям страницы, мы не сможем определить, как она будет отображаться в мобильном браузере. То есть мы можем не распознать, что страница адаптирована для мобильных устройств, и показать ее неправильно пользователям, выполняющим поиск с мобильных устройств.
- Избегайте типичных ошибок, которые мешают мобильным пользователям. Например, не используйте неподдерживаемые форматы видео (Flash и другие) для основного контента на странице. Мобильные страницы, неудобные для пользователей, выполняющих поиск, могут получить более низкий рейтинг или могут быть показаны в мобильных результатах поиска с предупреждением. Подробную информацию об этом вы найдете в разделе "Типичные ошибки".
Особенности разных устройств
Мобильные устройства. В этом документе под мобильными устройствами понимаются смартфоны iPhone, а также работающие на операционных системах Android и Windows. Мобильные браузеры, как и браузеры обычных компьютеров, поддерживают большое количество функций HTML5, но их размеры меньше и, как правило, в них по умолчанию используется вертикальная ориентация.
Планшеты. Мы рассматриваем планшеты как отдельный класс устройств. Поэтому мы, как правило, не имеем их в виду, когда говорим о мобильных устройствах. У многих планшетов более крупный экран, чем у смартфонов. Если ваш контент не предназначен для них, он будет отображаться примерно так же, как и на обычном компьютере.
Мультимедийные телефоны. Браузеры этих устройств могут отображать страницы, соответствующие стандартам XHTML, поддерживают разметку HTML5, JavaScript и ECMAscript, но могут не поддерживать некоторые API расширений в стандарте HTML5. Сюда относятся телефоны, способные принимать сигналы сетей 3G и не являющиеся смартфонами.
Мобильные телефоны среднего класса. Их браузеры не могут показывать обычные веб-страницы со стандартным HTML-кодом. К числу таких браузеров относятся такие, которые поддерживают только cHTML (iMode), WML, XHTML-MP и т. д.