Как проверить индексацию SPA-лендинга поисковыми системами
Одностраничные приложения (SPA) часто загружают контент динамически через JavaScript. Это вызывает вопросы у владельцев сайтов: видят ли поисковые боты (Googlebot, Яндекс.Робот) текст и ссылки, или только пустую оболочку? Разберём актуальные методы технической проверки и способы решения проблемы.
Почему SPA могут не индексироваться
Современные поисковики, включая Google, научились рендерить JavaScript, но этот процесс неидеален. Бот может не дождаться загрузки асинхронных данных, не выполнить сложные скрипты или пропустить контент из-за ограничений по времени (около 10-30 секунд). В результате страница индексируется как пустой HTML-каркас. Особенно это критично для лендингов, где каждый блок важен для ранжирования.
Пошаговая проверка индексации SPA
Шаг 1. Тест через Google Search Console
Откройте инструмент «Проверка URL» в Google Search Console. Вставьте адрес страницы и нажмите «Проверить». После загрузки выберите «Просмотреть проверенный URL» - вы увидите, какой HTML получил Googlebot. Если там пустой <div id='app'></div> без текста, значит, рендеринг не сработал.
Шаг 2. Анализ через Яндекс.Вебмастер
В панели Яндекс.Вебмастер перейдите в раздел «Проверка ответа сервера» или используйте инструмент «Посмотреть страницу как робот». Яндекс показывает, как он видит страницу после выполнения JavaScript. Обратите внимание на HTTP-статус и содержимое тега <body>.
Шаг 3. Ручной рендеринг через Puppeteer
Установите Puppeteer (Node.js) и запустите скрипт, который открывает страницу, ждёт 5-10 секунд и сохраняет HTML. Сравните результат с исходным кодом: если в динамическом рендеринге появился контент, а в Search Console - нет, проблема в таймаутах бота.
const puppeteer = require('puppeteer');
(async () => {
const browser = await puppeteer.launch();
const page = await browser.newPage();
await page.goto('https://ваш-сайт.ru', {waitUntil: 'networkidle0'});
const html = await page.content();
console.log(html);
await browser.close();
})();Шаг 4. Использование сервисов рендеринга
Сервисы вроде Rich Results Test от Google или Facebook Sharing Debugger показывают, как боты видят страницу. Если в превью нет заголовка и описания - это тревожный сигнал.
Нужен ли SSR или пререндеринг для SPA
Если после проверки выяснилось, что боты не видят контент, стоит внедрить серверный рендеринг (SSR) или пререндеринг (генерация статического HTML на этапе сборки). Google и Яндекс поддерживают SSR через фреймворки (Next.js, Nuxt.js). Для лендингов часто достаточно пререндеринга с помощью Prerender.io или Rendertron - это дешевле и проще.
Когда можно обойтись без SSR
Если ваш SPA-лендинг использует только простой JavaScript (без асинхронных запросов к API), а контент загружается синхронно, современные боты могут его проиндексировать. Однако для гарантии лучше провести тесты из шагов 1-3. В 2024 году Google рендерит около 90% JS-контента, но Яндекс - примерно 70%, поэтому для российского трафика SSR или пререндеринг остаются актуальными.
Рекомендации для SEO-специалистов
- Регулярно проверяйте индексацию ключевых страниц через Search Console.
- Используйте динамический рендеринг (сервер возвращает готовый HTML для ботов, а для пользователей - обычное SPA).
- Добавьте в
robots.txtразрешение для Googlebot и Яндекс.Робот на выполнение JS. - Минимизируйте время загрузки контента - боты ждут не дольше 10-15 секунд.
- Проверьте, что все важные данные (текст, ссылки, мета-теги) доступны в DOM после рендеринга.