@AlexanderFedosienko

Как правильно сделать адаптивную шапку на сайте с точки зрения SEO?

На сайте есть шапка, в ней расположено довольно много различных элементов (логотип, телефоны, адреса, меню и т.д). Все это дело нужно аккуратно сделать в мобильной версии сайта, но из-за большого количества элементов это сделать крайне проблематично. В связи с этим пришла мысль полностью сверстать новую шапку для мобильных. Итак сам вопрос: яндексу и гуглу понравиться ли что на сайте будет по сути две шапки: одна для дексктопа, другая для мобильных?
  • Вопрос задан
  • 354 просмотра
Решения вопроса 1
SeaInside
@SeaInside
10 лет пилю все эти штуки
Здравствуйте.
Конечно, идеальный вариант - обойтись одной разметкой и для десктопа, и для мобильных устройств. Но в ряде случаев это невозможно.

Тут встаёт выбор, чем нам пожертвовать:
  • можно принести на алтарь скорость разработки, сложность дальнейшей поддержки и UX, с помощью JS отслеживая размер экрана и на лету перестраивая шапку из одной разметки в другую;
    • Поисковики довольны - есть один контент;
    • Пользователи не очень довольны - они эти перестроения могут заметить, либо дольше ждут загрузки;
    • Разработчики очень недовольны (особенно когда год спустя клиент приходит и говорит "а давайте сюда вот добавим вот такой блок" и надо вспомнить логику всех этих хитрых переставлений).

  • можно пожертвовать потенциальным удобством поисковиков и сделать полный дубль блока для мобильных устройств.
    • Поисковики, вероятно, смотрят с недоверием;
    • Пользователи довольны - никаких перестроений на лету они не видят;
    • Разработчики довольны - получается структура, которую легко можно понять и поддерживать.


Какой эффект это оказывает на СЕО? Какой-то, вероятно, оказывает, но практически нулевой.
На сайтах часто отображают логотип дважды - в шапке и в подвале. Также меню дублируют. И телефоны. И ещё бывает повторяющийся контент. И ничего, нормально продвигается.

Логика подсказывает, что дубли контента на странице не очень радуют поисковые системы.
Практика отвечает, что всем насрать это ни на что не влияет и нужно сосредоточиться на более важных вещах.

Делайте как вам и пользователям удобнее, у поисковиков есть проблемы гораздо более серьёзные, чем дважды повторённый логотип в соседних блоках.
Ответ написан
Пригласить эксперта
Ответы на вопрос 4
@bozuriciyu
Влияние на СЕО равно примерно нулю. Найди себе вещи поважнее в жизни о чем беспокоится. Например запусти сайт и убедись что он никому не нужен, гугл его не показывает в выдаче, и есть проблемы в миллион раз важнее твоей смешной проблемы и перестань задавать глупые вопросы наконец.
Ответ написан
@itsjustmypage
Это легко гуглится. Ответ Гугла - разный html для десктопа и мобилок это ок.
Ответ написан
@strelok011
Судя по тому, что материалайз, используя гайдлайны гугла, предлагает для мобильного вида выдвижной сайдбар с дублированием навигации, логотипа и проч, СЕО не пострадает. Использую подобный подход на нескольких сайтах - никто не жалуется, поисковики индексируют.
Ответ написан
webrevenue
@webrevenue
Веб-дизайнер и SEO оптимизатор
Скройте одну шапку через JS - чтобы ее не было видно в html)
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы