Использование CSS-спрайтов и скрытого текста - влияние на SEO?
Я использую CSS-спрайты для кнопок на своем веб-сайте, они используются для остановки/воспроизведения/загрузки и т.д. Если я использую, например, кнопку <i class="preview">preview "track name"</i> воспроизведения с текстом, то я скрываю текст с помощью text-indent:-9999px.
Будет ли этого достаточно, чтобы получить наказание? (имейте в виду, что на странице может быть 60 товаров, и у каждого будет 3 спрайта со скрытым текстом!)
4 answers
С тобой все будет в порядке. Скрытый текст является проблемой только , когда это делается для манипулирования поисковыми системами . Это не то, что вы делаете, а почему вы это делаете, что вызывает большинство штрафов, и это прекрасный пример этого. Скрытый текст в этом примере - это просто запасной вариант для пользователей, у которых нет возможностей CSS (редкость в наши дни для пользователей, но боты - это совсем другая история, как и программы чтения с экрана).
Полностью соглашаясь с ответом Джона Конде, я хочу предупредить вас, чтобы вы не удаляли текст.
Удаление текста приведет к удалению информации из страницы. Поисковые системы не могут читать изображения, не говоря уже о CSS-спрайтах; ожидайте снижения их рейтинга. Программы чтения с экрана, используемые слепыми людьми, не могут читать или описывать изображения; ожидайте разочарования клиентов.
Наконец, я не знаю юридического контекста в вашей стране, но удаление этого текста сделает ваш веб-сайт недоступный для слепых людей, и это может привести к юридическим проблемам.
Если вы планируете использовать CSS-спрайтинг с вашими тегами <a> напрямую (что, вероятно, лучший способ сделать это для ссылок), вам определенно следует убедиться, что в каждой из ваших ссылок на спрайтированные изображения есть свойство alt, которое несколькими словами объясняет, к чему относится ссылка.
Это может быть буквально текст вашего изображения ссылки. Это также решит проблему того, как ваш сайт работает для слепых, поскольку страницы для слепых будут читать теги alt. Выполнение этого может позволить вам не нуждаться в дополнительные скрытые теги, хотя я не думаю, что их наличие вызовет какие-либо конкретные проблемы.
Не удаляйте его, это хорошо для вас, пока текст, написанный в элементе, "имеет смысл" по отношению к вашим значкам. Кроме того, вы можете добавить дополнительные дескрипторы с помощью атрибута "заголовок", если захотите.
Я не собираюсь притворяться экспертом и говорить, что это улучшит ваш SEO, но следуя логике и тому, как Google, например, любит хорошо отформатированный HTML, я могу только предположить, что он читает все и использует всю соответствующую информацию для анализа и ранжирования ваш сайт.