SPA (React, Vue, Angular) могут быть невидимы для Googlebot без SSR/pre-rendering.
#intermediate #block-07
Навигация
← 07 - ...
SPA (React, Vue, Angular) могут быть невидимы для Googlebot без SSR/pre-rendering.
Проблема
Googlebot рендерит JS, но:
- Задержка: может пройти дни-недели до рендеринга
- Ресурсоёмко: Google выделяет ограниченный rendering budget
- Ошибки: если JS throws error → пустая страница в индексе
Решения
| Подход | Описание | Pros | Cons |
|---|---|---|---|
| SSR (Server-Side Rendering) | HTML рендерится на сервере | Best for SEO | Сложность, server load |
| SSG (Static Site Generation) | HTML генерируется при build | Fast, SEO-friendly | Не для dynamic content |
| Pre-rendering | Snapshot HTML для ботов | Simple to implement | Может расходиться с live version |
| Dynamic Rendering | SSR для ботов, CSR для users | Google-approved | Two versions to maintain |
Рекомендация: Next.js (React) или Nuxt.js (Vue) - SSR/SSG out of the box.
🔧 Практика
Примените концепции из этой заметки к реальному проекту из одной из вертикалей (финтех, e-commerce, mobile app).
Связанные заметки
Детальный разбор
Почему это важно для маркетолога
JavaScript SEO - один из ключевых навыков, необходимых для построения эффективной маркетинговой инфраструктуры. Без понимания этой темы невозможно принимать обоснованные решения по бюджету, каналам и оптимизации.
Пошаговая реализация
- Аудит текущего состояния: проверьте, как это настроено сейчас (или не настроено вовсе)
- Benchmark: сравните с конкурентами и отраслевыми стандартами
- Plan: определите gap между текущим состоянием и целевым
- Implement: реализуйте изменения, начиная с highest-impact
- Measure: через 2-4 недели оцените результат по выбранным метрикам
- Iterate: скорректируйте подход на основе данных
Типичные ошибки
- ❌ Внедрение без предварительного аудита и базового замера (нет baseline → нельзя измерить improvement)
- ❌ Копирование чужого setup без адаптации под свою вертикаль и масштаб
- ❌ Отсутствие документации - через 3 месяца никто не помнит, что и зачем настроено
- ❌ Отсутствие мониторинга - setup деградирует без ongoing attention
- ✅ Document everything: что, зачем, когда, кем настроено
- ✅ Regular review: ежемесячный check-up всех настроек
Ресурсы для углубления
| Тип | Ресурс | URL |
|---|---|---|
| Документация | Официальная документация платформы | - |
| Блог | Simo Ahava (аналитика), Ahrefs Blog (SEO), Jon Loomer (Meta) | simoahava.com, ahrefs.com/blog, jonloomer.com |
| Курс | Google Skillshop, HubSpot Academy, CXL | Бесплатные + платные |
| Community | Measure Slack, #analytics Telegram KZ | - |
Применение в контексте KZ рынка
Казахстанская специфика требует учёта:
- Двуязычность (KZ + RU) в контенте и настройках
- Доминирование mobile-first поведения (85%+ mobile)
- Kaspi как основная платёжная платформа (checkout, payment)
- Ограничения платёжной инфраструктуры для Google/Meta billing
- Compliance: реклама финуслуг (ГЭСВ, лицензия), маркировка рекламы, перс. данные