— какие заголовки http использовать (читал, что желательно использовать vary);
— как дать понять Google ботам, что одно меню для мобайла, второе для декстопа (при условии, что их два).
Ответ
Классический вариант адаптивного меню предполагает использование CSS медиа-запроса для определенной ширины экрана и нескольких скриптов с использованием jQuery.
Когда из-за технических особенностей шаблона невозможно реализовать одно адаптивное меню, их делают два и чаще всего просто скрывают одно меню под медиа-запрос display: none при определенной ширине экрана.
Само по себе дублирование меню в коде не несет значительных негативных последствий для продвижения, если оно изначально не переспамленное.
HTTP-заголовок vary используется в том случае, если мобильные устройства получают абсолютно другой код HTML и CSS. С учетом всех подводных камней (в основном связанных с корректным определением агента пользователя), такой подход только ради мобильного меню нецелесообразен.
Как правило, сайт сканируют Google боты различных типов и проблем с пониманием дублей меню у них не возникает. Учитывая тенденцию Google ранжировать только мобильную версию, вам стоит обращать внимание на реализацию под мобильные устройства.
Еще по теме:
- Чек-лист для юзабилити аудита мобильной версии сайта Как правильно провести юзабилити аудит мобильной версии сайта? Существуют ли чек-листы конкретно для мобильного интерфейса или можно обойтись общими пунктами, по которым делается анализ десктопной...
- Как правильно подвязать группы страниц AMP мобильной и основной версии сайта? На сайте настроены AMP-страницы, мобильная версия реализована на поддомене, плюс есть основная html версия страниц. Как избежать проблем с дублированием контента и определением канонической страницы?...
- Как анализировать и улучшить скорость загрузки сайта на мобильных устройствах? Скорость загрузки сайта 89/100, скорость загрузки мобильной версии – 33/100. Как с этим бороться? И нужно ли вообще бороться? Так как есть ряд специалистов, которые...
- Как переехать с мобильного поддомена на адаптивную мобильную версию? У старого сайта была отдельная моб.версия на поддомене, для него хотим реализовать адаптивную верстку. Достаточно ли 301 редиректа ведущего с моб.версии(поддомена) на основной домен, чтобы...
- Как ПС относятся к двум разным версткам для различных устройств? Обновляем сайт на SPA, и чтобы облегчить сайт, будем на сервере определять устройство и показывать либо мобильный код либо десктопный. Но домен будет одинаковый. Вопрос:...
s.zaec@siteclinic.ru
Оцените мою статью:
(1 оценок, среднее: 5,00 из 5)Есть вопросы?
Задайте их прямо сейчас, и мы ответим в течение 8 рабочих часов.
Отзывы клиентов:
"Ощутимый рост позиций после второго апа"
Абрамов Дмитрий Сергеевич
Dvermezhkom-service.ru"Изменения положительно отразились на позициях сайта"
Павел Любимов
Jazztour.ru"Здесь можно реанимировать сайт даже со страшным диагнозом"
Денис Кушнир
Aden-stroy.ru
