Этот совет мог стать неактуальным, т. к. прошло много времени с момента публикации.

Чи безпечно використовувати display: none для приховання контенту на сторінці? Де на сторінці краще розміщувати текст категорій товарів?

Доброго часу! Є інтернет-магазин. На сторінках категорій ми розмістили оптимізований текст вище над списком товарів. Але це не дуже зручно для відвідувачів. Розробники частину тексту запропонували приховати через display: none і розгортати його клікаючи на посилання. Питання: 1. Чи безпечно використовувати display: none для наших цілей? 2. В якому місці на сторінці найкраще розміщувати текст категорій товарів (над товарами, під товарами, інші варіанти)? Дякую!

Владислав

employee Эдуард Пронин

29 августа 2012

Содержимое тега со свойствами display: none поисковые системы легко индексируют, но возникает другой вопрос: как они к этому относятся? На данный момент какие-либо исследования в данном направлении не проводились. Но если брать за основу изречение: «Что хорошо для людей, то хорошо для поисковых систем», можно предположить что контент, который не виден пользователям, не очень то им и полезен, даже если увидеть его очень легко (не все могут обратить внимание на кнопку «Подробнее»). Также тегом со свойствами display: none пользуются для манипуляции ПС, что не очень хорошо характеризует данное свойство.

Давно известно, что ПС придает больший вес содержимому, расположенному ближе к началу страницы. Также иногда Google индексирует только первые 100 Кб страницы. Поэтому очень важно, чтобы оптимизированный текст находился как можно выше в коде станицы. С другой стороны, пользователям, которые заходят на страницу категории товаров, скорее всего, захочется посмотреть представленные товары, а не читать текст (в этом же заинтересован продавец). Выход из такой ситуации есть: использовать абсолютное позиционирование для верстки страницы. Подробнее об этом способе вы можете почитать здесь http://www.webremeslo.ru/css/glava12.html. Пример можно увидеть на всем известной «Розетке»: на странице http://bt.rozetka.com.ua/bigbt/c80080/ описание категории находится вверху исходного кода. Если посмотреть свойства тега <div id="text-description-page" class="text-description-page">, содержащего описание категории, то можем увидеть следующее:

.text-description-page {

position: absolute;
bottom: 335px;
width: 100%;
z-index: 10;
left: 0;
color: #999;
overflow: hidden

}

Здесь "position:absolute;bottom:335px;" означает, что данный тег находится фиксировано, на 335 пикселей выше нижней части страницы.

Теги: SEO, внутренняя оптимизация, анализ