Короткий посібник з прихованого контенту

Про приховані блоки:

Жодних ручних санкцій, за прихований контент в Google – немає.

Є санкції за контент, який не збігається з темою сторінки.

Якщо контент, який з якихось причин не бачимо, але при цьому повністю відповідає темі сторінки, то за такий контент ніяких санкцій ніколи не було і не буде.

Такий контент, в тому числі може бути не тільки частиною сніппета, а й містити унікальні ключі за якими буде ранжуватися сторінка.

Способи приховування блоків

  • overflow: hidden

Блоку, що містить контент, встановлюється фіксована Висота з властивістю overflow: hidden; що призводить до результату, коли частина блоку За межами зазначеної висоти, візуально прихована, але пошукова машина розглядає його як видимий.

<div style=”height: 25px; overflow: hidden;”>
<!– Цей параграф буде видимим, бо висоти блоку досить
щоб відобразити один рядок –>
<p>
Перший блок інформації
</p>
<!– Цей параграф буде прихований, так як позиційно він знаходиться за
межами дозволеної висоти у 25px. –>
<p>
Другий блок інформації
</p>
</div>

  • position: absolute

Блоку, що містить контент, встановлюється абсолютне позиціонування зі зміщенням вліво далеко за область видимості.

Цей спосіб був згаданий в Google WebMaster блозі, як спосіб допустимий для приховування контенту.

Подібний спосіб також рекомендується, в разі розмітки контенту для людей з обмеженими можливостями, коли контент повинен бути прочитаний програмою озвучування текстів.

<div style=”position: absolute; left: -9999999px;”>
<p>
Перший блок інформації
</p>
<p>
Другий блок інформації
</p>
</div>

  • display:none

Блоку, що містить контент, встановлюється css властивість display у значенні none.

Контент з таких блоків індексується, бере участь в пошуку, і може бути частиною сніппета у видачі.

<div style=”display: none;”>
<p>
Перший блок інформації
</p>
<p>
Другий блок інформації
</p>
</div>

Проте, бувають рідкісні ситуації, коли контент прихований саме таким способом, починає впливати на сторінку інакше, ніж будь-який інший.

В силу складнощів з відтворенням ситуації, досі точно не встановлено, чим і як продиктовано таку поведінку з боку системи аналізу.

У будь-якому випадку, такі блоки, негативного впливу на сторінку не мають.

Приховати видимий текст від індексу

Досягається це завдяки тим, що контент з псевдоелементів не індексується, при цьому завдяки можливості брати контент з атрибута через функцію attr(data-text) метод стає максимально гнучким.

<–! block або inline-block в залежності від ситуації –> >
<style>
.element::before {
display: block;
content: attr(data-text);
}
</style>

<div class= “element” data-text= “Заголовок”>
</div>

Оцініть статтю
Додати коментар