#html #css #seo
#HTML #css #seo
Вопрос:
При стилизации ссылки с фоновым изображением, где ссылка содержит текст, который заменяется текстом на изображении, можно ли с точки зрения SEO установить размер шрифта равным 0, чтобы текст не был поверх изображения?
Вот так:
<a href="htp://google.com" title="Google, the Best Search Engine!" class="googleLink"> Google </a>
<style>
.googleLink {
display: block; height: 40px; width: 40px;
background: url('googleLinkImage-40x40.png') no-repeat;
font-size: 0;
}
<style>
Я понимаю, что размер шрифта 0 плох, если вы злоупотребляете им, чтобы скрыть ключевые слова, но вредит ли этот метод SEO при искреннем использовании ?.
Спасибо.
Комментарии:
1. … похоже, вы уже знаете ответ. Если у вас есть хорошая история для объяснения клиенту, почему их сайт попал в черный список Google, все может быть в порядке 😉 Однако это вопрос из 2 частей, второй из которых: «Как отменить попадание в черный список поисковой системой»
2. Я бы не стал переоценивать влияние SEO на такие мелкие детали. Поисковые системы знают, что такое
title
атрибут.
Ответ №1:
Когда дело доходит до SEO, никто на самом деле не знает, что хорошо, а что нет, потому что ни Google, ни Microsoft на самом деле никому не говорят, как именно это влияет на ваш рейтинг.
«Экспертам» по SEO нравится смотреть Google и Bing и т. Д. И Пытаться увидеть, какой эффект оказывают различные методы; они могут видеть, какие сайты получают хорошие рейтинги, и смотреть на эти сайты, чтобы увидеть, что они делают по-другому по сравнению с окружающими.
Действительно хорошие специалисты по SEO действительно могут преуспеть в разработке некоторых ключевых вещей, которые нужно сделать, чтобы изменить ситуацию. Но большинство так называемых «экспертов» на самом деле просто повторяют то, что они слышали от других людей.
Одна действительно важная вещь, которую нужно знать, это то, что независимо от того, что хорошо работает сейчас, вам также нужно учитывать, что будет работать в будущем.
Известно, что Google, в частности, очень сознательно настраивает свои алгоритмы, чтобы наказывать методы SEO, которые они считают «мошенническими». Хитрые трюки, которые успешно выводили сайты в начало списка, внезапно превратились в то, что они исчезли в небытие.
Поэтому мой совет заключается в следующем: я не могу сказать вам, поможет или не поможет этот конкретный трюк вашему SEO. Я не претендую на звание эксперта в этой области. Но я скажу, что каждый раз, когда вам кажется, что вы хитрите, чтобы заработать очки SEO, это, вероятно, будет в лучшем случае краткосрочным выигрышем, и есть большая вероятность, что это действительно вызовет у вас проблемы позже.
Так что, если вы думаете, что это похоже на хитрый трюк, на который Google может обидеться, тогда вам стоит дважды подумать об этом. Будет title
ли недостаточно атрибута? (по-видимому, они отлично подходят для SEO)
С другой стороны, если вам кажется, что это законный способ скрыть текст, который вы хотите видеть в содержимом страницы, но не отображать, тогда продолжайте.
От себя: что бы сделал Google? 😉
Комментарии:
1. Если бы я мог пометить два ответа как правильные, я бы это сделал, но у другого есть альтернативное решение, более полезное для людей, ищущих метод «лучше, чем потом сожалеть». Спасибо!
Ответ №2:
Здесь важно использовать ваш alt тег атрибут для SEO, Google рекомендует именно так.
Сказав, что для этого существует несколько методов css. Тот, который я рекомендую, использует text-indent: -99999em;
вместо decresing font-size
.
Комментарии:
1.это
alt
атрибут, а не тег! Иalt
применимо только к<img>
тегам. Ноtitle
атрибут также хорош, и он работает со всеми элементами.2. @Spudley спасибо за предупреждение! по какой-то причине у меня в голове были теги
3. Обратите внимание, что если вы используете отрицательный
text-indent
знак для ссылки, вы также должны указатьoverflow: hidden
ссылку. В противном случае, когда ссылка попадает в фокус, линии фокусировки будут отходить от края экрана, чтобы обтекать текст за пределами экрана.4. Спасибо, я не знал
overflow: auto
, что можно скрыть контур, и именно поэтому мне не понравилось его использовать.5. Чем
text-indent: -99999em;
лучшеfont-size:0
?