Главная → Блог

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

Поскольку число посетителей сайтов через мобильные устройства давно превысило декстопных еще в 2014 году, не иметь мобильную версия сайта сегодня — это преступление. Согласно рекомендациям поисковых систем на момент написания данной статьи, идеальным решением будет адаптивный дизайн. Но, адаптивный дизайн, это не так просто. По сути, нужно сайт полностью переделать. Поэтому идеальным и быстрым решением становится мобильная версия на поддомене. Т.е. если основная версия у вас это vashsait.ru, то мобильную сделать m.vashsait.ru.

Итак, предположим, что ваш m.vashsait.ru уже готов и проходит проверку здесь. Теперь нужно настроить его корректную «отдачу» поисковым системам и переадресацию пользователей. Для этого можно использовать различные варианты, а для некоторых CMS готовые плагины. В этом же посте нашего блога мы рассмотрим вариант самый простой, быстрый и надежный.

Общие правила

Хотя многие и утверждают, что чтобы избежать дублирования контента мобильную версию сайта нужно закрыть от индексации, но на самом деле это не так. Мобильную версию не нужно закрывать, иначе она не будет участвовать в мобильном поиске, который уже здесь в ранг отдельного от десктопного.

В файле robots.txt нужно указать указывать host именно мобильной, а не основной версии. Т.е. у вас должно быть прописано Host: m.vashsait.ru. Остальные правила — на ваше усмотрение.

Мобильная версия и Яндекс

Для того, чтобы сообщать Яндексу, что та или иная страница сайта предназначена только для мобильного поиска нужно поместить страницы мобильной версии в стандартные для таких случаев папки/поддомены. Например:

m.vashsait.ru,
vashsait.ru/m,
wap.vashsait.ru,
vashsait.ru/wap,
pda.vashsait.ru,
vashsait.ru/pda.

Лучше поддомен. Домены третьего уровня m., pda., wap. распознаются роботом Яндекса, как мобильные версии сайтов, и принимают участие только в мобильном поиске.

И второе, что нужно сделать, это прописать в теге <!DOCTYPE> следующее:

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "//www.wapforum.org/DTD/xhtml-mobile10.dtd">

Всё, для Яндекса больше ничего не нужно делать. Это точно и проверено специальным запросом Платону.

Мобильная версия и Google

C Гуглом всё несколько сложнее, но и для правильной настройки отдачи у вэбмастеров есть больше информации. Если у Яндекса это всего одна страница мануала, то у его западного конкурента целый комплекс статей.

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

Адаптивный дизайн,
Динамический показ,
Разные URL.

Мы рассматриваем вариант «Разные URL». Итак, что нужно сделать?

На обычной странице //vashsait.ru/page1, тем или иным способом, обеспечьте в head вывод кода:

<link rel="alternate" media="only screen and (max-width: 640px)" href="//m.vashsait.ru/page-1">

...а на странице для мобильных устройств //m.vashsait.ru/page-1 выводите в head соответствующий canonical-атрибут:

<link rel="canonical" href="//vashsait.ru/page-1">

...он указывает на аналог этой страницы для декстопа, обязательно нужно добавить тег rel="canonical".

Как переадресовывать пользователей зашедших с мобильных?

После того, как вы настроили корректную отдачу и связь мобильной версии с основной, нужно настроить автоматическую переадресацию пользователей зашедших на ваш сайт с мобильников. Так же это позволит всем страница вашего сайта пройти проверку Гугла на просмотр на мобильных устройствах, получить соответствующий бонус и положительный статус в разделе »Инструменты для веб-мастеров → Поисковый трафик → Удобство просмотра на мобильных устройствах».

инструменты для веб-мастеров

Чтобы это сделать, достаточно в head основной версии сайта //vashsait.ru/ прописать:


<script type="text/javascript">

<!--

 if (screen.width <= 640) {

    if(location.pathname){

      window.location = "//www.m.vashsait.ru"

+location.pathname;

    } else {

      window.location =

"//www.m.vashsait.ru";

     }

  }

//-->

</script>

Это правило на java-скрипте будет перекидывать с обычной декстопной страницы, на мобильную с аналогичным адресом. Например, с //vashsait.ru/page-1 будут произведена переадресация на //m.vashsait.ru/page-1 и т.п. Ведь, согласитесь, логично и правильно, чтобы location.pathname, на нашем примере это page-1, у обоих сайтов совпадал. Вот собственно и всё =)

Команда 39saitov.ru, 02.03.2015