Давайте убедимся, что ваш сайт отображается в результатах поиска. Здесь описывается, как настроить конфигурацию сайта для устройств разных типов, обеспечить доступ поисковой системы к этим настройкам и избежать распространенных ошибок.
Выберите способ адаптации сайта для мобильных устройств
Три способа адаптации сайта
Вот сравнительная таблица способов адаптации сайта для экранов разных размеров.
| Конфигурация | 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 и т. д.