Почему на странице появляются два H1 из мобильного и десктопного меню

Скрытие CSS не удаляет заголовок из HTML. Если шаблон выводит две версии блока, оба H1 остаются в структуре документа.

Почему на странице появляются два H1 из мобильного и десктопного меню — рабочая ситуация по теме статьи

Появление двух тегов H1 на одной странице — из мобильного и десктопного вариантов меню одновременно — обычно связано с тем, как реализована адаптивная вёрстка навигации, а не с осознанным решением о структуре страницы.

Как это возникает технически

Если сайт использует два отдельных набора разметки для десктопной и мобильной навигации (показывая нужный через CSS в зависимости от размера экрана), а название сайта или заголовок ошибочно помечен тегом h1 в обоих вариантах, в код страницы попадают два H1 одновременно — просто один из них визуально скрыт.

Почему это проблема, даже если визуально не видно на экране

Поисковые роботы читают исходный HTML-код целиком, включая скрытые через CSS элементы — наличие двух H1 в коде может создавать неоднозначность в определении главной темы страницы, даже если для обычного посетителя видна только одна версия меню.

Решение

Название сайта в шапке навигации (в обоих вариантах — мобильном и десктопном) должно быть в менее значимом теге, например div или span с соответствующим оформлением через CSS, а не H1 — H1 стоит оставить только для основного заголовка содержания конкретной страницы.

FAQ

Частые вопросы по теме

01Можно применить рекомендации из статьи к существующему проекту?

Да. Если сайт, реклама или интеграция уже работают, сначала проверяем текущую реализацию и предлагаем изменения без обязательной полной переделки.

02Сколько стоит связанная работа?

Стартовая стоимость услуги «Технический аудит сайта» — От 20 000 ₽. Точная оценка зависит от текущего проекта и объёма изменений.

03Что прислать для оценки?

Ссылку на сайт или сервис, короткое описание проблемы и пример ожидаемого результата. Доступы и подробное ТЗ для первого ответа обычно не нужны.

Дальше

Ещё материалы по теме

Вопрос по проекту

Покажите текущую ситуацию

Ссылка и короткое описание обычно полезнее длинного ТЗ. Мы увидим тему статьи в источнике заявки и не заставим повторять контекст.

Связаться

Старт

Можно прийти
просто с задачей.

Без готового ТЗ. Достаточно описать, что нужно запустить, исправить или связать.

Получить оценку

Коротко опишите задачу