Подмена текста на сайте изображением — распространенная техника среди верстальщиков. С помощью CSS вы можете спрятать текст вне поля видимости страницы на мониторе, а на его месте расположить какую-либо картинку.
Для чего это нужно и как отнесутся к этому поисковые системы?
Давайте приведем пример. Допустим, у нас на сайте имеется логотип в виде картинки. Следующий код реализует это:
<h1 class="logo">
<img src="images/logo.jpg" alt="Название логотипа или компании" />
</h1>Давайте применим технику CSS-подмены. Создадим CSS-класс logo:
h1.logo {
width: 300px; height: 50px;
background: url(images/logo.jpg);
text-indent: -9999px;
}Остается немного изменить наш код логотипа:
<h1 class="logo">Название логотипа или компании </h1>Визуально вы не найдете разницы. И в первом и во втором случае вы увидите изображение логотипа, и никакого текста.
Но давайте взглянем на это со стороны SEO. Известно, что для выделение наиболее важных ключевых слов на сайте (как правило, по которым происходит продвижение) их помещают в теги заголовков <h1>…<h6> и логического выделения, в основном <strong>, <em>.
Во втором случае, когда применяется CSS-подмена текста изображением, сам текст присутствует в теге <h1>. И поисковая система, когда будет разбирать структуру сайта, выделит этот текст, как более приоритетный на странице и придаст ему дополнительный вес.
Рождается вопрос, а не противоречит ли это правилам поисковых систем. То есть фактически, мы предоставляем пользователю и поисковой системе различающуюся информацию.
За и против
Итак, давайте поглубже вникнем в суть этого метода с точки зрения SEO. Почему оптимизаторы начинают использовать эту технику?
Никто не мешает заменять изображениями большие блоки текста, насыщенные ключевыми словами. Ведь пользователю эти блоки не будут видны, а поисковая система «проглотит» их и будет использовать в ранжировании. Этим SEO-специалисты и пользуются.
Но может ли данная техника повлечь бан всего сайта или наложения какого-либо фильтра?
По словам Google?
Мэтт Катс, глава отдела по борьбе с поисковым спамом в Google, однажды сказал:
Использование CSS-подмены текста изображение является допустимой техникой. И Google не будет штрафовать сайт за ее использование, при условии, что соблюдены правила: текст на картинке должен полностью соответствовать заменяемому тексту. Например, если ваша компания называется «Expo Markers», что и изображено на логотипе, и скрытый текст тоже «Expo Markers», то вы можете не беспокоиться. Никакого нарушения правил здесь нет. Но если скрытый текст: «Expo Markers cheap online discount buy online Expo Markers sale …», то есть повод для беспокойства, потому как Google может оштрафовать сайт, или что еще хуже — забанить.
Не используйте скрытый текст для добавления ключевых слов. Если логотип — изображение, обычный img с точным alt проще проверить на доступность, чем text-indent: -9999px; правила поисковых систем не дают универсальной гарантии ранжирования.
Используете ли вы подобный метод подмены и были ли у вас проблемы с поисковиками по этому поводу?