Мы регулярно разбираем сайты клиентов — и почти всегда одна картина. Сайт красивый, дизайнер явно старался. Но непонятно, что здесь купить, куда нажать и зачем оставлять заявку. Посетитель закрывает вкладку через 30 секунд — и уходит к конкуренту.
Проблема не в дизайне. Проблема в том, что сайт строили без системы: сначала нарисовали, потом думали про поисковую оптимизацию, потом подключили аналитику. Каждый следующий шаг требовал переделок предыдущего.
В статье — о том, что закладывают до первой строчки кода: как выстроить логику страниц, угодить поисковикам и ИИ-системам, и почему аналитику нужно настраивать до запуска, а не после.
Дизайн: начинайте с цели, а не с макета
Четыре вопроса перед первым экраном
Мы видели десятки брифов, которые начинались одинаково: «хотим современный сайт, чтобы выглядел солидно». Дизайнер делает — получается красиво. Только заявок нет.
Прежде чем открывать Figma, нужно ответить на четыре вопроса:
- Что считается результатом: заявка, звонок, оплата или регистрация?
- Кто придет на сайт и что он будет делать — какой путь пройдет от первого экрана до кнопки?
- Что останавливает человека перед тем, как оставить заявку?
- На какой главный вопрос посетитель должен получить ответ за первые 30–60 секунд?
Ответы на эти вопросы — техническое задание для дизайнера. Без них дизайнер рисует то, что красиво, а не то, что продает.
Дальше выстраивайте логику блоков: проблема — решение — доказательства — условия — действие. Звучит просто, но большинство сайтов нарушают эту цепочку уже на втором блоке.
Мобильная версия — не доработка, а база
Статистика давно все решила: в 2025 году 64% веб-трафика приходит со смартфонов. Но многие до сих пор проектируют сайт с десктопа, а мобильную версию правят в конце — по остаточному принципу.
Это ошибка в логике. Мобильный экран — первая точка контакта для большинства посетителей, значит, с него и нужно начинать.
Три вещи, которые стоит проверить прямо сейчас: совпадает ли контент мобильной и десктопной версий, не прячет ли меню ключевые разделы, удобно ли нажимать на кнопки пальцем — не мышью, а именно пальцем.
Мы иногда спрашиваем клиентов: вы сами заходили на свой сайт с телефона? Многие отвечают «давно не проверял». Это уже проблема.
Скорость и доступность
Каждая лишняя секунда загрузки — реальные потери. Не абстрактные, а конкретные люди, которые закрыли вкладку. Легкие изображения, минимум тяжелых скриптов на первом экране, никаких «прыжков» блоков при загрузке — базовые требования.
Доступность — смежная история. Заголовки должны говорить, а не красоваться. На одной странице — один сценарий, без развилок. Текст читают по диагонали: если смысл не считывается за секунду, абзац потерян. Подробности в статье про F и Z паттерны в дизайне. Сюда же — достаточный контраст, читаемый шрифт и кнопки, в которые попадаешь пальцем с первого раза.
Поисковая оптимизация: структура до дизайна
«Сделаем сайт, продвижением займемся потом» — дорогая ошибка. Мы видели ее десятки раз. Если не заложить поисковую оптимизацию на старте, придется переделывать страницы, адреса, контент и навигацию. Это потеря времени и бюджета, которой можно было избежать.
Карта страниц под реальный спрос
Начните с вопроса: какие запросы вводят ваши клиенты, когда ищут ваши товары и услуги? Под каждый важный запрос — отдельная страница с четко сфокусированным смыслом. Не одна большая страница обо всем, а конкретные точки входа. Алгоритмы хорошо понимают страницы с одной темой — плохо понимают страницы обо всем сразу.
E-E-A-T: как поисковики оценивают доверие
Google и Яндекс оценивают тексты по принципу E-E-A-T: опыт, экспертность, авторитетность и доверие. Что делать на практике:
- укажите автора материала;
- добавьте реальные цифры и примеры;
- покажите кейсы;
- обновляйте страницы — алгоритмы замечают свежесть контента.
Микроразметка Schema.org
Микроразметка Schema.org помогает поисковым роботам понять содержимое страницы и сформировать расширенный сниппет — с рейтингом, ценой, адресом, датой. Такой результат заметнее в выдаче, по нему чаще кликают. Многие игнорируют этот инструмент — и зря.
GEO и AEO: как попасть в ответы ИИ-систем
Поиск меняется быстрее, чем многие успевают перестроиться. Яндекс и Google все чаще дают ответ прямо на странице выдачи — без клика по сайту. Это AEO: оптимизация под системы, которые формируют готовый ответ из контента. GEO работает иначе: генеративные помощники вроде ChatGPT или Алисы AI собирают ответ из нескольких источников и цитируют тех, кому доверяют.
Оба формата уже влияют на трафик. И оба требуют одного — чтобы текст был написан так, как пишут источники, а не как пишут для людей.
Пишите так, чтобы ИИ процитировал ваш сайт
ИИ-система не читает — она извлекает. Ей нужна структура, из которой легко взять фрагмент:
- Определение в начале блока, а не в конце после трех абзацев контекста.
- Нумерованные шаги там, где описываете процесс — не сплошной текст.
- Блок «вопрос — короткий ответ — детали» вместо длинных введений.
- Один термин на одну сущность на всей странице — без замены синонимами для «разнообразия».
Заголовки H2 и H3 — не для красоты, а для машинного понимания. Каждый должен точно называть тему раздела. Страницы под разные темы — отдельно, без смешивания в одну «большую».
Внешние сигналы доверия
ИИ-системы не принимают решение о цитировании, глядя только на сайт. Им важно, что говорит о вас остальной интернет. Заполненная карточка компании в справочниках и на картах, отзывы с ответами, упоминания на отраслевых ресурсах — все это работает как голоса за вас при машинном отборе источников.
Аналитика: смотрите на деньги, а не на трафик
Посещаемость — удобная цифра: она всегда есть, она растет, на нее приятно смотреть. Проблема в том, что она не говорит ничего о продажах. Мы видели сайты с тысячами визитов в месяц и нулем заявок — и наоборот.
Настраивать аналитику после запуска — значит работать вслепую первые полгода. Все нужное закладывается на старте:
- Связка с системой управления клиентами (CRM): каждая заявка, звонок, форма и чат фиксируются и атрибутируются источнику.
- Цели и события: что считается конверсией — отправка формы, клик по номеру, шаг регистрации.
- Сквозные метки на всех рекламных ссылках: без них невозможно понять, какая кампания принесла заявку.
- Набор показателей, по которым реально принимают решения: лиды, их стоимость, конверсия по этапам воронки, выручка.
Бессмысленно смотреть только на трафик: важнее отслеживать конверсию страниц по каждому источнику. Работайте с тем, что двигает выручку.
Если хотите не разбираться с настройкой аналитики с нуля, в руководстве по запуску сайта мы собрали конкретные шаги — от структуры до первых заявок.
Конструктор, готовое решение или разработка с нуля
Вопрос, который нам задают чаще всего: что лучше подойдет для моего бизнеса?. Ответ зависит от задач, а не от моды.
Конструктор подойдет, если нужен быстрый старт с простой структурой. Но будьте готовы к ограничениям: скорость загрузки, микроразметка, интеграции — в конструкторах это обычно слабее.
Готовое решение на системе управления содержимым сайта (CMS) — чаще всего оптимальный выбор для малого и среднего бизнеса. Базовая структура и блоки уже есть, вы добавляете контент, настраиваете аналитику и интеграции. По цене, скорости запуска и возможностям — самый сбалансированный вариант. Именно такие решения мы делаем в Аспро — посмотреть их можно на сайте.
Индивидуальная разработка нужна, если у вас сложные сценарии, личный кабинет или нестандартные интеграции. Но без сильного технического задания и проектирования она легко превращается в дорогую картинку — красивую, но не работающую.
Итог
Сайт в 2026 году — это система продаж и доверия. Она должна быстро давать посетителю ответы, быть понятной поиску, работать на мобильных, помогать ИИ-системам выбрать вас как источник и измерять результат в лидах и выручке.
Главный вывод из нашего опыта: переделывать всегда дороже, чем сделать правильно с первого раза. Те, кто закладывает поисковую оптимизацию, GEO и аналитику на старте, экономят месяцы работы и бюджет на доработки — и получают сайт, который работает сразу, а не после третьего круга правок.