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

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

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

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

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

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

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

Получи сертификат Digital Project Manager!

25 октября в Москве пройдет первая очная сертификация RDC по позиции Digital Project Manager.

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

Запись на очную сертификацию Digital Project Manager 25 октября — на этой странице. Cossa рекомендует!

Реклама

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

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

Использование основных атрибутов в 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.

Не пропустите!

Как «Биплан» отказался от продавцов и только выиграл
Рекламно-технологическая группа OTM: технологическая платформа, автоматизация, планирование закупок.
5 способов создания креатива в Instagram. Советы креативного стратега Facebook
7 простых правил оформления посадочных страниц
5 свежих сервисов для увеличения конверсии интернет-магазина
Как делать рассылку, от которой не отпишутся: главные принципы полезной и интересной рассылки
Ссылки в Instagram: где ставить, куда вести, что рекламировать
«Почему так дорого? Я видел, вон там намного дешевле!» О демпинге в SMM и его последствиях
Новые форматы мобильной рекламы: проверьте, всё ли вы успели опробовать
Вы обратились в агентство, а оно продвигает ваших конкурентов. Отказаться или работать?
40+ SEO-сервисов для анализа сайта и конкурентов
Как мы создали базу знаний по SMM, подключили к чатботу и теперь собираем подписчиков

Комментарии:

Реклама


📰 Чем живёт digital.
Главное — в рассылке:




Вход на cossa.ru

Уже есть аккаунт?
Выбирай любой вариант входа:
Facebook Vkontakte

Используйте свой аккаунт в социальной сети Facebook или Вконтакте, чтобы пользоваться сайтом

Не забудьте написать email на странице своего профиля для управления рассылкой