Дизайн сайта и SEO: что реально влияет на позиции, а что — дорогое заблуждение

За сайт заплатили полмиллиона — позиции не сдвинулись. Почему?

Один сайт был переделан за 500 000 рублей. Стал чище, современнее, каждая кнопка аккуратно отрисована. Визуально — твёрдая четвёрка с плюсом вместо просто четвёрки. Всё выглядело получше, сайт стал немного дороже и посовременнее.

Результат по позициям: практически нулевой. За одним исключением. На главной странице количество карточек товаров сократили с полного ассортимента до трёх «красивых» позиций. Именно главная продвигалась по ключевым запросам, и для Яндекса ассортимент на ней был сигналом релевантности. Итог: страница вылетела из топ‑10 в топ‑20. Полмиллиона рублей — и минус позиции.

Как SEO‑специалист, я оцениваю дизайн не категориями вкуса, а через жёсткие метрики: показатель отказов, глубину просмотра, конверсию в заявку. В этой статье разберём, что в дизайне реально влияет на позиции — и что не влияет, сколько бы денег в это ни вложили.

Статья написана для владельцев бизнеса и руководителей, которые принимают решения по сайту — без собственного отдела аналитики.

Прежде чем идти дальше — четыре вещи, которые полезно понять сразу

Недавно в выдаче Яндекса произошёл показательный случай. Поисковик ввёл фильтр «самая низкая цена». В топе находились три гиганта с дорогим современным дизайном: 3D‑модели, детальные видеообзоры. И был один небольшой интернет‑магазин с максимально спартанским оформлением: логотип, телефон, название товара и базовая фотография. Но у него была действительно лучшая цена. Этот визуально устаревший сайт начал расти по позициям на 20% в месяц, месяц за месяцем забирая трафик у крупных игроков. Наблюдал за этим в реальном времени — и каждый месяц смотрел, как страшненький сайт просто рвёт всех.

Как влияние дизайна на продвижение работает на практике

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

Главный арбитр здесь — поведенческие факторы, особенно в Яндексе: как долго человек остаётся на странице, листает ли дальше, возвращается ли обратно в выдачу сразу после входа. Именно через эти метрики дизайн и влияет на позиции.

Оценить их заранее практически невозможно — поведенческие считаются отдельно для каждого поискового запроса, и никакой инструмент эту картину полностью не покажет. Можно подсмотреть общее время на сайте у конкурентов через сервис SimilarWeb — но это средняя температура по больнице, а не точный ответ. Плюс там может быть куча брендового трафика, который всё искажает.

Дизайн бьёт по SEO через два канала: технический и поведенческий.

Технические ловушки: переводим язык программистов на язык бизнеса

Иногда веб‑студии продают красивые технические решения, которые отлично смотрятся в портфолио, но превращают сайт в невидимку для поисковых систем. Звучит сложно — переведём на понятный язык.

Сайты‑приложения (SPA на React/Vue и т.д.). Вам продают очень быстрый сайт, где страницы переключаются мгновенно, без перезагрузки. Звучит здорово. Но поисковый робот заходит на такой сайт и видит пустую страницу — как покупатель, которого пустили в магазин с выключенным светом. Товары есть, но их не видно. Чтобы бот увидел ваши тексты и товары, нужно заставить программистов настроить SSR (серверный рендеринг) — это просто включить свет.

Проверить, что именно видит поисковик на вашем сайте, можно через Яндекс.Вебмастер в разделе «Сохранённая копия» или через Google Search Console. Все ключевые тексты, заголовки, коммерческие элементы — всё это должно быть там. Если нет — идёте к программисту и говорите: «Выдавай».

Бесконечный скролл (каталог без страниц). Дизайнер сделал так, что товары подгружаются бесконечно при прокрутке вниз. Людям удобно, но у поискового робота нет рук, чтобы скроллить. Он увидит только первые 20 товаров и уйдёт. Решение простое: оставить автопрокрутку для людей, но в коде спрятать для робота обычные страницы (1, 2, 3 и т.д.). Ситуация решаемая, не страшная.

Огромные видео и тяжёлые шрифты. Красивое видео на весь экран при открытии с мобильного может загружаться 5–7 секунд. Современный пользователь столько ждать не будет — закроет вкладку и уйдёт к конкуренту. Поисковик зафиксирует отказ.

Решение: выносить видео на внешние хостинги со стримингом, использовать системные шрифты вместо нестандартных, подключать ленивую загрузку изображений. И сначала смотрите на конкурентов — если у них тоже всё не идеально, а они в топе, значит, другие факторы сейчас важнее. Без фанатизма.

Коммерческие факторы в дизайне

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

Вот не чек‑лист, а просто примеры того, как коммерческие факторы выглядят в дизайне:

• телефон и кнопка связи в шапке — не в подвале, не на странице контактов, а сразу видны при открытии сайта;
• реальные фотографии команды, офиса или производства вместо стоковых улыбающихся людей;
• открытые цены — хотя бы «от X рублей» вместо «цена по запросу»;
• страницы доставки, оплаты и возврата с конкретными условиями и сроками;
• отзывы из Яндекс Карт через виджет — сильный сигнал доверия для поисковых систем.

Коммерческие факторы это не магическая формула. Внедрение этих элементов может дать рост, а может не дать ничего — если решающим фактором в вашей нише оказывается цена, география или ассортимент

Что делать, если сайт уже готов

Идеально, когда SEO‑специалист подключается ещё на этапе проектирования — тогда структура сайта и навигация строятся сразу под поисковый спрос, а не переделываются потом. Но если сайт уже готов — не страшно. Как правило, добавляются хлебные крошки, дорабатываются пункты меню, дорисовываются шаблоны посадочных страниц. Ничего глобального — просто аккуратные доработки поверх того, что уже есть.

Отдельно про мобильную версию. Многие боятся прятать SEO‑тексты под кнопку «Читать далее», думая, что поисковик их не учтёт. Это не так. Частичное скрытие текста на смартфонах ради экономии места — нормальная практика. Алгоритмы относятся к этому лояльно, а пользователю становится проще добраться до целевой кнопки.

И следите за мелочами: расстояние между кликабельными элементами в меню должно быть не менее 8 пикселей. Звучит смешно, но если кнопки слипаются — пользователи с крупными пальцами будут промахиваться, злиться и закрывать сайт. Проверить это можно в Яндекс.Вебмастере — там есть инструмент, который подсветит проблемные места.

С чего начать прямо сейчас

Когда SEO‑специалист берётся за готовый сайт, первое, что он делает — просто открывает его и смотрит. На автомате проверяет: похож ли этот сайт на то, что стоит в топе по его запросам? Есть ли заголовки страниц, написанные под ключевые фразы? Есть ли то, что есть у конкурентов — фотографии команды, прайс, условия доставки?

Сделайте то же самое самостоятельно: откройте топ‑5 по вашему главному запросу и пройдитесь по сайтам конкурентов. Не для того, чтобы скопировать дизайн, а чтобы понять, каких смысловых блоков не хватает на вашем сайте. Это займёт 20–30 минут и даст более честную картину, чем любой абстрактный аудит.

Частые вопросы о дизайне и SEO

Мы сделали новый дизайн, а позиции упали. Почему? Скорее всего, при редизайне что‑то сломали технически — не настроили перенаправления со старых адресов страниц на новые, или случайно убрали важные текстовые блоки, которые поисковик учитывал. Сам по себе новый визуал позиции врядле уронет. Парадокс редизайна в другом: вы можете вложить деньги, всё сделать правильно — и просто не получить ничего. Ни плюса, ни минуса. Такое бывает чаще, чем хотелось бы признавать.

Дизайнер хочет поставить большой баннер на главную. Это навредит поиску? Нет, если баннер соответствует запросу и понятно объясняет, что вы предлагаете. Люди скроллят — это факт. Страницу закрывают не из за размера картинки, а потому что не понимают, куда попали и что им предлагают.

У нас старый сайт, менять не хотим. Можно всё равно выйти в топ? Можно. Главное — чтобы сайт открывался на мобильных и отвечал на запрос пользователя лучше конкурентов. Иногда старые сайты с простым дизайном работают стабильнее новых с тяжёлой анимацией. Если он работает и приносит деньги — может, не надо ничего трогать.

Через сколько ждать результата после доработки сайта? Зависит от ситуации. Если сайт был нормальным, но не хватало конкретных блоков — после их добавления и переиндексации результат может появиться через месяц‑полтора. Но бывает и так, что добавляешь элементы, а они вообще не влияют — потому что в вашей нише решает цена или география, а не дизайн. Всё индивидуально, и это честный ответ.

Дизайнер говорит — делаем красиво. SEO‑специалист говорит — делаем быстро. Кого слушать? Оба правы, но в разной мере. Сначала — скорость и удобство, потом — эстетика. Медленный сайт пользователь не дождётся, красивый но непонятный — закроет. Если приходится выбирать, приоритет у скорости загрузки и понятной структуры. Но в большинстве случаев это не противоречие — это вопрос правильных приоритетов при разработке.

Что делать после прочтения

Вы дочитали до конца — значит, вы из тех, кто хочет разобраться, прежде чем тратить деньги. Это уже правильная позиция.

Если думаете о редизайне — я бы 10 раз подумал перед тем, как тратить деньги. Если вы принципиально не предлагаете пользователю ничего нового — ни по цене, ни по ассортименту, ни по условиям — новый визуал этого не исправит. Редизайн ради редизайна часто не даёт ничего. Точечная доработка того, что уже есть — работает чаще и стоит дешевле.

Дизайн и SEO — это не два разных бюджета и не два отдельных проекта. Это одна система. Вкладывая в одно, вы так или иначе получаете и другое. Главное — понимать, что именно и зачем вы делаете, до того, как студия выставит счёт.