SEO14 мин чтения
Руководство по техническому SEO
12 ключевых шагов, которые выводят сайт в топ Google
SEO
Редакция Craftsoft14 мин чтения
Каким бы хорошим ни был контент, на слабой технической базе в топ Google не попасть. Разбираем на практике 12 ключевых шагов: Core Web Vitals, сканируемость, разметку Schema и SEO для JavaScript-сайтов.
Техническое SEO похоже на несущие колонны здания: их не видно, но без них всё рухнет. Даже если ваша команда напишет лучшее руководство в мире, но Googlebot не может нормально сканировать сайт, страницы не грузятся за секунды, а мобильная версия отпугивает пользователя в первые пять секунд, этот контент останется на второй странице выдачи. После обновлений Google 2024–2025 годов вес технического состояния среди сигналов ранжирования вырос ещё сильнее; Core Web Vitals — уже не «рекомендация по UX», а реальный фактор ранжирования. В этом руководстве мы делимся 12 ключевыми шагами технического SEO, которые применяем в десятках корпоративных веб-проектов Craftsoft, тем, как проверять каждый из них, и порядком приоритетов.
Прежде чем начать, освойте два инструмента. Google Search Console — бесплатный отчёт о здоровье сайта глазами Google; PageSpeed Insights показывает Core Web Vitals конкретной страницы по лабораторным и полевым данным. Каждый шаг из этого руководства вы сначала обнаружите с их помощью, а затем исправите. Правило «измеряй, а не угадывай» предотвращает девяносто процентов ошибочных оптимизаций.
Нулевой шаг технического SEO — проверить, индексирует ли Google действительно важные страницы. Откройте отчёт «Индексирование страниц» в Search Console: если страниц со статусом «Просканирована, но пока не проиндексирована» тысячи, у сайта серьёзная проблема с краулинговым бюджетом или качеством. Типичные причины: файл robots.txt или noindex, по ошибке выкаченные на прод, циклы редиректов, неверные canonical и важные страницы, которых нет в sitemap. Отправьте карту сайта в Search Console и проверьте поиском «site:вашдомен.com/страница», что каждая нужная страница есть в Google.
На интернет-магазинах и каталогах с более чем 10 000 страниц управление краулинговым бюджетом — отдельная экспертиза. Googlebot отправляет на сайт ограниченное число запросов в день; если этот бюджет тратят страницы фильтров, внутреннего поиска и дубли с параметрами, настоящие товары и статьи остаются непросканированными. Первые три шага: закрыть URL с параметрами в robots.txt, поставить noindex на ненужные комбинации фильтров и свести фасетную навигацию к фиксированным категориям. Просканируйте сайт Ahrefs или Screaming Frog и посмотрите отчёт по глубине: в скольких кликах от главной находятся важные страницы?
Core Web Vitals — это три метрики: Largest Contentful Paint (LCP, в идеале меньше 2,5 секунды), Interaction to Next Paint (INP, меньше 200 миллисекунд) и Cumulative Layout Shift (CLS, меньше 0,1). С 2024 года INP заменил прежнюю метрику First Input Delay и измеряет реальные взаимодействия, поэтому сайты, быстрые в лаборатории, но медленно реагирующие на клики, теперь видны. Если в полевых данных (CrUX) PageSpeed Insights доля «Хорошо» ниже 75%, потенциал ранжирования ограничен. Помните: метрики оцениваются отдельно для мобильных и десктопа, и мобильные обычно хуже.
Чтобы улучшить INP, дробите длинные задачи JavaScript, откладывайте тяжёлые операции, которые запускаются по клику (defer, idle callback), и измеряйте в WebPageTest, насколько сторонние виджеты занимают главный поток. Для CLS всегда задавайте width и height изображениям и видеоблокам, используйте загрузку шрифтов с size-adjust вместо одного лишь font-display: swap, чтобы текст не прыгал, и резервируйте место под рекламные и уведомляющие баннеры, а не сдвигайте контент после загрузки. CLS 0,2 кажется мелочью, но когда пользователь нажимает не туда, это возвращается возвратами и потерей доверия.
Практическая цель: на мобильных LCP меньше 2,5 с, INP меньше 200 мс, CLS меньше 0,1. Если доля «хороших» URL в отчёте Core Web Vitals в Search Console выше 90%, тему скорости можно закрыть и сосредоточиться на контенте и авторитетности.
Современные сайты в основном пишут на React, Next.js, Vue и подобных фреймворках, и для SEO они несут как большие возможности, так и скрытые риски. Если при сканировании Googlebot не видит контента в HTML, ему приходится рендерить страницу, а этот двухэтапный процесс задерживает индексацию. Если вы используете Next.js, рендерьте страницы на сервере (SSR или SSG); ключевые страницы, полностью собираемые на клиенте, особенно товары и услуги, ставят видимость в поиске под угрозу. Проверьте живой URL инструментом проверки URL в Google и убедитесь, что контент виден в отрендеренном HTML.
Вторая частая ошибка — открывать ссылки через обработчики событий JavaScript. Googlebot переходит по HTML-ссылкам в теге a; «навигация» через клик по div или button для Google не ссылка, и внутренняя перелинковка рушится. Третий риск — бесконечная прокрутка и пагинация: если список товаров открывается одной кнопкой «показать ещё», убедитесь, что до каждого товара можно дойти по HTML-ссылке. В проектах на Next.js, которые разрабатывает Craftsoft, пагинация всегда строится на сканируемых HTML-ссылках, а бесконечная прокрутка — лишь дополнительное удобство; это различие — основа технического SEO.
Разметка Schema.org позволяет описать контент поисковым системам на структурированном языке и при правильном применении включает расширенные результаты: звёзды рейтинга, цену, наличие, блоки FAQ и хлебные крошки. Расширенные результаты могут поднять CTR на 20–35%; при одинаковой позиции всегда выигрывает результат, который выглядит крупнее. Для интернет-магазинов в приоритете Product и Offer, для блогов — Article, для компаний — LocalBusiness, для страниц услуг — FAQ и HowTo. Проверьте разметку инструментом проверки расширенных результатов Google и устраните ошибки в отчётах о структурированных данных в Search Console.
Разметка Schema — удостоверение личности вашего сайта. Google не приходится разгадывать контент: вы объясняете его, словно читаете вслух, и через несколько месяцев эта разница превращается в разницу в позициях.
— Редакция Craftsoft
Mobile-first индексация стала стандартом: Google опирается на мобильную версию сайта, десктопная — вторична. Поэтому не показывайте на мобильных другой контент, другую структуру заголовков или скрытые блоки и выбирайте адаптивный дизайн вместо отдельного поддомена (m.site.com). HTTPS — вопрос закрытый: если TLS-сертификат недействителен или контент грузится по HTTP вперемешку (mixed content), предупреждение браузера отпугивает пользователя, а Google снижает сигнал доверия. Заголовок HSTS и редирект всего HTTP-трафика на HTTPS за один шаг — базовая гигиена.
Золотое правило архитектуры: пользователь и Googlebot должны попадать на любую важную страницу с главной не более чем за три клика. Глубокие и нелогичные деревья категорий расходуют краулинговый бюджет и мешают PageRank доходить до карточек товаров. Сопоставьте исследование ключевых слов (Ahrefs, Semrush или запросы из Search Console) с архитектурой сайта: на каждое важное поисковое намерение должна приходиться одна сильная страница. Одна сильная страница вместо пяти слабых под одно и то же намерение всегда выигрывает и в позициях, и в конверсии.
Не пытайтесь внедрить все 12 шагов сразу — двигайтесь по матрице «эффект — усилия». В первый месяц займитесь ошибками индексации и сканирования, во второй — Core Web Vitals, в третий — структурированными данными и архитектурой. Техническое SEO — процесс, а не проект: если ваша команда выкатывает код каждый спринт, каждый спринт проверяйте Search Console на регрессии, ведь на JavaScript-сайтах одно неверное обновление компонента может незаметно сломать индексацию. Полное сканирование Screaming Frog раз в квартал, ежемесячный контроль PageSpeed и постоянно включённые уведомления Search Console — три опоры этого ритма.
В техническом SEO нужна не идеальность, а контролируемая регулярность. Небольшое улучшение каждый месяц — это накопленное преимущество, которое за год оставляет конкурентов позади.
— Редакция Craftsoft
Если вы не знаете, с чего начать технический аудит, или ваш сайт работает на React/Next.js и вы подозреваете проблемы с рендерингом JavaScript, команда Craftsoft проводит комплексный технический SEO-аудит. Мы измеряем весь стек — от индексации до Core Web Vitals — и передаём вашей команде план исправлений по приоритетам. Помните: контент — король, но техническое SEO — ключ от ворот дворца; если ворота закрыты, короля никто не увидит.
Гайд прочитан — внедрение оставьте нам.
На бесплатной встрече определим, какие шаги важнее всего для вашего бизнеса.
Электронная коммерция11 мин чтения
План роста продаж на 90 дней
Электронная коммерция10 мин чтения
больше продаж с каталогом, Advantage+ и ретаргетингом
Реклама Meta9 мин чтения
8 шагов к правильной настройке первой кампании