Меню
🟣 Gatsby · React · SSG · GraphQL

SEO для сайтов на Gatsby

Один из первых React-фреймворков для SSG. До сих пор используется на большом числе сайтов — особенно блогов и документации. SEO на Gatsby хорошее, но требует поддержки и миграции на актуальные версии. Gatsby — зрелое решение с богатой экосистемой плагинов. Если у вас уже сайт на Gatsby — мы его оптимизируем и подготовим миграцию на Gatsby 5+ или Astro/Next.js при необходимости.

SSGGraphQLReactPlugins
Что входит

Услуги SEO для проектов на этом стеке

Аудит версии Gatsby

Gatsby 2/3/4 устарели — рекомендуем миграцию на 5+ или альтернативу. Оцениваем затраты и риски.

react-helmet и мета-теги

Настройка унифицированной системы мета-тегов через gatsby-plugin-react-helmet с автоматическими canonical и og.

Schema.org через JSON-LD

Автогенерация разметки из MDX/Markdown frontmatter через шаблоны.

Sitemap и robots

Настройка gatsby-plugin-sitemap и gatsby-plugin-robots-txt с правильными exclude-правилами.

Image optimization

Использование gatsby-plugin-image (или миграция на gatsby-plugin-sharp). Critical для LCP.

Миграция legacy-сайта

Если Gatsby 2/3 — план миграции на 5+ или переход на Astro/Next.js без потери SEO.

Типичные проблемы стека

Что чаще всего ломает SEO на этом стеке

Устаревшая версия Gatsby

Gatsby 2 не поддерживается с 2022 — уязвимости, медленный build, риски.

Старый gatsby-image

Использование старого компонента — медленный LCP, отсутствие AVIF/WebP.

Длинный build

Большие сайты собираются 30-60 минут — невозможно публиковать свежий контент быстро.

GraphQL и SEO-данные

Сложная архитектура GraphQL-запросов часто приводит к неполным мета-тегам на страницах.

Плагины конфликтуют

Старые SEO-плагины (gatsby-plugin-feed, gatsby-plugin-canonical-urls) — конфликты с новыми версиями.

Hot reload рушится

Dev-режим становится непригоден — разработка замедляется, SEO-правки делать тяжело.

Как мы работаем

Шесть шагов от аудита до результата

01

Аудит версии и плагинов

Какая версия Gatsby, какие плагины, какие deprecated. Решение: обновлять или мигрировать.

02

Core Web Vitals

Замеры скорости, идентификация bottleneck'ов, план улучшений.

03

Мета-теги и Schema.org

Настройка react-helmet, унификация мета-данных, JSON-LD разметка.

04

Sitemap и robots

Подключение плагинов с правильными настройками. Хуки на обновление контента.

05

Image и performance

Миграция на gatsby-plugin-image, AVIF/WebP, font optimization.

06

Решение по миграции

Если стек слишком устарел — план перехода на Astro или Next.js без потери позиций.

Как режим рендеринга влияет на индексацию

Это главный вопрос на любом современном фреймворке. Всё остальное — мета-теги, разметка, скорость — решается после него.

РежимЧто видит поисковикКогда подходит
Статическая генерацияГотовый HTML со всем содержимым — лучший вариант для индексацииКонтент меняется нечасто: услуги, статьи, каталог без частых обновлений цен
Серверный рендерингГотовый HTML, собранный на каждый запросДанные меняются часто: наличие, цены, персонализация
Клиентский рендерингПустую страницу, содержимое появляется после выполнения скриптовЛичные кабинеты и внутренние интерфейсы — то, что и не должно индексироваться
Смешанный режимЗависит от того, какая часть страницы отдаётся сразуКаталог со статичными карточками и динамическими блоками

Частая ошибка — клиентский рендеринг на страницах, которые должны приводить людей из поиска. Проверяется просто: откройте исходный код страницы и поищите в нём свой текст. Если его там нет, поисковик тоже может его не увидеть.

Принципы Adaptive Lab

Как мы подходим к современным стекам

Технический фундамент в первую очередь

На современных стеках любая SEO-стратегия начинается с правильного рендеринга и индексации. Без этого остальное не работает.

Core Web Vitals — основа

LCP, INP, CLS — три метрики, по которым Google оценивает реальный UX. На SSG/SSR стеках их легко вытянуть в зелёную зону.

JS-разработка с пониманием SEO

Работаем напрямую с вашими разработчиками — фиксим то что нельзя сделать через инструменты SEO.

Мониторинг по метрикам

Не «настроили и забыли» — следим за индексацией, скоростью и позициями постоянно, отчёт присылаем раз в месяц.

Сколько это стоит

Сопровождение — от 100 000 ₽ в месяц, как и на любой другой платформе: цена зависит от объёма работ, а не от стека. Точную сумму называем после бесплатного разбора за 1–2 дня. Работаем от 6 месяцев, гарантий позиций не даём. Отдельная оговорка для этих стеков: часть правок внедряет ваш разработчик, и его время в нашу стоимость не входит — на разборе сразу говорим, какой объём работы ляжет на команду разработки.

Что нужно от вас

  • —Разработчик на связи: сборка и источники данных настраиваются в коде
  • —Понимание, откуда тянется контент и как часто идёт пересборка
  • —Решение по развитию: стек уже не в мейнстриме, и часть задач дешевле решать переездом, чем доработкой
  • —Доступ к Search Console для проверки индексации после сборок

Когда браться не стоит

  • ✕Планируется переезд на другой стек — тогда сначала переезд, потом продвижение, иначе работу придётся делать дважды
  • ✕Нужны частые изменения контента без участия разработчика
  • ✕Нет никого, кто поддерживает сборку: обновления зависимостей здесь регулярно ломают билд
Бесплатная консультация

SEO-аудит вашего проекта на Gatsby

30 минут со старшим стратегом. Посмотрим кодовую базу, индексацию и Core Web Vitals, дадим реалистичный план работ.