Рендеринг (rendering) — это процесс, в котором браузер или поисковый бот превращает HTML, CSS и JavaScript в готовую страницу. Простыми словами, что это значит для SEO: пока Googlebot не выполнит JS, он видит пустой каркас без контента. Двухфазная индексация Google официально описана в 2018 году на I/O — сначала краулинг HTML, затем рендер через Web Rendering Service на базе Chromium.
С 2019 года WRS использует evergreen Chromium и обновляется вместе со стабильным релизом браузера. Отрисовка страницы определяет, попадёт ли JS-контент в индекс: по данным John Mueller, очередь рендера может задерживать индексацию от секунд до нескольких дней. Зачем это знать — без корректной отрисовки SPA на React или Vue рискует потерять до 100% органики.
§ 01Зачем нужен
Рендеринг нужен, чтобы поисковая система получила тот же DOM, что и пользователь. SPA-сайты на React, Angular, Vue без отрисовки отдают Googlebot пустой <div id='root'>. Что делает корректная настройка: переносит мета-теги, тексты, ссылки и Schema.org в HTML до индексации. По исследованию Onely 2022 года, 25% страниц с тяжёлым JS не индексировались за 14 дней. Расшифровка простая — нет HTML, нет позиций.
§ 02Как настраивается
В 2026 году доминируют 4 модели отрисовки: CSR (клиентский), SSR (серверный через Node.js), SSG (статика, Next.js, Astro) и Dynamic Rendering. Google рекомендует SSR или SSG как дефолт. Next.js 14 предлагает React Server Components, Nuxt 3 — гибрид через Nitro. Dynamic Rendering через Prerender.io или Rendertron Google официально называл "workaround" ещё в 2022, но он работает. Оптимизация TTFB ниже 600 мс — обязательное условие.
индексация 38% → 92% — Интернет-магазин одежды на Next.js перевёл рендеринг с CSR на SSR через getServerSideProps. Доля проиндексированных карточек выросла с 38% до 92% за 4 месяца. Замер через Google Search Console Coverage и логи Googlebot.
органика +63% за 7 мес — B2B SaaS-платформа на Vue SPA внедрила prerender.io для бот-трафика, отдавая статический HTML поисковику. Органический трафик вырос на 63% за 7 месяцев, индексация увеличилась с 210 до 1450 URL. Динамика отслежена в Ahrefs Site Explorer.
§ 03Где смотреть результат
Проверка рендеринга начинается с инструмента "Проверка URL" в Google Search Console — вкладка "Просмотренный HTML" покажет, что увидел Googlebot. Screaming Frog в режиме JavaScript Rendering эмулирует WRS и сравнивает initial HTML с rendered HTML. Ahrefs Site Audit с 2023 года тоже умеет JS-рендер. Для глубокой диагностики — Chrome DevTools, вкладка Performance, метрика LCP ≤ 2.5 с подтверждает, что отрисовка укладывается в Core Web Vitals.
§ 04Подводные камни
Главная ошибка — клоакинг по User-Agent: отдавать Googlebot отрендеренный HTML, а юзерам CSR. Google штрафует за расхождение, John Mueller подтверждал это в Office Hours 2023. Вторая ловушка — lazy-loading контента по событию scroll: бот не скроллит, контент остаётся невидимым. Третья — блокировка JS и CSS в robots.txt, после чего рендеринг ломается. С чего начать аудит: сравнить количество слов в view-source и в DevTools Elements — разрыв >30% сигнал о проблеме.