SEO дружественный JavaScript и CSS ссылки?

Question

Можно ли оптимизировать навигационную систему с использованием javascript, но ради поисковых систем можно ли сканировать гиперссылки?

Или, может быть, оператор условия, который вызывает HTML-код, только если JavaScript не включен в браузере или сканируется поисковой системой?

Answer 1

То, что вы описываете, будет характеризоваться ненавязчивым javascript.

см; http://en.wikipedia.org/wiki/Unobtrusive_JavaScript

Вы пишете свой HTML наиболее семантически дружественным для SEO способом для поисковых систем и пользователей с отключенным javascript, а затем добавляете свой сценарий отдельно, чтобы добавить свои навороты.

Фреймворк, такой как jQuery , часто бывает полезен.

Например;

<a href="/about" id="about">About</a>

может быть передана другая функция через внешний файл javascript, содержащий;

$("#about").click( function() {
    //fancy code here
    return false;
});

, который остановит пользователя в / о и выполнит вместо этого данный javascript.

По сути, это обратное вашему предложению; скорее, JavaScript используется только в том случае, если он доступен для улучшения существующего HTML.

Answer 2

Конечно. Помимо того, что он оптимизирован для SEO, он также гораздо более доступен для пользователей с ограниченными возможностями; если вы работаете или можете когда-нибудь работать в государственном или высшем образовании, вам нужно знать о доступности, хотя на самом деле все должны помнить об этом.

Google "прогрессивное улучшение" для получения дополнительной информации; вот хорошая статья .

По сути, вы хотите создать свой сайт, как если бы он использовал обычную навигацию по ссылкам, а затем добавить обработчики событий javascript для перехвата кликов, которые обычно вызывают навигацию.

Answer 3

В основном, главное было бы добавить реальные URL-адреса в теги href и обработчик щелчка даже для отмены значения по умолчанию.

Answer 4

Например, suckerfish - это выпадающие меню, основанные на вложенных списках HTML, превращенные в горизонтальные меню. Это выглядит красиво и чисто и имеет полностью сканируемые ссылки. Как правило, лучше генерировать HTML, а затем использовать прогрессивное улучшение, чтобы превратить HTML во что-то приятное с помощью JavaScript.

С другой стороны, если вы генерируете навигацию JavaScript, например, как объект JSON, должно быть легко сгенерировать XML карта сайта для Google.

Что вы подразумеваете под "оптимизированными"? Оптимизирован для скорости, потому что ваше дерево навигации огромно и будет генерировать ненужный HTML-трафик? Затем вы должны сгенерировать навигацию с помощью вызовов JavaScript и Ajax, чтобы сократить время загрузки и предоставить карту сайта поисковым системам. Если вы имеете в виду «красивая», используйте прогрессивное улучшение.

Answer 5

Нелегко вызвать событие, если javascript отключен, потому что для запуска чего-либо на стороне клиента вы используете javascript. Что я делаю для своих сайтов, так это использую статические ссылки html, а затем использую javascript, чтобы изменить то, что происходит при нажатии этих ссылок.

Таким образом, вы можете иметь ссылку где-нибудь, которая все еще может быть сканирована и работает нормально, если javascript отключен, но если javascript включен, используйте метод AJAX для перезагрузки частей страницы.