Про приховані блоки:
Жодних ручних санкцій, за прихований контент в 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>