Индексация AJAX с точки зрения пользователя и программиста

in Гостевые посты

Индексация AJAXАвтор: Александр Денисенко

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

Данная статья будет первой в небольшом цикле, посвященных индексации AJAX сайтов. В этом цикле хотелось бы рассмотреть AJAX с трех разных позиций:

  • как пользователь;
  • как программист;
  • как поисковый робот.

С позиции пользователя, я представляю себе AJAX как технологию (или подход), при котором можно получить новый контент на странице без перезагрузки всей страницы. Я просто нажимаю на кнопку или ссылку и через секунду получаю уже новые данные.

Рассмотрим простой пример с отправкой формы на сервер. Пользователь заполняет форму и нажимает кнопку «Сохранить». При этом страница  перегружается. Это может занять некоторое время (иногда всего пару секунд). Если сайт использует AJAX технологию для общения с веб-сервером, то перезагрузки страницы не произойдет. Страница все время будет открыта и как только сервер обработает запрос, пользователь получит сообщение или новые данные.

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

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

В самом простом варианте это выглядит следующим образом:

  • http://example.com — главная страница, на которой есть ссылки «About» и «Contacts», каждая из которых меняет URL на следующий;
  • http://example.com#about – описание;
  • http://example.com#contacts – контакты для связи.

С виду обычная якорная ссылка, но такой вид URL используют и AJAX сайты. Как только изменится хэш-тег, будет сформирован и отправлен запрос для получения соответствующего блока. В адрес страницы, как правило, добавляется соответствующий хэш-тег (#example), но после обновления страница будет недоступна в таком же виде, если ввести получившийся URL в новом окне или вкладке. При правильном подходе изменение на странице (вместе с текущим контентом), сразу должно быть доступно по изменившемуся URL, чтобы не нужно было снова искать нужную AJAX ссылку или кнопку на странице.

Более подробное техническое описание можно найти в Википедии.

AJAX используется такими сайтами, как Gmail, Google Maps, Facebook, Twitter, ВКонтакте. Это самые яркие представители.

Есть и третий взгляд на AJAX технологию — взгляд поисковых систем (ПС), который будет рассмотрен в следующей статье.

2 анекдота в рассылке Гарантированно!
А также получайте всевозможные бонусы, бесплатные билеты и скидки на конференции!