Поисковые системы. Поисковая оптимизация. События в мире SEO

При словах “скрытый текст” сразу возникают ассоциации с т. н. черными методами оптимизации: создание дорвеев, серых сайтов, клоакинг и прочий поисковый спам. Наверное такое мнение сложилось именно потому, что дорвейщики - наиболее техничные из оптимизаторов и умеют использовать такие методы, когда приходится балансировать на грани. Однако на многих вроде бы “белых” сайтах эти техники также применяются, что приводит иногда к громким скандалам на буржуйских сео-форумах. Известные мне примеры: бан сайта авто Ford за использование клоакинга и вылет из индекса сайта BMW за скрытый текст на сайте. Стоит отметить, что некоторые методы сокрытия текста действительно могут применяться на пользу посетителям. В таком случае если ваш сайт забанят, вы можете подать заявку в службу поддержки поисковика и возможно вас восстановят в правах.

Для чего может применяться сокрытие текста?

Распространенное применение для скрытого текста - повышение плотности ключевых слов на веб-странице для лучшего ранжирования в поисковых системах. Если из поисковой системы пользователь перейдет на дорвей без редиректа (или у этого пользователя будет отключен JavaScript, на котором обычно и пишется редирект), владелец которого не постарался спрятать генерированный текст, то увидит перемешанные ключевики и вполне может подать жалобу поисковой системе на спам в выдаче. Реакция саппорта поисковиков на сообщения о спаме обычно достаточно оперативная, чтобы ваша страница (и весь домен с ней) пропала из индекса навсегда.

“Белое” применение скрытого текста - организация нормального просмотра сайта пользователями со слабым зрением, с отключенным JavaScript или слабым интернет-соединением и подготовка страниц к печати.

На заметку хозяйке:

* Если используется CSS, то все стили лучше выносить во внешний файл; если вы переопределяете стандартные теги, то лучше не создавать отдельный класс со стилями, а писать прямо так:
.body { color:#000; background: #FFF;}

*все звездочки в HTML коде поставлены для того, чтобы вордпресс их не обработал. Как сделать иначе - не знаю

Как скрыть текст:

1. Раскрасить текст в цвет фона

CSS:
.body { color:#FFF; background: #FFF;} - белый текст на белом фоне

В HTML коде:
<*font color="white">download ringtones,new ringtones,phone ringtones<*/font>

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

2. Поместить текст в тег Noscript

Старый надежный метод… Суть в том, что приблизительно у 3% пользователей сети в браузерах отключен JavaScript, то есть скрипты не могут выполняться. Поэтому чтобы такой недалекий пользователь (если он не дорвейщик в поисках конкурентов) увидел нужный текст (например “для просмотра страницы вам необходимо включить JavaScript”), его нужно помесить в тег <*noscript><*/noscript>. Роботы тоже не исполняют JavaScript, поэтому видят то, что вы написали в <*noscript>: это могут быть ключевики, спрятанные ссылки или просто безобидный текст. Недавно я уже писал про эту технику на счетчиках статистики.

3. Использовать клоакинг

Робот поисковой системы видит специально для него созданную, набитую ключевиками страницу, а посетитель - нормальную страницу сайта. Техника реализации клоакинга была рассмотрена ранее в статье про то, как роботы индексируют платный контент.

Есть много вариантов использования CSS для скрытия текста. Пару примеров можно найти здесь. Вот какие есть еще варианты:

4. Сделать нулевой или отрицательный размер текста

font-size: 0px; или
font-size:-10000px;

5. Использовать CSS атрибут Display:none

<*div class="hiddentext" style="display: none;">Этот текст спрятан<*/div>

При использовании этого оператора элементы страницы в <*div> не отображаются на экране и не влияют на расположение других элементов страницы, то есть не портят верстку. Обычное использование Display:none - это динамическое создание готовых к печати страниц сайтов. В таких случаях пишут скрипт, который на лету заключает навигацию, рекламу и другие ненужные для печатной версии элементы страницы в “невидимые” div’ы.

6. Расположить текст за видимой областью экрана

.hideme {
position : absolute;
left : -1000px;
}

Тогда в HTML коде:
<*div class="hideme">Этот текст левее видимой области экрана<*/div>

7. Использовать CSS атрибут Visibility:hidden

<*div class="hiddentext" style="visibility:hidden">Этот текст спрятан<*/div>

Главное отличие от display:none в том, что в данном случае текст хоть и не виден пользователю, но занимает место в сверстанном шаблоне. На месте такого текста будет просто пустое место. Пропарсить HTML или CSS на предмет наличия слова hidden - задача простая, поэтому скорее всего легко определяется роботами поисковиков.

8. Использовать слои (оператор Z-index). Скрытый текст прячется под внешним видимым слоем

.hiddentext // это класс спрятанного текста
{ position: absolute; top: 120px; left: 250px;
z-index: 0;
}

.visibletext // этот класс внешнего слоя, который закроет собой нижний слой
{ position: absolute; top: 120px; left: 250px;
z-index: 1;
}

Текст в классе visibletext будет виден просто потому, что число z-index у него больше, чем у класса hiddentext.

9. Сжать блок текста в точку

.hidden
{position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden;}

Другие техники скрытия текста в HTML тегах используя CSS можно найти здесь.

10. Писать текст в тегах alt и title для картинок и ссылок

У большинства нормальных пользователей включены и JavaScript, и загрузка картинок. Поэтому они не видят содержимое тегов alt и title картинок и тега title у ссылок. Эти значения парсятся роботами, так почему бы не включить в эти теги дополнительный текст? Для серых и белых проектов следует писать читабельные, ориентированные на людей альты и тайтлы.

11. Закрывать текст картинкой

На мой взгляд одна из самых лучших техник. Трудно представить себе алгоритм, который позволит определить этот тип скрытия текста при использовании небольших вычислительных ресурсов. Его эффективность уже была замечена на некоторых сервисах статистики.

12. Прятать текст во флеше, применяя sIFR

На конференции SEMNE директор Google по системе индексации Dan Crow говорил, что из Flash технологий Google наиболее хорошо поддерживает технологию sIFR. Технология sIFR на лету преобразует HTML код во Flash, сохраняя при этом полную аналогию HTML коду. Поисковая система получает код HTML, пользователь - страницу во Flash. Этот тип клоакинга Google не считает спамом. Как прятать текст через технологию sIFR, читайте здесь.

13. Другой вариант использования Flash технологии - объекты SWFObject

Они не гарантируют идентичности с HTML кодом, это просто скомпилированный файл. Поэтому использовать эту технику не рекомендуется (вдруг вы спамер, а робот не сможет это определить).

Как мы уже видели, роботы с трудом определяют скрытый на сайте текст, и основная надежда поисковиков - на жалобы конкурентов. Все техники в разной степени выдают себя: проще всего определить атрибут hidden простым парсингом HTML кода, а сложнее всего на мой взгляд - скрытие текста под картинкой, noscript и объекты SWFObject.

Я думаю каждый найдет в этой статье что-нибудь полезное для себя. Мне например не нужно будет перерывать каждый раз сотни закладок . А если есть вопросы, свои варианты этих техник или какие-нибудь мнения - велкам в комментарии.