Большая часть «SEO-проблем» — это последствия архитектурных решений, принятых до того, как был написан первый контент. Если выбрать SPA без SSR, забыть про canonical и не настроить sitemap — переделка обойдётся в 30–50% бюджета проекта. Разберём, что закладывать на старте.
Рендеринг и индексация
Поисковики 2026 хорошо рендерят JavaScript, но серверный рендер всё равно остаётся золотым стандартом для контентных страниц. Причины:
- Yandex и большинство SEO-инструментов до сих пор плохо работают с чистым CSR.
- SSR/SSG даёт существенно лучший LCP и TTFB.
- Социальные превью (OpenGraph, Twitter Card) требуют HTML с метаданными в первом ответе.
Используйте Next.js App Router с static generation для контентных страниц и ISR для каталогов. Чистый CSR оставляйте только для авторизованных кабинетов.
Мета-теги и canonical
На каждой публичной странице обязательны:
<title>— уникальный, 50–60 символов, ключевая фраза в начале.<meta name="description">— 130–180 символов, человеческий язык.<link rel="canonical">— абсолютный URL, без UTM, без сортировок.- OpenGraph и Twitter Card — заголовок, описание, изображение 1200×630.
В Next.js это делается через экспорт metadata или generateMetadata в каждом page.tsx.
Структурированные данные
Внедряйте JSON-LD разметку:
Organization— на главной.WebSiteсSearchAction— для сайтов с внутренним поиском.Product,Offer,AggregateRating— для интернет-магазинов.Article,BreadcrumbList,FAQPage— для блогов и контентных разделов.LocalBusiness— для офлайн-точек.
Проверяйте через Schema.org Validator и Yandex Webmaster — обе системы дают разный фидбек.
URL и навигация
- ЧПУ-адреса:
/uslugi/razrabotka-saytov, не/page?id=42. - Один URL на сущность — никаких дублей
/category/subи/sub. - Хлебные крошки в HTML и в JSON-LD.
- Навигация на странице должна быть кликабельной без JS —
<a href>, не<div onClick>.
Sitemap, robots, индексация
sitemap.xml— все публичные страницы, lastmod из реального обновления.robots.txt— закрыть/api/, корзину, личный кабинет, поиск с параметрами.- Регистрация сайта в Yandex Webmaster и Google Search Console в первый же день после запуска.
- Поддомены и языковые версии — через
hreflang.
Скорость как фактор ранжирования
Core Web Vitals напрямую влияют на ранжирование. Минимально: LCP < 2.5 с, INP < 200 мс, CLS < 0.1 на p75. Закладывайте оптимизацию картинок (AVIF/WebP), CDN, brotli, HTTP/2 или HTTP/3 на nginx с самого начала.
Чего избегать
- JS-only навигация в публичных разделах.
- Дубли страниц через UTM, сортировки, пагинацию без canonical.
- Бесконечный скролл без серверной пагинации с уникальными URL.
- Скрытие текста через
display: noneдля пользователей и показ ботам — поисковики это распознают. - Отсутствие 404 / 410 — дайте поисковику понять, что страница умерла.
Что в сухом остатке
SEO начинается с архитектуры: SSR, ЧПУ, canonical, sitemap, JSON-LD, скорость. Эти вещи в 5 раз дешевле сделать на старте, чем переделывать после запуска. Разработчик, который не закладывает SEO в фундамент проекта, через год создаёт компании 6-значный долг.
Частые вопросы
Почему SSR важен для SEO в 2026 году?
Поисковики 2026 хорошо рендерят JavaScript, но серверный рендер всё равно остаётся золотым стандартом для контентных страниц. Yandex и большинство SEO-инструментов до сих пор плохо работают с чистым CSR. SSR/SSG даёт существенно лучший LCP и TTFB. Социальные превью (OpenGraph, Twitter Card) требуют HTML с метаданными в первом ответе. Используйте Next.js App Router с static generation для контентных страниц и ISR для каталогов. Чистый CSR оставляйте только для авторизованных кабинетов.
Какие мета-теги обязательны на каждой публичной странице?
Четыре пункта. title — уникальный, 50–60 символов, ключевая фраза в начале. meta name="description" — 130–180 символов, человеческий язык. link rel="canonical" — абсолютный URL без UTM и сортировок. OpenGraph и Twitter Card — заголовок, описание, изображение 1200×630. В Next.js это делается через экспорт metadata или generateMetadata в каждом page.tsx. Без этих тегов теряется большая часть SEO-потенциала и социальные превью отображаются криво.
Какие схемы JSON-LD нужно внедрять для SEO?
По типам страниц. Organization — на главной. WebSite с SearchAction — для сайтов с внутренним поиском. Product, Offer, AggregateRating — для интернет-магазинов. Article, BreadcrumbList, FAQPage — для блогов и контентных разделов. LocalBusiness — для офлайн-точек. Проверяйте через Schema.org Validator и Yandex Webmaster — обе системы дают разный фидбек. Микроразметка влияет на сниппеты, рейтинги-звёздочки в выдаче, рич-результаты — это +5–15% к CTR из выдачи.
Как правильно строить URL и навигацию для SEO?
Четыре правила. ЧПУ-адреса — /uslugi/razrabotka-saytov, не /page?id=42. Один URL на сущность — никаких дублей /category/sub и /sub. Хлебные крошки в HTML и в JSON-LD. Навигация на странице должна быть кликабельной без JS — a href, не div onClick. Без ЧПУ и кликабельных ссылок поисковые роботы плохо обходят сайт, и часть страниц вообще не попадает в индекс. Особенно критично для сайтов с большим каталогом, где роботу нужно найти все товары.
Что должно быть в sitemap.xml и robots.txt?
Sitemap.xml — все публичные страницы, lastmod из реального обновления. Robots.txt — закрыть /api/, корзину, личный кабинет, поиск с параметрами. Регистрация сайта в Yandex Webmaster и Google Search Console в первый же день после запуска. Поддомены и языковые версии — через hreflang. Без правильно настроенных sitemap и robots поисковик может проиндексировать «мусорные» страницы (фильтры, корзины) и пропустить важные контентные. Это размывает релевантность и снижает позиции.
Каких ошибок избегать при SEO-проектировании сайта?
Пять типичных. JS-only навигация в публичных разделах — поисковики могут не обойти все страницы. Дубли страниц через UTM, сортировки, пагинацию без canonical — поисковики штрафуют за дубли. Бесконечный скролл без серверной пагинации с уникальными URL — товары на «второй странице» невидимы для роботов. Скрытие текста через display: none для пользователей и показ ботам — поисковики это распознают и применяют санкции. Отсутствие 404 / 410 — дайте поисковику понять, что страница умерла.