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

Question

[OneTwoThreeFourFive]

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

Answer 1

[Natan]

На одной странице, в футере, надо скрыть 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 боты могут индесировать, но скрытый контент всегда будет обладать меньшим весом и хуже ранживаться. Т.е. прятать важную часть контента, содержащую ключи по которым пользователи могут искать этот материал, точно не стоит.

Comments

[OneTwoThreeFourFive]

Спасибо. Но похоже есть другой вариант, то, что нужно скрыть находится в виджете в футере. Наверно можно отключить виджет на определённой странице с помощью function.php. В любом случае спасибо за ответ.

[alvvi]

OneTwoThreeFourFive: если речь про wordpress, то возможно имеет смысл просто перенести это из виджета в темплейт и добавить там if() с проверкой не та ли эта страница.

[OneTwoThreeFourFive]

Илья Ростопка: Привет. Я сделал вот так:

function disable_sidebar_widgets( $sidebars_widgets ) {
	if (is_single(10))
		$sidebars_widgets = array( false );
	        return $sidebars_widgets;
}
add_filter( 'sidebars_widgets', 'disable_sidebar_widgets' );

И виджеты выключились на той странице (id 10), на которой нужно было выключить

[Макс]

А если у меня система вкладок и изначально при загрузке все их контейнеры скрыты через класс d-none (в css это display: none)? А потом скриптом уже показывается первая вкладка?

Answer 2

[Alexander Pushkarev]

Скрывать надо через visible hidden

Как вариант - https://codepen.io/anon/pen/yXzJGx

Comments

[Максим Софронов]

Возможно лучше даже так:

.hidden {
	position: absolute;
	visibility: hidden;
	height: 0;
	width: 0;
	overflow: hidden;
}

Answer 3

[Никита Кит]

Я бы вообще не советовал тебе использовать даже методы из библиотек jQuery, которые тоглят элементы через display: none. Кроме того, что роботы не видят часть контента, если у нас в табах содержатся элементы с логикой на js, её придётся загонять в отдельную функцию и переинициализировать, поскольку элемент с display: none пропадает даже для js.
Вообще самый анимашный способ прятать элементы: pointer-events: none -> auto, opacity: 0 -> 1

Answer 4

[Денис Каракчиев]

Влияет. Роботы не видят display: none. А visible: hidden, как справедливо заметил Alexander Pushkarev - видят. Т.е. скрыть семантические заголовки лучше именно таким образом.

По теме - 'HTML шорты - зачем нужны заголовки?' посмотрите этот выпуск, а также ссылки внизу, потратьте 5-10 минут . Если не интересна семантика, можно сразу ссылки под видео тыкать =)

Comments

[OneTwoThreeFourFive]

Я попробовал и див просто исчез, но появилось пустое пространство, как и написано в описание к свойству. Но мне надо полностью его убрать. А если это сделать с javascript, тоже будет влиять?

[Alexander Pushkarev]

OneTwoThreeFourFive: обновил свой ответ

Answer 5

[Станислав]

Если кратко, то влияет! Поисковики видят, и снижают вес скрытого контента. Подробнее