Структура сайта — это SEO
Хаос не индексируется
Есть боль, о которой не говорят. Сайт сверстан, работает. Всё красиво, всё летает. Но проходит месяц, потом второй, а трафик из поиска — ноль. Google не видит страницы. Или видит, но не понимает, что на них.
Почему? Потому что разработчик не подумал о структуре. А структура — это основа. Не только UX. Это чистый SEO.
Порядок начинается с URL
Вот так не надо:
site.ru/index.php?page=7&id=42
Вот так правильно:
site.ru/catalog/krossovki-nike
В первом случае бот теряется. Что это? Что внутри? Почему такой адрес?
Во втором — всё ясно. Каталог. Кроссовки. Nike.
Поисковая система — не человек. Её не трогает дизайн. Она читает путь к файлу. Чем он чище — тем выше шанс попасть в индекс.
Глубина — не про интеллект, а про вложенность
Вот структура, которую любит поисковик:
• site.ru/
• site.ru/blog/
• site.ru/blog/seo-optimizaciya
Три уровня — это максимум. Четвёртый — уже сигнал: «страница зарыта». Значит, неважная. Значит, ранжировать её не нужно.
Пример ошибки:
site.ru/home/page/catalog/products/sport/nike/krossovki-2025 — это не иерархия, а лабиринт. Робот уйдёт на входе.
Один ресурс — один адрес
Одна страница — один путь. Без дублей, без трекинговых параметров, без utm_source в теле URL. Иначе поисковик думает, что у сайта 15 одинаковых страниц. Он путается. А значит — понижает в результатах.
Если без параметров не обойтись — ставь каноническую ссылку. Это <link rel=»canonical» href=»…»> в <head>. Она говорит: “Вот, это — оригинал. Остальное — копии.”
Навигация — не для пользователя, а для робота
Меню — это скелет сайта. По нему бот идёт от главной к нужной странице. Если меню на JavaScript, если ссылки не <a href> — считай, что страницы нет.
Пример:
В блоге 300 статей. Но ни одна не попадает в индекс. Почему? Потому что переход к ним идёт через выпадающее меню на React. Ссылки не настоящие. Бот видит только обёртку.
Решение? Простое. Ссылки должны быть настоящими. <a href=»/blog/seo-dlya-razrabotchikov»>Читать</a> — и точка.
Смысл важнее шаблона
Каждый адрес должен отражать, что на странице. Без мусора, без технической шелухи.
Плохо:
site.ru/page1
Хорошо:
site.ru/uslugi/razrabotka-sajtov
Ещё лучше:
site.ru/uslugi/sozdanie-internet-magazina
Такой URL решает три задачи:
1. Читателю понятно, что там.
2. Поисковику — тоже.
3. SEO-шнику не нужно переписывать структуру через год.
Редиректы убивают, если ими злоупотреблять
Однажды сайт переехал. Вместо /catalog/item стало /products/item. Разработчик поставил редирект. Потом ещё один. Потом ещё. Через два месяца запрос /catalog/item редиректил четыре раза.
Каждый редирект — это потеря веса. Чем больше прыжков — тем ниже доверие.
Вывод: меняешь структуру — думай о последствиях. Не лепи костыли. Настраивай редиректы один к одному. Идеально — вообще без них.
Внутренние ссылки — это кровь
Сайт без внутренней перелинковки — это мёртвое тело. Поисковик не знает, какие страницы важные. А пользователь уходит, не дочитав.
Простой приём: в конце статьи вставляешь блок «Читайте также». Но не сгенерированный, а с ручной вставкой ссылок. Тогда вес передаётся правильно.
Писал статью про SEO? Сошлись на статью про скорость загрузки. Писал про CMS? Сошлись на сравнение платформ.
Вывод: порядок — это ранжирование
Структура сайта — это не дело верстальщика. Это то, что определяет, будет ли трафик.
Не думаешь о ней — получаешь красивую пустышку. Думаешь — получаешь инструмент, который работает без рекламы, без вложений, просто потому, что сделан правильно.
Заголовки: не для красоты
Вёрстка — это не про пиксели. Это про смысл. Особенно, когда речь идёт о заголовках.
Если на странице три <h1> — поисковик теряется. Он не понимает, где главное.
А если <h1> вообще нет, он теряет интерес.
HTML-заголовки — это маркеры смысла. Не декор. Не просто «жирный текст». Это скелет структуры, по которому поисковик определяет, о чём страница и насколько она полезна.
Запомни правило:
• <h1> — заголовок всей страницы. Один, не больше.
• <h2> — второстепенные блоки, например, разделы внутри статьи.
• <h3> — вложенные подразделы, детали, уточнения.
Пример.
Статья о том, как выбрать CMS.
<h1> — «Как выбрать CMS для бизнеса».
<h2> — «WordPress», «Tilda», «Bitrix».
<h3> — «Плюсы», «Минусы», «Когда подходит».
Если разработчик использует <h2> для оформления ценника — он вредит. И себе, и проекту. Поисковик запутается. Сниппет в выдаче будет кривой. Видимость — хуже.
HTML — это язык смысла, а не внешнего вида.
Заголовки должны отражать структуру контента.
Это влияет и на индексацию, и на поведенческие метрики.
Пользователю легче ориентироваться, а значит — он дольше остаётся.
Поисковик видит это — и поднимает сайт выше.
Метатеги и Open Graph — не мелочь
Когда пользователь видит сайт в Google, он не видит ваш дизайн, шрифты и кнопки.
Он видит заголовок страницы и описание.
И вот тут вступает в игру <title> и <meta description>.
Если <title> пустой, Google сам придумает. Чаще всего — неудачно.
Если <meta> обрезан или шаблонный — пользователь не кликает.
Пример плохого сниппета:
Заголовок: «Главная»
Описание: «Компания NNN. Мы предлагаем качественные услуги и индивидуальный подход.»
Что это? Ничего.
Пример хорошего:
Заголовок: «Интернет-магазин сантехники в Москве — доставка за 1 день»
Описание: «Более 500 моделей в наличии. Цены от 1200 ₽. Установка и гарантия. Закажите онлайн — доставка завтра.»
Здесь цифры, факты, призыв. И главное — понятно, зачем кликать.
Теперь про Open Graph. Это трафик из соцсетей.
Поделился ссылкой — и Facebook, Telegram или WhatsApp подхватывают данные из OG-тегов.
Обязательно указывай:
• og:title — заголовок, желательно короче <title>
• og:description — цепляющее, короткое описание
• og:image — картинка, по которой узнают бренд
Если этого нет — соцсеть возьмёт первую попавшуюся картинку и текст. Может выдать логотип с размером 64×64. Может подставить меню сайта. Всё это снижает охват и доверие.
Метатеги — это не «дело потом». Это часть базовой SEO-структуры. Их нельзя оставлять на потом.
Сразу при вёрстке добавляй:
• <title> — уникальный для каждой страницы
• <meta name=»description»> — короткий, информативный
• OG-теги — для соцсетей и мессенджеров
Не переделывай потом. Делай правильно с первого раза.
Резюме
📌 Заголовки должны быть логичными и иерархичными
📌 Каждая страница — с уникальным <title> и meta
📌 OG-теги — обязательны, если проекту важен охват в соцсетях
📌 HTML — это смысл, а не декоративный набор тегов
Если тебе важно, чтобы сайт показывался, читался и кликался, то структура и метатеги — это твоя зона ответственности. Не маркетолога. Не SEOшника. Разработчика.
Скорость = позиции
Хочешь быть в топе? Ускоряй сайт.
Каждая лишняя секунда загрузки — это минус к ранжированию. А если ещё и блоки скачут при загрузке, CLS рвёт в отчёте, а LCP как у черепахи — можешь забыть про органический трафик.
Google измеряет всё: время до первого байта, скорость рендера, сдвиги макета, вес страницы.
Один проект вылетел из выдачи после обновления ядра Google. Причина — банальные 4,5 секунды загрузки на мобильных. Программисты исправили lazy loading, убрали неиспользуемые скрипты, переделали шрифты. Через две недели позиции вернулись.
Что делает разработчик, чтобы сайт летал?
• Оптимизирует изображения — переводит всё в WebP, подключает lazy loading, обрезает лишнее.
• Минимизирует CSS и JS — сборка, удаление комментариев, объединение файлов.
• Удаляет мусор — никаких неиспользуемых библиотек, никаких jQuery, если нужен только один слайдер.
• Включает кэширование — браузерное, серверное, промежуточное. Чем меньше запросов — тем быстрее.
• Подключает CDN — для картинок, статики, JS. Геораспределённость — это не маркетинг, а технический апгрейд.
Вёрстка влияет на SEO. Даже если это просто блог. Потому что Google видит, как быстро человек получает контент. А если долго грузится — пользователь уходит. А с ним — и позиции.
Мобильная адаптация — не бонус, а требование
70% трафика — с телефонов. Мобильная версия — это основная.
Если сайт разваливается, приходится скроллить вбок, а кнопки не нажимаются — ты потерял пользователя. А Google это заметил.
У поисковиков mobile-first индексирование. Это значит, что именно мобильную версию они анализируют в первую очередь. Если она сырая — ты проиграл до того, как начал.
Что важно проверить разработчику:
• viewport должен быть настроен (<meta name=»viewport» content=»width=device-width, initial-scale=1.0″>)
• Вёрстка — гибкая, без фиксированных ширин
• Нет горизонтального скролла
• Кликабельные элементы не меньше 48×48 пикселей
• Текст читаемый, не нужно увеличивать вручную
*Не сверстал под мобилу — не получишь трафика. Даже если десктопная версия идеальна.*
ЧПУ и канонические ссылки
site.ru/item?id=248 — это технический урл. Он ничего не говорит ни человеку, ни роботу.
site.ru/blog/seo-dlya-razrabotchikov — это человекопонятный адрес (ЧПУ). Он отражает суть. Он индексируется. Он работает.
Поисковики отдают предпочтение осмысленным адресам. Плюс: их легче шарить, на них выше CTR в выдаче.
Но беда не в урлах. Беда — в дубликатах. Один и тот же товар может открываться по трём путям:
• /catalog/item?id=123
• /catalog/item/123/
• /catalog/seo-optimizaciya
Google не понимает, какой из них основной. Решение — каноническая ссылка:
<link rel="canonical" href="https://site.ru/catalog/seo-optimizaciya" />Без неё ты конкурируешь сам с собой. И проигрываешь.
Роботам — robots, человеку — sitemap
Два файла. Кажется — мелочь. Но эти мелочи определяют, что попадёт в индекс, а что нет.
• robots.txt нужен, чтобы закрыть всё лишнее: админки, корзины, фильтры, параметры.
• sitemap.xml — показывает, какие страницы важны. Это навигатор для поискового бота.
Создал сайт? Сразу настрой sitemap и robots.
Зарегистрируй сайт в Google Search Console. Отправь карту сайта. Посмотри, что индексируется, а что игнорируется.
Это не работа SEO-шника. Это ответственность разработчика, который пишет не только код, но и будущее сайта в поиске.
Итог: SEO — это код
SEO — не шаманство, а инженерия.
Каждая строка вёрстки, каждый килобайт, каждая задержка — это фактор ранжирования.
Что влияет:
• структура и навигация
• чистый HTML и семантика
• быстрая загрузка
• адаптивность
• осмысленные URL
• грамотные метатеги
• техническая оптимизация
Разработчик, который это понимает, делает не просто сайт. Он создаёт инструмент, который приводит клиентов. А не просто показывает портфолио.