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

23 июля 2015, 11:24

Как связать мобильную и десктопную версию сайта

Мобильный трафик по своим объемам догоняет десктопный. И это совсем не удивительно, ведь сегодня уже у каждого пятого жителя страны есть смартфон с выходом в интернет.

Ирина Титова, iSEO

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

Наиболее распространенная ошибка, когда после ввода запроса в строку поиска пользователю в выдаче предлагается мобильный сайт вместо основного и наоборот. Причина кроется в некорректной связке полной и мобильной версии ресурса. Фактически контент мобильных страниц частично или полностью дублирует дескопные, но имеет другой URL (например, http://site.ru/ — адрес основного сайт, а http://m.site.ru/ — для устройств с небольшими экранами).

Успейте купить корпоративный пакет COSSA-2025 со скидкой!

Cossa анонсирует главный рекламный формат на весь 2025 год: сразу 8 различных опций.

Пакет идеально подходит для онлайн-сервисов, стартапов, интернет-компаний и digital-агентств.

Успейте приобрести пакет до повышения цены!

Исключить ошибку показа неверной версии страницы на разных устройствах и сохранить идеальный порядок в поисковой выдаче можно двумя способами:

Указав соотношение адресов с помощью тегов в HTML коде страниц.
За счет корректной настойки автоматической переадресации внутренних страниц сайта.

Остановимся подробнее на каждом варианте.

Использование основных атрибутов в HTML коде

Для того чтобы правильно связать полную и мобильную версию сайта необходимо:

Тег link rel="alternate" разместить на основном сайте с указанием альтернативной мобильной версии ресурса.
Тег link rel="canonical" прописать в коде страниц мобильной версии с указанием соответствующих адресов страниц полной версии ресурса.

Например, на сайте существует две версии одной страницы: http://site.ru/page/ и http://m.site.ru/page/. В таком случае в HTML коде основной страницы необходимо добавить инструкцию:

А в коде страницы http://m.site.ru/page/ указать:

При размещении тегов обязательно учитывайте следующие правила:

Добавляя в код теги rel="alternate" и rel="canonical" необходимо указывать только по одному альтернативному URL для мобильной и основной версии сайта.
Адреса внутри тегов должны указывать на соответствующую версию страницы. Если, например, каких-то страниц нет в мобильном сайте, то правильнее показать пользователю аналогичную страницу в полной версии ресурса.
Все адреса в соответствующих тегах должны отдавать корректный ответ в заголовке сервера — 200 ОК.

Прописав данные инструкции для всех страницах основной и мобильной версии сайта, мы сообщаем поисковикам, что они взаимосвязаны и являются одним объектом. В противном случае поисковая система будет считать такой контент дублированным, что чревато пессимизацией ресурса в выдаче.

Настройка автоматической переадресации страниц

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

При настройке автоматической переадресации необходимо учитывать следующие моменты:

Редирект настроен некорректно, когда сервер перенаправляет пользователей мобильных устройств всегда на главную страницу мобильной версии сайта вне зависимости от выбранной страницы.
При отсутствии альтернативной мобильной версии страницы не рекомендуется перенаправлять пользователей на главную страницу или на страницу с несоответствующим контентом. В данном случае лучше редиректить посетителя на основной сайт.
Важно предусмотреть и настроить переадресацию сайта для всех клиентов мобильных устройств (Android, iOS или Windows Phone).
При автоматической генерации URL сайта перенаправление может быть выполнено некорректно. Вряд ли кому-либо понравится, если вместо расписания выбранного направления, ему будет предложено общее расписание транспорта. Все это негативно сказывается на поведенческих факторах мобильного сайта и повышает количество отказов.

Исключив ошибки в связке основной и мобильной версии сайта, вы сможете увеличить мобильную аудиторию ресурса, а также привлечь больше клиентов из поиска.

Еще больше материалов по теме в блоге iSEO.

Источник: http://www.iseo.ru