AJAX

AJAX (Asynchronous JavaScript and XML) — это технология, позволяющая странице подгружать и обновлять контент с сервера без полной перезагрузки. Браузер отправляет фоновый запрос, получает данные (чаще в формате JSON) и обновляет только нужный фрагмент страницы — остальное остаётся на месте.

Простыми словами: это когда нажимаешь «показать ещё», и новые товары появляются прямо под старыми, а страница не мигает и не перезагружается сверху.

Что такое AJAX и зачем он нужен

До появления AJAX каждое действие на сайте означало перезагрузку всей страницы — долго и неудобно. Теперь ленты комментариев, фильтры в каталогах, бесконечный скролл, формы без перезагрузки — всё это работает на AJAX. Для пользователя сайт становится быстрее и «живее». Но для SEO эта же удобность создаёт ловушку: если контент появляется только после выполнения JavaScript, поисковик может его не увидеть.

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

Как работает AJAX

• Событие — пользователь кликает кнопку, скроллит или отправляет форму.
• Фоновый запрос — JavaScript отправляет запрос на сервер (через fetch или XMLHttpRequest), не прерывая работу страницы.
• Ответ — сервер возвращает данные, обычно в JSON.
• Обновление DOM — скрипт вставляет новые данные в нужное место страницы.

AJAX и SEO: нюансы рендеринга

• Server-side rendering (SSR) или пререндеринг — самый надёжный способ отдать контент и пользователю, и роботу сразу в HTML.
• Не прятать важный контент за событиями типа клика: то, что появляется лишь после взаимодействия, Google часто не индексирует.
• Уникальные URL для состояний, которые должны ранжироваться (например, страницы пагинации), а не один адрес с подменами через AJAX.
• Проверять рендер через инструмент проверки URL в Google Search Console.

Пример

Интернет-магазин сделал бесконечный скролл каталога на AJAX: товары подгружаются при прокрутке. Проблема — Googlebot не «докручивает» страницу, поэтому видит лишь первые 20 позиций из 500. Решение: оставить классическую пагинацию с отдельными URL (?page=2) как запасной путь для робота, а AJAX использовать как улучшение для людей.

Часто путают с…

• JavaScript — это язык программирования; AJAX — лишь один из подходов его применения (асинхронный обмен данными).
• SPA (Single Page Application) — это целый тип приложения на JS; AJAX — техника, которую SPA активно использует, но не тождественна ему.

Вопросы и ответы

Индексирует ли Google контент, подгруженный через AJAX?

Да, но не всегда и не сразу. Googlebot рендерит JavaScript отдельной очередью, поэтому контент, появляющийся только после AJAX-запроса, индексируется с задержкой или пропускается. Надёжнее отдавать важное прямо в HTML.

Чем AJAX отличается от обычной загрузки страницы?

Обычная загрузка обновляет всю страницу, AJAX — только её фрагмент, фоновым запросом к серверу. Пользователь не видит перезагрузки, а трафик и время загрузки меньше.

Вредит ли AJAX для SEO?

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

Контент «исчезает» от Google из-за JavaScript? Найдём проблемы рендеринга — SEO-аудит и исправление ошибок на сайте.

Похожие термины: JavaScript, Индексация, HTML, API, URL.