Сайты, использующие AJAX

Многие владельцы сайтов уже оценили преимущества AJAX, позволяющие повысить удобство работы с ресурсами за счет создания динамических страниц, которые выступают в роли эффективных веб-приложений. Но, как и Flash, эту технологию важно реализовать без ошибок. В противном случае индексирование сайта поисковыми системами может быть затруднено. В основном AJAX вызывает две проблемы при использовании поисковых систем. Роботы поисковых систем должны "видеть" ваше содержание. Необходимо также убедиться, что они распознают правила навигации и следуют им.

Робот Googlebot хорошо подходит в тех случаях, когда нужно понять структуру HTML-ссылок, но он может допускать ошибки на тех сайтах, где для навигации применяется JavaScript. Мы постоянно улучшаем алгоритмы распознавания JavaScript, но если вы хотите, чтобы ваш сайт могли сканировать роботы Google и других поисковых систем, ссылки на контент следует предоставлять на языке HTML.

Обеспечьте доступность ресурса для всех

Мы рекомендуем создавать страницы, удобные не только для поисковых систем, но и для пользователей. При разработке сайта с помощью AJAX учитывайте потребности посетителей. В частности, подумайте о тех, чьи браузеры не поддерживают JavaScript (например, людях, использующих программы чтения с экрана или старые телефоны). Один из самых простых способов проверить доступность сайта – выполнить предварительный просмотр в обычном браузере с отключенной поддержкой JavaScript, или в текстовом браузере (например, Lynx). Просмотр сайта в текстовом режиме может также помочь вам выявить другой контент, который сложно обнаружить роботу Googlebot, например текст на изображениях или материалы в формате Flash.

Старайтесь не использовать окна iframe или создавайте отдельные ссылки на их контент

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

Применяйте прогрессивное улучшение

Если вы создаете сайт с нуля, лучше разработать структуру сайта и систему навигации, используя только HTML. Упорядочив страницы, ссылки и материалы ресурса, можно улучшить внешний вид и интерфейс сайта с помощью AJAX. Робот Googlebot с легкостью просканирует HTML, а пользователи с современными браузерами смогут оценить дополнительные преимущества ресурса, созданные на языке AJAX.

У вас наверняка есть ссылки с функциями AJAX, для которых требуется поддержка JavaScript. Метод, помогающий использовать статические ссылки и ссылки AJAX вместе, получил от веб-разработчика Джереми Кита название Hijax.

При создании ссылок следует выбрать формат, позволяющий наряду с вызовом функции JavaScript предлагать статическую ссылку. Это позволит пользователям, включившим поддержку JavaScript, применять функциональные возможности AJAX, а всем остальным – перейти по ссылке, несмотря на действующий скрипт. Пример:

<a href="ajax.htm?foo=32" onClick="navigate('ajax.html#foo=32');
 return false">foo 32</a>

Обратите внимание, что URL статической ссылки содержит параметр (?foo=32), а не фрагмент (#foo=32), используемый в коде AJAX. Это важно, поскольку поисковые системы распознают параметры URL, но часто не учитывают наличие фрагментов. Теперь вы применяете статические ссылки, так что пользователи и поисковые системы могут переходить именно к тому содержанию, к которому нужно открыть общий доступ или на которое нужно сослаться.

Мы постоянно повышаем эффективность сканирования, однако HTML-ссылки по-прежнему значительно помогают нам (а также другим поисковым системам, мобильным устройствам и пользователям) распознать структуру вашего сайта.

Рекомендации

Рекомендуем в дополнение к этой статье изучить рекомендации для веб-мастеров. В них рассказывается, как повысить удобство работы с ресурсом для роботов Google и пользователей, и какие методы не следует применять (например, скрытую переадресацию с помощью кода JavaScript). Общее правило заключается в том, что вы должны обеспечивать неизменность контента и можете предлагать пользователям различные функции с учетом их возможностей. Предположим, мы создали страницу для фермы по разведению хомяков Ивана Коробкова. В верхней части страницы расположен заголовок "Хомяки Ивана Коробкова", а под ним – слайд-шоу, созданное на основе технологии AJAX, с фотографиями недавно присланных на ферму хомяков. Если пользователь отключит поддержку JavaScript, он не столкнется с какими-либо трудностями, так как на этой странице есть дополнительная надпись:

Хомяки Ивана Коробкова – хомяки, лучшие хомяки, дешевые хомяки, бесплатные хомяки, домашние животные, фермы, специалисты по разведению хомяков, танцующие хомяки, грызуны, хамяки, хомячки, лучший сайт о хомяках, игрушки для животных, уроки танцев, симпатичный, трюки хомяков, корм для домашних животных, среда обитания хомяков, домики для хомяков, что подарить на день рожденья хомяку и т. д.!

Ещё лучше сделать так, чтобы один и тот же текст появлялся независимо от того, включена поддержка JavaScript или нет. В идеале у пользователей, отключивших JavaScript, должен быть доступ к HTML-версии слайд-шоу. Подробнее о скрытом тексте