Телеграм: @camouf_ru Почта: mihail@bazarow.ru Заказать разработку проекта

Мобильные версии страниц и поисковые системы

Согласно требования поисковых систем: Яндекс и Google, в случае если у вашего сайта имеется мобильная версия, нужно уведомить поисковые системы о наличии мобильных страниц.

Кроме того, если у страниц и разделов сайта есть мобильные версии- этот сайт будет помечаться особым образом в результатах поисковой выдачи.

Способ уведомления поисковых систем, в принципе одинаков:

Для Яндекса: необходимо на всех страницах основной версии сайта, проставить <link>  на мобильные аналоги этих страниц.

link rel="alternate" media="only screen and (max-width: 640px)" href="адрес_моб_версииl"

Для Google нужно проделать тоже самое, но строка чуть отличается

link rel="amphtml" href="адрес_моб_версииl"

Кроме того, Google требует обратной ссылки- с мобильной версии страницы на аналог полной версии

link rel="canonical" href="адрес_моб_версииl"

Как проставить ссылки на мобильные версии в шаблоне Битрикс

В Битриксе, очень просто, проставить эти ссылки одним разом для всех созданных и будущих страниц. Все, что нам нужно это получить адрес текущей страницы через API методом CMain::GetCurPage- который Возвращает путь к текущей странице относительно корня.

Предположим, что у нас есть основной шаблон сайта и мобильная версия шаблона, на который пользователи перенаправляются автоматически, вызовом ?type=pda. То есть все мобильные версии страниц находятся абсолютно по тем же адресам что и их полные версии. Или структура полностью совпадает, но идет перенаправление на поддомен вида m.МОЙ-САЙТ.ru. Абсолютно не принципиально.

В мобильный и полный шаблоны сайта на Битрикс, добавляем код

<?
$page = $APPLICATION->GetCurPage();
?>

Теперь, в переменной $page мы имеем полный адрес текущей страницы. Осталось подставить ее в ссылку для Яндекса и Гугл

В основной шаблон

link rel="alternate" media="only screen and (max-width: 750px)" href="АДРЕС_САЙТА<?=$page; ?>?type=pda"
link rel="amphtml" href="АДРЕС_САЙТА<?=$page; ?>?type=pda" /

В мобильный шаблон

link rel="canonical" href="АДРЕС_САЙТА<?=$page; ?>?type=original"

Вот и все: теперь на каждой странице сайта, в исходном коде, будут правильные ссылки на мобильную версию сайта для Яндекса и Google. Само собой, если вы используете мобильную версию сайта на под домене, не нужно дописывать ?type=pda и type=original

Разработка мобильной версии сайта

Просмотров: 4715 | Комментариев: 3

Комментарии

Внимание! все сообщения проходят премодерацию. Ваше сообщение появится после проверки
 
Текст сообщения*
Загрузить файл или картинкуПеретащить с помощью Drag'n'drop
Перетащите файлы
Ничего не найдено
Защита от автоматических сообщений
Загрузить файл
Нажимая кнопку "Отправить", Вы принимаете условия
Политики конфиденциальности и обработки персональных данных
Анна Селецкая
подскажите пож-та, в какой файл необходимо добавить код ? В header.php основной и моб версии?
<?
$page = $APPLICATION->GetCurPage();
?>
Имя Цитировать
Михаил Базаров
Цитата
Анна Селецкая написал:
подскажите пож-та, в какой файл необходимо добавить код ? В header.php основной и моб версии?
<?
$page = $APPLICATION->GetCurPage();
?>
В оба шаблона. И в мобильной и в основной версии
Имя Цитировать
Amir Nauryzbayev
Здравствуйте. Подскажите как быть со страницами где есть "пагинация", например раздел каталога с несколькими страницами? Как я понимаю, ваш код проставит на страницу https://site.ru/catalog/razdel/?PAGEN_1=2 canonical на 2 страницу, хотя каноническая страница должна быть 1-ой.
Имя Цитировать
lilyasafina
Здравствуйте, Михаил.
Сделали мобильный шаблон сайтов, прописали для поисковых систем информацию, как вы советуете. (Спасибо, что вы такую важную информацию выложили!)

С Гуглом вопрос.... Сейчас у них приоритет индексации - по мобильной версии. А у меня все type=pda окзались в исключениях.



Может быть, имеет смысл, сделать type=pda каноничными страницами?
Но! В Яндексе все нормально! МОжно ли поменять "ориентацию" на канонические страницы исключительно для Гугл?



Буду очень-очень признательна, если вы ответите)  
Имя Цитировать
Поделиться страницей Спасибо, это помогает развивать сайт.
Мой youtube канал. C 1-го сентября начнется выход видеокурса по разработке доски объявлений с мобильным приложением.
Перейти на канал Подписывайтесь и будьте в курсе:
Заметки разработчика

Примерно с 2013-го года пишу, короткие и не очень, заметки по разработке сайтов на Битрикс. Возможно, будут полезны кому-то еще. Во всех заметках есть возможность комментирования и обсуждения. Вы можете задавать уточняющие вопросы прямо там- отвечаю или дополняю заметки по возможности.

attention