# SEO для сайта на React

Канонический адрес: https://xn--80axhheg9e.kz/seo-dlya-saytov-na-react/

Сайт на React или Vue в браузере выглядит отлично, а поисковый робот часто получает пустую заготовку: ни текста, ни заголовка, только скрипт. Я делаю пререндер при сборке: каждая страница заранее превращается в готовый HTML, и Google, Яндекс и нейросети видят весь текст. Сайт не переписываем, абонплату сторонним сервисам не платим.

## Что получите

- Готовый HTML каждой страницы для роботов
- Свои title, description и H1 на каждой странице
- Карта сайта и robots.txt без ошибок
- Разметку и .md-версии для нейросетей
- Пересборку по расписанию в вашем CI
- Проверку от имени Google, Яндекса и ИИ
- Цена: от 250 000 ₸ настройка пререндера под ключ. Проверка «что видит робот» — 50 000 ₸, SEO дальше — от 200 000 ₸/мес за 50 запросов

## Признаки, что роботы видят пустую страницу

- **Сайт есть, а в поиске его нет.** Прошли месяцы после запуска, а в Google видна одна главная или вообще ничего. По брендовому запросу сайт находится, по услугам — нет.
- **В выдаче одинаковые заголовки.** У всех страниц в поиске один и тот же title, взятый из шаблона. Робот не дождался, пока скрипт подставит нужный заголовок.
- **Google обнаружил, но не проиндексировал.** В Search Console страницы висят в статусе «обнаружена, не проиндексирована». Отрисовка скриптом стоит роботу дорого, и он откладывает её на потом.
- **Яндекс видит меньше, чем Google.** Робот Яндекса выполняет скрипты не всегда и не полностью. Сайт, который в Google хоть как-то находится, в Яндексе может быть почти невидим.
- **Нейросети о вас не знают.** Роботы ChatGPT, Claude и Perplexity скрипты не выполняют. Если в HTML пусто, нейросеть не прочитает ни услуг, ни цен и не назовёт вас в ответе.

## Переписать сайт, подключить сервис или пререндер при сборке

Чаще всего владельцу сайта предлагают два пути: переписать проект на Next.js или Nuxt либо подключить платный сервис, который отдаёт роботам копии страниц. Первое — это месяцы работы команды, второе — ежемесячная подписка и зависимость от чужого сервера.
Пререндер при сборке встраивается в ваш текущий проект. Сайт остаётся тем же, а при каждой сборке рядом с ним появляются готовые HTML-страницы для роботов.

| Что сравниваем | Переписать на Next.js | Платный сервис | Пререндер при сборке |
| --- | --- | --- | --- |
| Переделка сайта | большая | нет | нет |
| Срок | месяцы | дни | от недели |
| Абонплата | нет | каждый месяц | нет |
| Зависимость от чужого сервера | нет | да | нет |
| Видят ли нейросети текст | да | если настроено | да |
| Цена | дорого | подписка | от 250 000 ₸ разово |

## SEO для сайта на React: что входит

- **Диагноз от имени роботов.** Запрашиваю страницы без JavaScript от имени Google, Яндекса и роботов нейросетей. Сравниваю, что видит робот и что видит человек.
- **Пререндер при сборке.** Встраиваю в сборку шаг, который открывает каждую страницу и сохраняет готовый HTML. Сервер отдаёт его роботам и людям одинаково.
- **Свои мета-теги.** У каждой страницы свой title, description, canonical и Open Graph в HTML, а не только после работы скрипта.
- **Адреса и ошибка 404.** Нормальные адреса вместо решёток, правильный код 404 для несуществующих страниц, без мягких 404, которые путают Google.
- **Карта сайта и robots.txt.** Карта со всеми страницами и честными датами изменения, robots.txt без запретов для поисковых роботов и роботов нейросетей.
- **Разметка.** Разметка организации, хлебных крошек, услуг и вопросов прямо в HTML. Поисковик понимает, что за компания и что она продаёт.
- **.md-версии и llms.txt.** Текстовые копии страниц и оглавление для нейросетей. Так модели читают сайт без вёрстки и называют вас точнее.
- **Пересборка по расписанию.** Если контент приходит из базы или админки, сайт пересобирается сам, например каждые несколько часов. Новые товары и статьи попадают к роботам без ручной работы.
- **Проверка и заявка в поиск.** Проверяю результат тем же способом, что и диагноз, отправляю карту в Google Search Console и заявку в Яндекс и Bing.

## С чем работаю

React, Vue, Vite, Next.js, Nuxt, Angular, GitHub Actions, GitLab CI, Google Search Console, Яндекс Вебмастер.

## Как идёт работа

1. **Проверка.** Смотрю, что получают роботы на ключевых страницах, и показываю разницу с тем, что видит человек.
2. **План и доступ.** Согласуем, какие страницы попадают в пререндер. Вы даёте доступ к репозиторию и к сборке.
3. **Настройка.** Встраиваю пререндер, мета-теги, карту сайта, разметку и .md-версии. Проверяю на тестовой сборке.
4. **Выкладка и индекс.** Выкладываем, проверяю ответ роботам на боевом сайте, отправляю сайт в Google, Яндекс и Bing.

## Сколько стоит SEO для сайта на React

### Проверка — 50 000 ₸
Что видят Google, Яндекс и нейросети на ваших страницах.
- Запрос от имени 7 роботов
- Сравнение с тем, что видит человек
- Мета-теги, 404, карта сайта
- Отчёт с планом исправления

### Пререндер под ключ — от 250 000 ₸
Роботы получают готовый текст на каждой странице.
- Пререндер при сборке в вашем CI
- Свои title, description и H1
- Адреса, 404, карта сайта, robots.txt
- Разметка, .md-версии и llms.txt
- Проверка и заявка в поиск

### SEO-продвижение — от 200 000 ₸ / мес
Когда сайт видно, пора бороться за позиции.
- Тариф на 50 запросов
- Семантика и новые страницы
- Тексты и техника
- Отчёты каждый месяц

Цена настройки зависит от числа шаблонов страниц и от того, откуда берётся контент. Проверку можно заказать отдельно: если окажется, что роботы и так видят всё, я так и скажу, и настройка не понадобится.

## Вопросы про SEO для сайта на React

### Сколько стоит SEO для сайта на React?
Проверка того, что видят роботы, стоит 50 000 ₸. Настройка пререндера при сборке с мета-тегами, картой сайта и разметкой — от 250 000 ₸ разово. Дальнейшее продвижение — от 200 000 ₸ в месяц за 50 запросов.

### Индексирует ли Google сайты на JavaScript?
Да, но не сразу: отрисовку скриптов Google откладывает, и часть страниц может долго висеть необработанной. Готовый HTML индексируется быстрее и надёжнее.

### Умеет ли Яндекс выполнять JavaScript?
Робот Яндекса может отрисовывать страницы, но не всегда и не полностью, и сам Яндекс считает готовый HTML равноценным вариантом. Поэтому полагаться на отрисовку Яндексом я не советую.

### Нужно ли переписывать сайт на Next.js ради SEO?
Обычно нет. Пререндер при сборке даёт роботам готовый текст без переделки проекта. Переезд на Next.js оправдан, если он нужен вам и по другим причинам.

### Как понять, что проблема в JavaScript?
Откройте код страницы в браузере, а не инспектор: если там нет текста и заголовка, робот видит то же самое. Точнее всего — запрос от имени робота, который я делаю на проверке.

### Не считается ли пререндер обманом поисковика?
Нет, если робот и человек получают одинаковое содержимое. При пререндере при сборке так и есть: одна и та же страница, просто готовая заранее.

### Почему нейросети не видят мой сайт на React?
Роботы ChatGPT, Claude и Perplexity не выполняют скрипты и читают только то, что сервер отдал сразу. Если в HTML пусто, нейросеть не узнает ни ваших услуг, ни цен.

## Контакты

- Телефон и WhatsApp: +7 777 261 11 16
- Telegram: @sergeymaestro
- Почта: info@seomaestro.kz
- Адрес: Алматы, работаем удалённо по всему миру