Задать вопрос
@OneTwoThreeFourFive
css

Влияет ли на сео display: none?

Здравствуйте. На одной странице, в футере, надо скрыть div, в котором есть 2 картинки с ссылками на внутренние страницы сайта и форма подписки на новости. В гугле находил, что нельзя скрывать контент display: none, отрицательно влияет на сео. Правда ли это? Как скрыть этот div другим способом?
  • Вопрос задан
  • 12543 просмотра
Комментировать
Подписаться 4 Оценить Комментировать
Решения вопроса 1
XXX
@XXX
Решение где-то рядом
На одной странице, в футере, надо скрыть div, в котором есть 2 картинки с ссылками на внутренние страницы сайта и форма подписки на новости.

OneTwoThreeFourFive если вы собираетесь скрыть элементы дизайна, с контентом не имеющим особой ценности для пользователя и продвижения, то вам не о чем переживать.

В гугле находил, что нельзя скрывать контент display: none, отрицательно влияет на сео.
Это относится к основному контенту страницы, релеватному запросам пользователя, всему что важно для целостности материала. Шаблонная форма подписки и пара баннеров из футера особой ценности не несут.

Google о том как нельзя скрывать контент описал в справке https://support.google.com/webmasters/answer/66353...

I'd recommend not using hidden text to hide keywords on a page. If something is relevant to the page, then it's probably relevant to the user too, so I'd recommend showing it to the user. John Mueller


display:none боты могут индесировать, но скрытый контент всегда будет обладать меньшим весом и хуже ранживаться. Т.е. прятать важную часть контента, содержащую ключи по которым пользователи могут искать этот материал, точно не стоит.
Ответ написан
4 комментария
4 комментария
Пригласить эксперта
Ответы на вопрос 4
AXP-dev
@AXP-dev
Скрывать надо через visible hidden

Как вариант - https://codepen.io/anon/pen/yXzJGx
Ответ написан
1 комментарий
1 комментарий
ShadowOfCasper
@ShadowOfCasper
Middle User Interface Web Developer
Я бы вообще не советовал тебе использовать даже методы из библиотек jQuery, которые тоглят элементы через display: none. Кроме того, что роботы не видят часть контента, если у нас в табах содержатся элементы с логикой на js, её придётся загонять в отдельную функцию и переинициализировать, поскольку элемент с display: none пропадает даже для js.
Вообще самый анимашный способ прятать элементы: pointer-events: none -> auto, opacity: 0 -> 1
Ответ написан
Комментировать
Комментировать
uokersam
@uokersam
Влияет. Роботы не видят display: none. А visible: hidden, как справедливо заметил Alexander Pushkarev - видят. Т.е. скрыть семантические заголовки лучше именно таким образом.

По теме - 'HTML шорты - зачем нужны заголовки?' посмотрите этот выпуск, а также ссылки внизу, потратьте 5-10 минут . Если не интересна семантика, можно сразу ссылки под видео тыкать =)
Ответ написан
2 комментария
2 комментария
@Chebaa
Если кратко, то влияет! Поисковики видят, и снижают вес скрытого контента. Подробнее
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Frontend React
Glob-com
от 100 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Создать бота
24 апр. 2024, в 09:32
25000 руб./за проект
Требуется выполнить анимацию в 3D
24 апр. 2024, в 09:27
13000 руб./за проект
Поднять сайт
24 апр. 2024, в 09:20
10000 руб./за проект
Ещё заказы