Сайт эксперта по аналитике ритейла: создание, SEO и GEO-оптимизация под ИИ-поиск

Сайт, который отвечает на вопросы клиента раньше, чем предлагает услуги: 153 страницы на трёх языках, пять калькуляторов, шаблоны для скачивания и расчёт на ответы чат-ботов.

Клиент

Tatsiana Bandziuk, консультант по аналитике ритейла и fashion

Отрасль

Консалтинг по аналитике ритейла и fashion

Услуги

Разработка сайтов, SEO-продвижение

Веб-сайт

Главная страница сайта tatsianabandziuk.com на мониторе, ноутбуке, планшете и телефоне

Проблема

Консультант по аналитике ритейла и fashion — ассортимент, цены, товарные данные, отчётность в Power BI — работала без собственного сайта. Поиск по имени выдавал только профили в соцсетях. То есть человек, которому её порекомендовали, не мог ни проверить опыт, ни понять, с какими задачами к ней приходят, ни оставить заявку.

Задача стояла шире, чем сделать визитку. Во-первых, сайт должен был с первого взгляда узнаваться как рабочая среда аналитика: клиенты консультанта живут в Excel и Power BI, и разговор на языке их собственных инструментов доказывает профильность быстрее любого текста. Во-вторых, на сайт нужно было привести людей из поиска — значит, сначала изучить, что и как люди спрашивают, и только потом проектировать структуру. В-третьих, сайт должен был быть полезен сам по себе: расчёты прямо на странице, шаблоны, которые можно скачать и применить, курсы с видео. Не витрина услуг, а инструмент, к которому возвращаются.

Задача

  • Придумать и собрать сайт, который узнаётся как рабочая среда аналитика ритейла
  • Сделать три языка: английский для Великобритании и Европы, польский и русский
  • Изучить спрос до проектирования и строить страницы под то, что люди действительно спрашивают
  • Дать посетителю пользу прямо на сайте: калькуляторы, шаблоны для скачивания, курсы с видео
  • Подготовить сайт к тому, что его будут цитировать и поисковики, и чат-боты
  • Связать сайт с почтой так, чтобы заявка и запрос шаблонов доходили без потерь
  • Отдать управление текстами в админку, не делая сайт заложником этой админки

Результаты

  • 153 страницы: 52 на английском, 51 на польском, 50 на русском
  • PageSpeed Insights, мобильная версия: 100 по производительности, доступности, лучшим практикам и SEO; готовность к ИИ-агентам — 3 из 3
  • 54 статьи, 18 страниц услуг, 18 кейсов, 15 страниц калькуляторов, 18 рубрик блога
  • 572 вопроса с ответами в текстах сайта: 205 на английском, 188 на польском, 179 на русском
  • Пять калькуляторов ритейла на трёх языках: маржа и наценка, sell-through, оборачиваемость, GMROI, open-to-buy
  • Два Excel-шаблона на каждый язык, у которых каждая формула проверена расчётом, а не глазами
  • Двенадцать типов страниц, и у каждого своё служебное описание для поисковиков
  • Ответы на вопросы, числа и меню видны поисковым роботам и чат-ботам без выполнения скриптов
  • Новая страница уходит в поисковики автоматически в момент публикации

Проделанная работа

  • Дизайн-концепция целиком: сайт построен вокруг интерфейсных приёмов Excel и Power BI
  • Изучение спроса на трёх языках до проектирования структуры; каждая группа запросов привязана к своей странице
  • Тексты написаны отдельно под каждый язык, а не переведены с английского
  • Разработка на Next.js с админкой на Sanity; страницы собраны заранее и обновляются раз в сутки
  • Запасной комплект текстов в самом сайте: если админка недоступна, страницы всё равно собираются
  • Три языка с переведёнными адресами разделов, английский без языкового префикса
  • Контактная форма в логике листа Excel: адреса ячеек, заливка и рамка выделения
  • Строка состояния внизу экрана: показывает счётчик слов при выделении текста и сумму при выделении чисел в таблице
  • Страница кейсов в логике отчёта Power BI: выбор темы подсвечивает карточки, а не прячет остальные
  • Пять калькуляторов и две модели в Excel, собранные и проверенные скриптами
  • Служебное описание страниц для поисковиков написано вручную под каждый из двенадцати типов страниц
  • Связи между страницами построены по смыслу: услуга, её кейс, её статьи и её калькуляторы ссылаются друг на друга
  • Настроена отправка заявок и файлов на почту, защита формы от спама без капчи

Ключевые моменты проекта

Первый экран сайта эксперта по аналитике ритейла

Первый экран отвечает на два вопроса сразу: кто это и с чем к ней приходят.

Первый экран сайта с портретом консультанта по аналитике ритейла и описанием направлений работы

Результат PageSpeed Insights: 100 по всем четырём категориям

Мобильная проверка PageSpeed Insights: 100 по скорости, доступности, лучшим практикам и SEO и 3 из 3 в новой проверке готовности сайта к ИИ-агентам. Первая отрисовка — 1,2 с, самый крупный элемент — 1,7 с, сдвиг вёрстки — 0,002.

Отчёт PageSpeed Insights для мобильной версии сайта: Performance, Accessibility, Best Practices и SEO по 100, Agentic Browsing 3 из 3

Карточки услуг с мини-графиками

Под каждой услугой свой мини-график. Графики нарисованы на сервере, поэтому видны и без JavaScript.

Карточки услуг консультанта с мини-графиками: размерная кривая, ценовая лестница и схема дашборда

Контактная форма в логике листа Excel

Каждое поле — ячейка со своим адресом; как только в ней появляется текст, значок функции превращается в знак равенства.

Контактная форма, где каждое поле оформлено как ячейка таблицы с адресом и значком функции

Таблица с цветовой шкалой и строка состояния с суммой

Выделите числа в таблице — внизу появятся среднее, количество и сумма, как в Excel. Под оформлением при этом обычная таблица, которую читают поисковики.

Таблица данных с цветовой шкалой и строка состояния внизу экрана со средним, количеством и суммой выделенных чисел

Строка состояния со счётчиком слов

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

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

Страница кейсов в логике отчёта Power BI

Выбор темы подсвечивает нужные кейсы и приглушает остальные: видно и ответ, и весь объём работ.

Страница кейсов с выбором темы слева и приглушёнными карточками вне выбора

Пять калькуляторов ритейла на одной странице

Пять калькуляторов собраны на одной странице, а номера карточек записаны так, как Excel записывает формулы: от =01 до =05.

Страница с пятью калькуляторами ритейла, пронумерованными как формулы Excel: от =01 до =05

Страница калькулятора маржи и наценки

Каждый калькулятор — отдельная страница: расчёт, формулы, разобранный пример и частые ошибки.

Калькулятор маржи с заполненными полями, результатами и формулами под ними

Калькулятор open-to-buy с полями-ячейками

Поля калькулятора — ячейки A1–A5, результат — B1. Под расчётом формула текстом и пометка, что числа никуда не отправляются.

Калькулятор open-to-buy: пять полей с адресами ячеек A1–A5, результат в ячейке B1 и формула под расчётом

Бесплатные шаблоны: модель open-to-buy в Excel и чек-лист дашборда

Модель open-to-buy и чек-лист дашборда уходят посетителю на почту. Каждую формулу в модели проверяет скрипт, который пересчитывает всю книгу.

Превью шаблона open-to-buy в виде листа Excel с цветовой шкалой и превью чек-листа KPI-дашборда для Power BI

Статья с ответом в первом абзаце

Статья начинается с прямого ответа на вопрос, а формулы даются текстом, а не картинкой — так их можно процитировать.

Статья с прямым ответом в первом абзаце, оглавлением и блоком автора

Галерея дипломов на странице о консультанте

Пять дипломов лежат и в галерее, и в служебном описании страницы как подтверждённая квалификация.

Галерея сканов дипломов и сертификатов на странице о консультанте

Польская версия сайта

У польской версии свои темы статей, свои заголовки и свои адреса разделов — она написана под польский спрос.

Польская версия сайта эксперта по аналитике ритейла

Русская версия сайта

Русская версия работает на доверие и на ответы чат-ботов: поискового спроса по этой теме на доступных рынках почти нет.

Русская версия сайта эксперта по аналитике ритейла

Описание проекта

Какой сайт эксперта по аналитике ритейла требовался: опыт, поиск и польза до заявки

Это сайт эксперта, который сначала помогает, а потом продаёт: 153 страницы на английском, польском и русском, пять калькуляторов ритейла, шаблоны Excel для скачивания и статьи, которые начинаются с ответа. Интерфейс говорит языком Excel и Power BI — инструментов, в которых каждый день работают клиенты консультанта.

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

Третье условие оказалось самым содержательным. Обычный сайт эксперта устроен как витрина: услуги, опыт, форма обратной связи. Здесь нужен был сайт-инструмент: расчёты, которые можно сделать прямо на странице, шаблоны, которые можно скачать и применить в понедельник, статьи, которые отвечают на вопрос сразу, а не после трёх абзацев разгона.

А первое условие — показать опыт за несколько секунд — получило прямое решение. Консультант десять лет живёт в Excel и Power BI, и её клиенты тоже. Значит, сайт может разговаривать с ними на языке их собственных инструментов.

Изучение спроса для сайта эксперта: что спрашивают об аналитике ритейла на трёх языках

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

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

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

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

Практиков отрасли в выдаче нет ни на одном языке. Первые места занимают агентства, поставщики софта и общие справочники — люди, которые об этом пишут, но этим не занимаются. Эта дыра и стала позиционированием сайта.

Как сайт эксперта готовили к цитированию в ответах ChatGPT, Perplexity и Google

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

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

Формулы и таблицы даются текстом, а не картинкой. Картинку нельзя процитировать, а текст можно. Поэтому формулы вынесены в отдельный элемент страницы, а таблицы под всем оформлением остаются обычными таблицами.

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

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

Чат-ботам открыт доступ, а сборщикам ссылочных баз — нет. Роботы ChatGPT, Claude, Perplexity и поисковых систем ходят по сайту свободно. Коммерческие сканеры, которые собирают данные для чужих SEO-сервисов, закрыты: они дают нагрузку и не приносят ни читателей, ни цитирований.

Новая страница уходит в поисковики сразу. Публикация в админке автоматически сообщает поисковым системам, что появился новый адрес, а в карте сайта у каждой страницы стоит дата последнего изменения.

Из чего такая работа состоит в общем случае, для любого сайта, описано на странице подготовка сайта к ИИ-поиску.

Микроразметка Schema.org на сайте эксперта: как поисковик и ИИ узнают автора

Кроме видимого текста у каждой страницы есть служебное описание — микроразметка, блок данных, который читают поисковики и чат-боты, чтобы понять, что перед ними. Обычно его ставят плагином на все страницы одинаковым. Здесь он написан вручную под каждый из двенадцати типов страниц.

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

Одно решение внутри стоит назвать отдельно: весь блок отдаётся сразу вместе со страницей, а не дорисовывается скриптом после загрузки. Чат-боты скрипты не выполняют, и то, что появляется после них, для них просто не существует. Это часть технического SEO, которую на большинстве сайтов проверяют последней.

Интерфейс в стиле Excel: контактная форма-таблица и строка состояния с суммой

Метафора сделана не картинками, а поведением элементов.

Контактная форма — это лист. Каждое поле оформлено как ячейка со своим адресом: A1, B1, A2. При установке курсора светло-зелёная заливка заполняет ячейку слева направо, а поверх линий сетки ложится зелёная рамка — ровно как выделение в Excel. Если поле заполнено неверно, та же рамка становится красной, а текст ошибки встаёт внутрь ячейки вместо подписи, поэтому страница не прыгает.

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

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

Страница кейсов в стиле отчёта Power BI: подсветка вместо фильтра

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

Главное отличие от обычного фильтра: карточки, не попавшие в выбор, не исчезают, а приглушаются. Попавшие подсвечиваются.

Это удобнее человеку — он видит и ответ на свой вопрос, и объём работ целиком, а не обрубок. И это лучше для поиска: все кейсы остаются в коде страницы при любом выборе, потому что ничего не удаляется.

Графики на сайте эксперта рисуются на сервере и видны без JavaScript

Графиков на сайте много: короткая линия продаж на первом экране, шесть мини-схем под карточками услуг, схемы дашбордов на кейсах, обложки статей.

Все они нарисованы заранее, на сервере, и оживают средствами оформления — линия прочерчивается, столбцы вырастают снизу. Если скрипты не выполняются, графики просто показаны нарисованными, а не пропадают. Если в системе включена настройка «ограничить анимацию», движение выключается полностью.

Для сайта, который должны читать роботы и чат-боты, это не мелочь: всё, что появляется только после выполнения скриптов, для части из них не существует.

Калькуляторы на сайте: пять калькуляторов ритейла на отдельных страницах

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

Сделаны пять: маржа и наценка, sell-through, оборачиваемость запасов, GMROI, open-to-buy. Расчёт написан один раз, а языков три.

Отличие рабочего калькулятора от демонстрационного — в мелочах. Поля оформлены как ячейки таблицы, той же логики, что и форма. Числа разбираются по правилам языка: в английском запятая отделяет тысячи, в польском и русском это запятая в дробной части, и отдельно ловятся пробелы, которые подставляет форматирование. Результат проговаривается для программ чтения с экрана. При неверном вводе результат становится прочерком, а не выдаёт «NaN».

Каждая страница калькулятора построена одинаково: расчёт, как им пользоваться, формулы, разобранный пример, частые ошибки, вопросы и ответы. И прямо под калькулятором написано, что введённые числа никуда не отправляются.

Шаблоны Excel для скачивания: каждая формула проверена расчётом

Шаблонов два на каждый язык: модель закупочного бюджета и чек-лист из двенадцати пунктов, которые стоит пройти перед тем, как отдать дашборд коммерческой команде.

Файлы не рисовались руками. Они собираются скриптом, а проверяются вторым скриптом, который считает каждую формулу в книге и сверяет результат с проверенным значением. Для подарка за подписку это редкость: обычно это таблица, которую никто не пересчитывал. Здесь ошибка в формуле не доедет до человека, который будет по ней планировать закупку.

В самой модели три встроенные проверки — перезакупленные месяцы, необновлённые факты, отклонение продаж от плана, — лист с определениями и одностраничная инструкция; поля для ввода выделены цветом.

Сайт эксперта как инструмент, а не витрина услуг: зачем калькуляторы и шаблоны

Вокруг этой мысли собрана вся структура. Человек, который ищет, как посчитать sell-through, не готов писать консультанту — он готов посчитать. Сайт даёт посчитать. Человек, который собирает ассортиментную матрицу, не готов заказывать проект — он готов скачать модель. Сайт даёт скачать.

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

Отсюда же формат статей: прямой ответ в начале, дальше — разбор с формулами, таблицами и встроенными расчётами. По всем 54 статьям это 73 таблицы, 48 формул и 21 встроенный калькулятор.

Три языковые версии как три рынка, а не перевод: как писали сайт эксперта

Из изучения спроса следовало, что переводить нельзя: на разных языках люди спрашивают о разном, и дословная копия английской страницы не найдёт читателя ни в Польше, ни в русскоязычной аудитории.

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

Одна и та же услуга продаётся по-разному. Английская страница про Power BI построена под запрос «консультант по Power BI» — это основной коммерческий запрос того рынка. Польская и русская версии той же услуги продаются как отчётность о продажах, потому что там спрос устроен именно так.

Адреса страниц тоже разные: польские без диакритики, русские латиницей. Кириллица в адресах не используется намеренно — при копировании она превращается в нечитаемую строку из процентов и цифр. Переведены и названия разделов в адресе, а не только тексты.

Вопросы в блоках «вопрос — ответ» взяты из того, что люди реально спрашивают на соответствующем языке, а не переведены с английского. Всего таких вопросов с ответами на сайте 572.

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

Сайт на Next.js и Sanity: быстрая загрузка и независимость от админки

Все страницы собраны заранее и лежат готовыми, а обновляются раз в сутки. Поэтому сайт открывается быстро независимо от того, сколько на нём страниц.

Тексты правятся в админке, но сайт от неё не зависит: внутри самого сайта лежит полный запасной комплект текстов. Если админка недоступна, страницы всё равно соберутся — просто из запасного комплекта. Админка здесь источник содержимого, а не единственная точка отказа.

Картинки отдаются через сеть доставки с автоматическим подбором формата и размера, видео с YouTube до нажатия существует только как картинка-обложка, а тяжёлые библиотеки анимации используются ровно в одном месте. Всё это вместе и даёт скорость, которую посетитель замечает как «сайт просто открылся».

Как заявка и запрос шаблонов с сайта эксперта доходят на почту

Форма собирает имя, компанию, почту, телефон, сроки или бюджет, удобный способ связи и саму задачу. Выбор способа связи меняет обязательность телефона.

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

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

Что на сайте эксперта осталось доделать после запуска

Список короткий и настоящий.

При отправке ссылки в мессенджер карточка пока пустая — нужны картинки для соцсетей. В служебном описании человека и статей не хватает фотографий, хотя сами фотографии готовы. Дата изменения у статей пока совпадает с датой публикации. Страницам рубрик, курсов и шаблонов ещё нужно собственное служебное описание.

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

Блоки с рекомендациями свёрстаны, но выключены: они появятся, когда появятся настоящие отзывы с разрешением на публикацию. Придумывать отзывы к сайту, который весь построен на проверяемых данных, было бы странно.

Используемые технологии

Next.js
React.js
TypeScript
Sanity
Vercel
SCSS
SEO
Web Доступность
Контакты

Расскажите о вашем проекте

Сайт, платформа, редизайн или больше заявок из Google и ИИ-поиска. Достаточно короткого описания — отвечаю в течение рабочего дня.

Расскажите о вашем проекте

Офис

02-972, Варшава, Польша

Отправьте сообщение

Используйте форму ниже, чтобы написать мне напрямую. Я отвечу как можно скорее.