Является ли скрытый контент с «Display: None» законным SEO?

Если вы занимаетесь SEO на сайте с тысячами или десятками тысяч страниц, скорее всего, вы работаете с какой-то системой управления контентом (CMS). Однако системы CMS часто вызывают проблемы с поисковыми системами. В большинстве случаев эти проблемы возникают из-за незнания со стороны разработчиков программного обеспечения CMS. По сути, если разработчики не знакомы с работой поисковых систем, они могут использовать методы кодирования, которые не предназначены для обмана, но могут восприниматься таким образом поисковой системой.

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

Обзор дисплея: нет

На больших сайтах у вас могут быть большие и сложные структуры меню. Например, давайте представим, что у вас есть 10 основных тематических областей на вашем сайте, и каждая из них имеет от 5 до 10 подтем. Вы можете спроектировать свою навигационную систему так, чтобы на каждой странице сайта отображались все основные темы и все их подтемы.

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

Когда вы находитесь на страницах сайта, связанных с темой 1 (категория 1 ниже), вы можете захотеть, чтобы меню отображалось пользователю следующим образом:

Однако, когда вы находитесь на страницах сайта, связанных с темой 2 (раздел 2 ниже), вы можете захотеть, чтобы меню отображалось пользователю следующим образом:

Эти вещи часто реализуются с использованием атрибута display: none внутри тега div. Если вы определяете структуру меню на веб-странице, вы можете реализовать тег div следующим образом:

Зачем использовать атрибут display no?

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

Тем не менее, вы можете пойти дальше. Если у вас динамическое веб-приложение, вы можете отобразить подменю при наведении курсора мыши. Вот пример этого из Amazon:

Обратите внимание, как при наведении курсора мыши выделено подменю «Фильмы, музыка и игры». Amazon CMS имеет все пункты меню, загруженные в HTML страницы, но скрывает все подменю до тех пор, пока вы не наведите курсор мыши, после чего Amazon покажет вам связанные подкатегории. Это только один из примеров его использования.

Другие сайты используют отображение: ни один в своих пропущенных ссылках и реализациях программы чтения с экрана для слабовидящих. Поскольку программы чтения с экрана читают содержимое экрана, вам часто хочется немного изменить дизайн своей страницы, чтобы помочь этим людям. Классический пример - меню из 100 пунктов. Возможно, вы хотите, чтобы программа чтения с экрана пропустила все эти ссылки. В конце концов, пользователь, вероятно, хочет услышать основное содержание страницы, а не слушать в течение нескольких минут ваш список ссылок.

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

Темная сторона дисплея: нет атрибута

К сожалению, вы также можете использовать display: none, чтобы просто скрыть текст. Вот пример кода для этого:

Вот тут-то и возникает проблема восприятия. Люди беспокоятся о том, что использование дисплея: ни один для создания меню или для кода, который действительно предназначен для программ чтения с экрана, не может привести их к проблемам. Кто-то спросил меня об этом совсем недавно.

Законное использование этой техники настолько распространено, что я редко ожидаю, что поисковые системы будут наказывать сайт за использование атрибута display: none. Просто очень трудно реализовать алгоритм, который действительно мог бы определить, используется ли конкретное отображение: ни один не предназначен для обмана поисковых систем или нет.

В частности, если вы используете систему CMS, которая используется многими другими, а CMS использует отображение: ни один из способов, описанных выше, я сомневаюсь, что у вас возникнет проблема. То, от чего вы хотите держаться подальше, это нестандартные и экзотические новые способы использования дисплея: нет. Они могут быть аккуратными уловками кодирования и интересными в освоении, но они увеличат вашу подверженность потенциальной негативной реакции со стороны поисковой системы.

Эрик Энге является президентом Каменный Храм Консалтинг , SEO консультации за пределами Бостона. Эрик также является соучредителем Moving Traffic Inc., издателя Руководство по пользовательскому поиску ,

Мнения, выраженные в этой статье, принадлежат автору гостя и не обязательно относятся к Search Engine Land. Штатные авторы перечислены Вот ,

Об авторе

Похожие

Комментарии