Включение SEO на страницах AJAX

Question

Я экспериментирую с созданием сайтов динамически на стороне клиента, через JavaScript + контент-сервер JSON, js получает контент и создает страницу на стороне клиента.

Теперь контент не будет проиндексирован Google таким образом. Есть ли обходной путь для этого? Как иметь версию на гусеничном ходу и версию для пользователя? Или иметь какие-то статические архивы? Кто-нибудь уже делал это?

Answer 1

Вы всегда должны убедиться, что ваш сайт работает без JavaScript. Сделайте ссылки, которые ссылаются на статические версии контента. Затем добавьте обработчики кликов javascript к тем ссылкам, которые блокируют выполнение действия по умолчанию, и выполните запрос AJAX. То есть используя jQuery:
HTML:

 <a href='static_content.html' id='static_content'>Go to page!</a>

Javascript:

 $('#static_content').click(function(e) {
   e.preventDefault(); //stop browser from following link
   //make AJAX request
 });

Таким образом, сайт может использоваться сканерами и пользователями без JavaScript. И имеет модный AJAX для людей с JavaScript.

Answer 2

Если сайт предназначен для индексации с помощью Google, то «информация», которую вы хотите найти и сделать общедоступной, должна быть доступна без JavaScript. Вы всегда можете добавить динамический материал позже, после загрузки страницы с помощью JavaScript. Это не только сделает страницу индексируемой, но и ускорит ее загрузку.

С другой стороны, если сайт больше похож на приложение "ala gmail", то, вероятно, вы все равно не захотите, чтобы Google его проиндексировал.

Answer 3

Вы можете использовать версию, отображаемую на сервере, а затем заменить ее при загрузке версией ajax. Но если вы собираетесь это сделать, то почему бы не построить весь сайт таким образом и просто использовать ajax для взаимодействия, когда клиент поддерживает его как неинтрузивный JavaScript.

Answer 4

Вы можете использовать phantomjs для создания версии на гусеничном ходу, посмотрите мое решение здесь:

https://github.com/liuwenchao/ajax-seo