CSS и SEO вопрос

Question

В настоящее время я создаю веб-сайт для клиента, в котором я использую CSS для меню (не JavaScript). Для ролловеров есть фоновое изображение, которое содержит обычное состояние и ролловер.

пример кода: <a id="foo" href="bar.php" ><span>BAR</span></a>

Я скрываю <span> и вместо этого использую фоновое изображение.

Мой вопрос:

Хороша ли эта форма навигации для SEO? Скрывает <span>, который поисковые системы считают спамом. Удастся ли поисковым системам подобрать такую ​​форму меню?

Пожалуйста, помогите

Answer 1

Вы можете использовать свойство text-indent css для элемента <li> или <a>. Таким образом, вам не придется скрывать это с помощью CSS. Таким образом, у вас будет что-то вроде этого

<ul>
  <li><a id="foobar">foobar</a></li>
</ul>

Тогда у вас может быть следующее css:

li a {
  display: block;
  text-indent: -1000px;
  width: 20px;
  height: 20px;
  background: transparent url('/image/path.png') no-repeat;
}

Answer 2

Многие / большинство / (все?) Поисковые системы не будут понимать CSS в той степени, в которой они знают, что вы прячете <span>. Для тех, вы в порядке.

Для всех, кто достаточно умён, чтобы понимать ваш CSS, они также поймут причины, по которым люди это делают, и узнают, что вы делаете. Так что для тех, с кем ты тоже в порядке.

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

Answer 3

Если вы просто собираетесь скрыть их, используя display: none; тогда вы захотите проверить вопрос, который, по мнению Stack Overflow, имеет к вам наибольшее отношение: Google SEO и скрытые элементы .

Резюме: Google игнорирует все, что может определить, невидимо для людей.