— какие заголовки http использовать (читал, что желательно использовать vary);
— как дать понять Google ботам, что одно меню для мобайла, второе для декстопа (при условии, что их два).
Ответ
Классический вариант адаптивного меню предполагает использование CSS медиа-запроса для определенной ширины экрана и нескольких скриптов с использованием jQuery.
Когда из-за технических особенностей шаблона невозможно реализовать одно адаптивное меню, их делают два и чаще всего просто скрывают одно меню под медиа-запрос display: none при определенной ширине экрана.
Само по себе дублирование меню в коде не несет значительных негативных последствий для продвижения, если оно изначально не переспамленное.
HTTP-заголовок vary используется в том случае, если мобильные устройства получают абсолютно другой код HTML и CSS. С учетом всех подводных камней (в основном связанных с корректным определением агента пользователя), такой подход только ради мобильного меню нецелесообразен.
Как правило, сайт сканируют Google боты различных типов и проблем с пониманием дублей меню у них не возникает. Учитывая тенденцию Google ранжировать только мобильную версию, вам стоит обращать внимание на реализацию под мобильные устройства.
Еще по теме:
- Можно ли в мобильной версии применять display none для скрытия дубля меню? На сайте есть главное меню товаров, я скопировал его для мобильной версии. Мобильное меню я спрятал под медиа запрос display: none, просто главное меню слишком...
- Стоит ли сейчас ставить canonical с мобильной версии сайта на десктопную? У меня присутствует отдельная мобильная версия сайта. Раньше каноникал ставили на десктоп версию и показывали, что мобильная это альтернативная. А как лучше сейчас, если у...
- Как анализировать и улучшить скорость загрузки сайта на мобильных устройствах? Скорость загрузки сайта 89/100, скорость загрузки мобильной версии – 33/100. Как с этим бороться? И нужно ли вообще бороться? Так как есть ряд специалистов, которые...
- Как подготовить сайт к переходу на mobile-first индексацию? Cудя по последним новостям, Google снова переносит переход на mobile-first индексацию. Причина: не все сайты успели выполнить требования ПС. В отчете «Покрытие» как основной робот...
- Как поступить с изображениями для мобильной версии сайта? Есть изображения, они нормально смотрятся на десктопной версии. Что делать с мобильной версией (адаптивной): подгружать другие, дополнительные картинки нужного размера? Ответ Подгружать изображения подходящего размера...
Есть вопросы?
Задайте их прямо сейчас, и мы ответим в течение 8 рабочих часов.
Отзывы клиентов:
"Могут ли комментарии пользователей под карточкой влиять на позиции запросов в негативном плане? Ответ Комментарии без спама и по теме могут стать источником уникального контента и положительно влиять на позиции сайта. И да, негативные комментарии пользователей под карточкой продукта в некоторых случаях действительно могут оказывать негативное влияние на позиции в поисковой выдаче. Существует несколько основных […]"
"Получили ответы на все вопросы"
Павел
Kidride.ru"Рекомендации помогли улучшить позиции сайта, которые серьезно просели"
Артур Шаймухаметов
Boogie-shop.ru