Повлияет ли использование CSS для скрытия встроенного текста для программ чтения с экрана на SEO?

Есть одна практика, которая мне очень нравится, потому что она отлично подходит для специальных возможностей и для людей, использующих программы чтения с экрана, но мне интересно, может ли Google счесть это ''попыткой обмануть его'' и занести меня в черный список за это? Вот мой пример: когда я создаю логотип, который является названием компании, мне очень нравится это делать:

<h1>
  <a href="index.php">
    <img src="my_cool_logo.png" alt="Coolness Inc Logo" />
    COOLNESS INC
  </a>
</h1>

И затем я бы сделал text-indent: -9999px; в своем CSS, чтобы вытолкнуть текст за пределы экрана, но люди с программой чтения с экрана смогут его прочитать... что вы думаете? Плохая или хорошая практика, и могу ли я попасть в черный список за это?


person Yann Chabot    schedule 08.12.2012    source источник
comment
Разве не для этого нужен «альт»?   -  person raam86    schedule 08.12.2012


Ответы (2)


Короткий ответ: да, это не очень хорошая практика.

Подробный ответ: программы чтения с экрана читают тег ALT; поскольку это основная причина, по которой атрибут ALT был включен в тег. Подробнее.

На данный момент робот Googlebot не анализирует CSS и Javascript. Возможно, недалек тот день, когда он начнет извлекать все связанные файлы и изучать рендеринг страницы. Я нашел интересную статью (Когда Google понимает файлы CSS), в котором недавно обсуждалась эта возможность. Так что вы не одиноки в этом.. :)

Google может начать просто запрашивать веб-сайт, как это делает браузер, а затем анализировать объектную модель. Каковы будут рейтинги ваших страниц, когда Google на самом деле «смотрит» на них?

Спамеры обычно размещают в HTML множество популярных ключевых слов, чтобы повысить свой поисковый рейтинг, но умело скрывают эти дампы ключевых слов от пользователя с помощью CSS. Бот Googlebot достаточно умен, чтобы обнаруживать такие дампы и налагать штрафы за такие сайты. Так что ДА, робот Google может в определенной степени понимать CSS (и я никоим образом не намерен сомневаться в великих умах Google и возможности гуглбота :) )

Так что я бы устал и не переусердствовать ..

person Kent Pawar    schedule 08.12.2012
comment
Я так понял, что не должен делать это правильно? Alt-тег достаточно доступен для слепых? - person Yann Chabot; 09.12.2012
comment
@YannChabot Да, ALT достаточно. Существует множество статей, посвященных этим аспектам веб-дизайна. Лично я должен уделять больше внимания доступности, а не SEO, поскольку одно позаботится о другом. - person Kent Pawar; 09.12.2012

В этом случае вам не нужно будет добавлять и скрывать текст, так как для этого используется атрибут alt. Программа чтения с экрана будет читать название компании два раза.

Однако вам следует изменить содержимое атрибута alt. "Логотип Coolness Inc" не является описанием содержания изображения. Вместо этого вы должны использовать «Coolness Inc» (без «логотипа»).

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

person unor    schedule 09.12.2012