CSS и SEO Вопрос

Question

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

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

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

Мой вопрос:

Является ли эта форма навигации хорошо для SEO? Скрывает <span> как спам в поисковых системах. Будут ли поисковые системы даже подобрать эту форму меню?

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

Answer 1

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

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

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

Answer 2

Вы можете использовать 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 3

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

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