— какие заголовки http использовать (читал, что желательно использовать vary);
— как дать понять Google ботам, что одно меню для мобайла, второе для декстопа (при условии, что их два).
Ответ
Классический вариант адаптивного меню предполагает использование CSS медиа-запроса для определенной ширины экрана и нескольких скриптов с использованием jQuery.
Когда из-за технических особенностей шаблона невозможно реализовать одно адаптивное меню, их делают два и чаще всего просто скрывают одно меню под медиа-запрос display: none при определенной ширине экрана.
Само по себе дублирование меню в коде не несет значительных негативных последствий для продвижения, если оно изначально не переспамленное.
HTTP-заголовок vary используется в том случае, если мобильные устройства получают абсолютно другой код HTML и CSS. С учетом всех подводных камней (в основном связанных с корректным определением агента пользователя), такой подход только ради мобильного меню нецелесообразен.
Как правило, сайт сканируют Google боты различных типов и проблем с пониманием дублей меню у них не возникает. Учитывая тенденцию Google ранжировать только мобильную версию, вам стоит обращать внимание на реализацию под мобильные устройства.
Еще по теме:
- Какие элементы интерфейса в мобильной версии мешают пользователю и как их определить? Какие элементы интерфейса могут "мешать" мобильному пользователю и как это понять? Ответ Есть несколько элементов интерфейса, которые могут негативно влиять пользовательский опыт и ранжирование сайта:...
- Может ли очень низкий Page speed влиять на ранжирование мобильной версии сайта? Сайт имеет позиции в ТОП-10 в десктопной выдаче, а в мобильной даже по брендовому запросу не ранжируется, сайт оптимизирован под мобилку, но есть проблема: очень...
- Что выбрать: мобильную версию сайта на поддомене или адаптивный дизайн? Насколько здравой идеей будет делать мобильную версию сайта на поддомене, если доля мобильного трафика около 80%? И вообще насколько сейчас идея с мобильным поддоменом жизнеспособна?...
- Критична ли для SEO проблема смещения макета во время загрузки страниц? Google ругается на CLS - смещение макета во время загрузки страницы. Проверили - действительно на мобильных прыгает загрузка из-за рекламных баннеров. Подскажите, насколько критична проблема...
- Как поступить с изображениями для мобильной версии сайта? Есть изображения, они нормально смотрятся на десктопной версии. Что делать с мобильной версией (адаптивной): подгружать другие, дополнительные картинки нужного размера? Ответ Подгружать изображения подходящего размера...
s.zaec@siteclinic.ru
Оцените мою статью:
(1 оценок, среднее: 5,00 из 5)Есть вопросы?
Задайте их прямо сейчас, и мы ответим в течение 8 рабочих часов.
Отзывы клиентов:
"Ощутимый рост позиций после второго апа"
Абрамов Дмитрий Сергеевич
Dvermezhkom-service.ru"Я получил рекомендации и процесс сдвинулся с мёртвой точки."
"Прекрасно проработанный аудит"
Денис
Eвроавто.рф