— какие заголовки http использовать (читал, что желательно использовать vary);
— как дать понять Google ботам, что одно меню для мобайла, второе для декстопа (при условии, что их два).
Ответ
Классический вариант адаптивного меню предполагает использование CSS медиа-запроса для определенной ширины экрана и нескольких скриптов с использованием jQuery.
Когда из-за технических особенностей шаблона невозможно реализовать одно адаптивное меню, их делают два и чаще всего просто скрывают одно меню под медиа-запрос display: none при определенной ширине экрана.
Само по себе дублирование меню в коде не несет значительных негативных последствий для продвижения, если оно изначально не переспамленное.
HTTP-заголовок vary используется в том случае, если мобильные устройства получают абсолютно другой код HTML и CSS. С учетом всех подводных камней (в основном связанных с корректным определением агента пользователя), такой подход только ради мобильного меню нецелесообразен.
Как правило, сайт сканируют Google боты различных типов и проблем с пониманием дублей меню у них не возникает. Учитывая тенденцию Google ранжировать только мобильную версию, вам стоит обращать внимание на реализацию под мобильные устройства.
Еще по теме:
- SEO тонкости создания мобильного поддомена сайта Есть потребность создать сайт на поддомене m.site.ru и нужно, чтобы он отображался в ПС только на мобильных устройствах. Есть ли конкретные механизмы и рекомендации от...
- Какой вариант реализации мобильной версии сайта будет лучше для SEO? Реализую мобильную версию сайта, и встал перед выбором: адаптивный дизайн или раздельные URL (site.com для PC и mob.site.com для мобилок). Какой вариант выбрать и с...
- Чек-лист для юзабилити аудита мобильной версии сайта Как правильно провести юзабилити аудит мобильной версии сайта? Существуют ли чек-листы конкретно для мобильного интерфейса или можно обойтись общими пунктами, по которым делается анализ десктопной...
- Как подготовить сайт к переходу на mobile-first индексацию? Cудя по последним новостям, Google снова переносит переход на mobile-first индексацию. Причина: не все сайты успели выполнить требования ПС. В отчете «Покрытие» как основной робот...
- Как правильно подвязать группы страниц AMP мобильной и основной версии сайта? На сайте настроены AMP-страницы, мобильная версия реализована на поддомене, плюс есть основная html версия страниц. Как избежать проблем с дублированием контента и определением канонической страницы?...
s.zaec@siteclinic.ru
Оцените мою статью:
(1 оценок, среднее: 5,00 из 5)Есть вопросы?
Задайте их прямо сейчас, и мы ответим в течение 8 рабочих часов.
Отзывы клиентов:
"Через 1,5 месяца позиции вернулись в ТОП 10"
Евтеев Антон Павлович
Ac-u.ru"Ответы, которые реально помогли в работе"
Анатолий
Photoboom.ua"Изменения положительно отразились на позициях сайта"
Павел Любимов
Jazztour.ru