План сайта ЦИТ

00Решения от 25 августа

Дизайн

Вариант A – свой фирстиль

Белый и синий, красный только акцентом. Против «скучновато» работаем типографикой, воздухом и ритмом секций, а не сменой палитры.

Стек

Next.js + статьи в Markdown

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

Первый релиз

Трекер и магазин плагинов

DataLens, Cloud и Браузер – следующими этапами. Так первый релиз выходит с наполненными разделами, а не с пустыми заглушками.

Инфраструктура

Домен есть, хостинг свой

Название домена сообщат отдельно. Разворачиваем на вашей машине в Yandex Cloud под Caddy.

01Что решили на встрече

01Делаем не лендинг, а полноценный сайт с разделами и статьями.00:08–01:25

02Главная тема – Яндекс Трекер как инструмент автоматизации любого вида деятельности, разложенный на отдельные кейсы и расширенный ключевыми словами.02:10–02:35

03Обязательные разделы: магазин плагинов с видео, кейсы и истории успеха, статьи, быстрая форма заявки.02:35–05:24

04Порядок наполнения: Трекер → DataLens → Yandex Cloud → Яндекс Браузер.05:26–07:48

05Всё на одном сайте, отдельными разделами. Два сайта дороже, и качать в поиске надо оба.05:50–06:37

06Человек из выдачи должен попадать сразу в нужный раздел, а не листать главную.07:04–07:36

07Завести реестр ключевых слов: пополнять, мониторить, анализировать. Плюс регулярный анализ конкурентов в выдаче.04:18–04:45

08Брендбука нет. Есть текущий сайт и фирстиль: белый, синий, красный; лого – стилизованный флаг из трёх треугольников.08:24–08:42

09Константин: бело-сине-красное «нормально, но скучновато», готов к любому варианту.08:42–08:54

10Константин присылает референсы сайтов, которые нравятся.08:01–08:23

11Глеб собирает общую информацию по Трекеру и DataLens для пиллар-страниц.03:59, 09:01

12Сайт должен быть доступным – объясняем простым языком, а не терминами.02:10

Не решили: тон дизайна (анимации против строгого официального стиля), цвета (стиль Яндекса или свой), домен, сроки, бюджет.

02Три уточнения к обсуждению

Уточнение 01

«Лендинг нельзя прокачать по SEO» – не совсем так

Одностраничник ранжируется, но у него один адрес, а значит один интент. «Внедрение Трекера», «миграция с Jira» и «плагин согласований» – три разных запроса с разными намерениями, и каждому нужна своя страница. Причина делать многостраничник именно эта, а не «лендинги не индексируются». На вывод это не влияет: сайт, а не лендинг.

Уточнение 02

Хлебные крошки не «перекидывают» человека в нужный раздел

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

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

Уточнение 03

По запросу «яндекс трекер» мы не выиграем – там сам Яндекс

Наш трафик – коммерческий и длинный хвост: «внедрение яндекс трекера», «настройка яндекс трекера под себя», «миграция с jira на яндекс трекер», «российский аналог jira», «плагин согласования для яндекс трекера», «дашборд в datalens под заказ». Под них и строим страницы – именно они приносят заявки, а не общий трафик.

03Позиционирование

Кто мы. Интегратор экосистемы Яндекса для бизнеса.

Что продаём. Внедрение Яндекс Трекера, DataLens, Yandex Cloud и Яндекс Браузера плюс собственные плагины к Трекеру.

Кому. Лицам, принимающим решения, в среднем и крупном бизнесе и госсекторе: ИТ-директор, руководитель проектного офиса, операционный директор. Часто – в ситуации импортозамещения Jira, Confluence, Power BI.

Зачем нам Cloud. Отдельная цель – приводить клиентов на услуги облака: там хорошая маржинальность.

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

Обещание в одну строку, черновик: «Внедряем Яндекс Трекер, DataLens и Cloud так, чтобы процессы работали без ручного труда». Формулировку нужно утвердить.

Принцип текстов. Объясняем простым языком и от задачи клиента, а не от списка функций. Никаких «омниканальных платформ управления задачами».

04Структура сайта

/                                Главная – хаб: 4 направления, плагины, кейсы, заявка
│
├─ /tracker/                     ЯНДЕКС ТРЕКЕР – пиллар, главный SEO-вход
│   ├─ /tracker/vnedrenie/       Внедрение под ключ: этапы, сроки, результат
│   ├─ /tracker/migraciya/       Миграция с Jira / Redmine / Битрикс
│   ├─ /tracker/plugins/         МАГАЗИН ПЛАГИНОВ – каталог
│   │    └─ .../<плагин>/        Карточка: видео, описание, заявка
│   └─ /tracker/for/<отрасль>/   Трекер для стройки / юротдела / HR / госзаказа
│
├─ /datalens/                    DATALENS – пиллар
│   ├─ /datalens/vnedrenie/
│   └─ /datalens/dashboards/     Витрина дашбордов и шаблонов
│
├─ /cloud/                       YANDEX CLOUD – пиллар
│   └─ /cloud/migraciya/         Переезд инфраструктуры в облако
│
├─ /browser/                     ЯНДЕКС БРАУЗЕР для организаций – последний этап
│
├─ /cases/                       Кейсы и истории успеха
├─ /blog/                        Статьи – SEO-ядро, теги
├─ /about/                       О компании: команда, статус, документы
└─ /contacts/                    Контакты и форма

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

Отраслевые страницы /tracker/for/… – это и есть те «кейсики, расширенные ключевыми словами» из обсуждения. Каждая живёт на своём адресе под свой запрос.

05Что на страницах

Главная

Экран-обещание с одной главной кнопкой «Обсудить задачу» → четыре направления карточками → что делаем → плагины с видео-превью → кейсы → доверие (партнёрский статус, клиенты, цифры) → свежие статьи → форма.

Пиллар продукта

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

Карточка плагина

Видео 30–60 секунд как главный элемент → какую боль снимает → как работает по шагам → совместимость и требования → цена или «запросить» → форма.

Кейс

Клиент и отрасль → задача → что сделали → результат в цифрах → отзыв → ссылка на профильный пиллар.

06SEO-контур

Реестр ключевых слов – отдельный файл: запрос · частотность Wordstat · кластер · целевая страница · интент · текущая позиция · дата проверки. Заводим сразу, обновляем раз в месяц.

Стартовые кластеры: внедрение и настройка Трекера · импортозамещение Jira и аналоги · миграция с Jira и Redmine · плагины и доработки Трекера · DataLens: дашборды и источники · Yandex Cloud: миграция, стоимость, поддержка.

Техническая база, делаем сразу: человекопонятные адреса · sitemap.xml и robots.txt · хлебные крошки · микроразметка Schema.org (Organization, Article, BreadcrumbList, FAQPage, Product для плагинов) · Open Graph · canonical · Core Web Vitals в зелёной зоне · мобильная версия · Яндекс Метрика и Вебмастер с целями на форму с первого дня.

Ритм: 2–4 статьи в месяц, каждая закрывает кластер и ссылается на пиллар. Без этого ритма сайт не поедет – это главный расход проекта, и он не разовый.

Конкуренты: раз в квартал снимаем топ-10 по кластерам и смотрим, чем они закрывают интент.

07Дизайн

Рассматривали три направления. Выбран вариант A. Два других оставлены здесь, чтобы было видно, от чего отказались и почему.

A. Свой фирстиль

выбрано

Белая база, синий основной, красный только акцентом – не больше 5 % площади. «Скучновато» лечим не цветом, а типографикой: крупные заголовки, воздух, ритм секций, аккуратная анимация.

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

B. Тёмный техно

Тёмная база, синий-электрик, крупная типографика. Выглядит дорого и сразу отстраивает нас от Яндекса.

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

C. Стилистика Яндекса

Светлый, с жёлто-красными акцентами, визуально близко к продуктам, которые мы внедряем.

Минус: правила использования бренда Яндекса, и сайт читается как чужой, а не как наш.

Почему A. Белая база лучше для сайта, который держится на статьях, а ощущение «дорого» даёт типографика и воздух, а не тёмный фон. Этот документ свёрстан ровно в той палитре – можно посмотреть, насколько «скучновато» получается.

Как страхуемся от «сайта госучреждения»: красного не больше 5 % площади · каждая секция отличается по ритму от соседней · минимум текста, максимум воздуха.

Черновик дизайн-системы

Шрифты: заголовки Manrope, текст Inter – оба с кириллицей и свободной лицензией.
Палитра: чернила #0C1524, синий #0B4FC4, красный-акцент #D3372B, фон белый, поверхность #F3F6FB.
Сетка 12 колонок, шаг отступов 4 и 8, контейнер 1200–1280.
Иконки – один SVG-набор, эмодзи не используем.
Анимации 150–300 мс, только прозрачность и трансформации, с уважением к системной настройке «уменьшить движение».
Контраст текста не ниже 4.5:1.

Как работаем с референсами. Константин кладёт понравившиеся сайты в папку references/. Дальше разбираем общее – типографика, сетка, палитра, ритм блоков, работа с пространством – и собираем из этого одну дизайн-систему в отдельном файле. Дизайн строим от неё, а не на глаз от каждого референса.

08Технологии

Вариант	Плюсы	Минусы
Next.js + статьи в Markdown выбрано	Быстро, отлично для SEO, бесплатно, полный контроль дизайна, деплой на вашу же виртуалку	Статью публикует разработчик, пока не приделаем админку
Next.js + Directus или Strapi	Админка для контентщика	Ещё один сервис на поддержке
WordPress	Любой контентщик справится, готовые SEO-плагины	Типовой вид, регулярные обновления безопасности
Tilda	Собирается за дни	Потолок по SEO и каталогу, абонплата, «как у всех»

Что это означает на практике

Next.js на App Router, статические страницы, TypeScript.
Статьи и кейсы – MDX-файлы в репозитории; в шапке файла поля для SEO: заголовок, описание, ключевой запрос, дата, теги, canonical.
Стили – Tailwind с токенами дизайн-системы, чтобы палитра и шкала отступов жили в одном месте.
Админку добавляем позже поверх той же структуры контента, если появится нетехнический контентщик.

Хостинг: ваша машина в Yandex Cloud плюс Caddy с автоматическим сертификатом – схема уже обкатана на plugins.ksarm.ru. Домен есть, название сообщат отдельно; если сайт вешаем на ksarm.ru, надо разобраться с origin – сейчас домен отдаёт ошибку 521.

Формы: заявка уходит в Телеграм-чат и одновременно заводит задачу в ваш же Яндекс Трекер. Заодно живой кейс для сайта: «наши заявки обрабатываются в Трекере».

09Этапы

Этап 0

Эта неделя

Утвердить структуру, получить референсы, собрать черновую семантику, выбрать домен и стек.
Этап 1

MVP, ориентир 2 недели

Дизайн-система, Главная, раздел Трекера с внедрением, магазин плагинов с одной карточкой и видео, 2 кейса, 3 статьи, «О компании», «Контакты», форма, вся техническая часть SEO, Метрика и Вебмастер. Деплой на боевой домен.
Этап 2

DataLens

Пиллар, витрина дашбордов, ещё плагины, плюс 5 статей.
Этап 3

Yandex Cloud

Пиллар, миграция инфраструктуры, кейсы, плюс 5 статей.
Этап 4

Браузер и отрасли

Яндекс Браузер для организаций и отраслевые страницы Трекера.
Постоянно

Контент и позиции

2–4 статьи в месяц, обновление реестра ключевых слов, мониторинг позиций и конкурентов.

10Риски

Контент

Сайт без статей – визитка. Нужен человек и ритм, иначе SEO-часть плана не сработает вообще.

Бренд Яндекса

Логотипы и фирстиль Яндекса нельзя использовать как свои. Нужно понять, есть ли партнёрский статус и что он разрешает показывать.

Кейсы

Без имён клиентов и цифр раздел получится пустым. Нужны согласия.

Лиды

Форма без CRM теряет заявки. Поэтому сразу дублируем в Трекер.

Долгий цикл

Первый органический трафик – через 3–6 месяцев. До этого сайт работает как презентация в переписке и на встречах, и это тоже нормальный результат.

11Открытые вопросы

Полное название компании и юрлицо, как подписываемся на сайте. И адрес текущего сайта – посмотреть фирстиль и что можно переиспользовать.

Есть ли официальный партнёрский статус Яндекса и можно ли его показывать.

Название домена.

Кейсы: каких клиентов можно называть, есть ли согласия и цифры результата.

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

Цены на услуги показываем или «по запросу».

Логотип: оставляем три треугольника или переделываем. Нужен исходник в векторе.

Нужны ли англоязычная версия и раздел вакансий.

Сроки и бюджет – к какой дате нужен работающий сайт.

Закрыто 25.08.2026: дизайн-направление, стек, объём первого релиза, наличие домена.

12Что нужно от вас, чтобы начать сборку

Референсы – ссылки или скриншоты сайтов, которые нравятся. Разбираю их и фиксирую дизайн-систему.
Логотип в векторе (SVG или AI) и адрес текущего сайта.
Плагины – список с описанием, что каждый делает, и видео, если уже сняты.
Название домена.
Материалы по Трекеру от Глеба – общая информация для пиллар-страницы.

Пока их нет, можно начать с того, что не блокируется: каркас проекта на Next.js, дизайн-система в коде, структура адресов и техническая часть SEO.