Взгляд паука на Web 2.0

Среда, 7 ноября 2007 г.

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

Как Google увидит мой сайт?

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

Проектируйте для доступности

Мы призываем веб-мастеров создавать страницы для пользователей, а не только для поисковых систем. Когда вы проектируете свой сайт на Ajax, думайте о потребностях ваших пользователей, включая тех, кто может не использовать браузер с поддержкой JavaScript. В Интернете много таких пользователей, в том числе использующих программы чтения с экрана или мобильные устройства.

Один из самых простых способов проверить доступность вашего сайта для такого типа пользователей — изучить сайт в браузере с отключенным JavaScript или просмотреть его в текстовом браузере, таком как
Lynx. Просмотр сайта только в виде текста также может помочь вам выявить другой контент, который может быть труднодоступен для Googlebot, включая изображения и Flash.

Разрабатывайте с использованием прогрессивного улучшения

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

Конечно, у вас, вероятно, будут ссылки, требующие JavaScript для работы функционала Ajax, поэтому вот способ помочь Ajax и статическим ссылкам сосуществовать:

При создании ссылок форматируйте их так, чтобы они предлагали статическую ссылку, а также вызывали функцию JavaScript. Таким образом, у вас будет функциональность Ajax для пользователей JavaScript, в то время как пользователи без JavaScript смогут проигнорировать скрипт и перейти по ссылке. Например:

Обратите внимание, что URL статической ссылки содержит параметр(?foo=32)вместо фрагмента(#foo=32), который используется кодом Ajax. Это важно, поскольку поисковые системы понимают параметры URL, но часто игнорируют фрагменты. Веб-разработчик
Jeremy Keith
назвал эту технику
Hijax. Поскольку теперь вы предлагаете статические ссылки, пользователи и поисковые системы могут ссылаться на точный контент, которым они хотят поделиться или на который хотят сослаться.

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

Следуйте рекомендациям

В дополнение к советам, описанным здесь, мы также рекомендуем ознакомиться с нашими
Рекомендациями для веб-мастеров
для получения дополнительной информации о том, что делает сайт качественным для Google и ваших пользователей. В рекомендациях также указаны некоторые практики, которых следует избегать, включая
скрытые редиректы JavaScript. Общее правило заключается в том, что хотя вы можете предоставлять пользователям различный опыт в зависимости от их возможностей, контент должен оставаться прежним. Например, представьте, что мы создали страницу для Wysz’s Hamster Farm. В верхней части страницы находится заголовок «Wysz’s Hamster Farm», а под ним — работающее на Ajax слайд-шоу с последними поступлениями хомяков. Отключение JavaScript на той же странице не должно удивлять пользователя дополнительным текстом:

Wysz’s Hamster Farm — хомяки, лучшие хомяки, дешевые хомяки, бесплатные хомяки, домашние животные, фермы, фермеры, разводящие хомяков, танцующие хомяки, грызуны, hampsters, hamsers, лучший ресурс о хомяках, игрушки для домашних животных, уроки танцев, милые, трюки с хомяками, корм для домашних животных, среда обитания хомяков, отели для хомяков, идеи подарков на день рождения хомяка и многое другое!

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

Это довольно сложная тема, поэтому, пожалуйста,
продолжайте обсуждение
, задавая вопросы и делясь идеями в группе помощи веб-мастерам. Увидимся там!

Автор: Майкл Вышомерский (Michael Wyszomierski) и Greg Grothaus, Качество поиска