JavaScript (JS)

Язык программирования для создания интерактивных веб-страниц. Влияет на краулинг, рендеринг и Core Web Vitals.

Сила и проклятие современного веба

JavaScript делает сайты живыми: формы, анимации, динамический контент, SPA (Single Page Applications). Но для SEO это палка о двух концах.

Проблемы JS для SEO:

• Краулинг — Googlebot умеет исполнять JS, но это занимает время и ресурсы. Если контент генерируется только через JS, бот может не дождаться рендеринга.
• Индексация — если контент появляется через JS после клика или скролла, бот может его не увидеть.
• Core Web Vitals — тяжёлые JS-бандлы блокируют загрузку (плохой FID/INP) и замедляют отрисовку (плохой LCP).
• Гидратация — в SSR/SSG сайтах JS «оживляет» статичный HTML. Если гидратация медленная, страдает UX и метрики.

Решения:

• SSR (Server-Side Rendering) — отдавайте готовый HTML с сервера (Next.js, Nuxt).
• SSG (Static Site Generation) — генерируйте HTML на этапе сборки (Gatsby, Astro).
• Ленивая загрузка (Lazy Loading) — подгружайте JS только когда нужно (intersection observer).
• Code Splitting — разбивайте JS на чанки, загружайте только необходимое для текущей страницы.

JS-фреймворки и SEO:

React, Vue, Angular — отличные инструменты, но по умолчанию они рендерят контент на клиенте (CSR). Для SEO нужно использовать SSR-обёртки (Next.js, Nuxt, SvelteKit) или пререндер статических страниц. Проверяйте рендеринг в GSC → «Проверка URL» → «Просмотр отрисованной страницы».