Лендинг уже живой, а клиент пишет: «Ок, а кто вы? Есть страница о компании?» – и вы тыкаете в пустое меню или в абзац про «динамично развивающуюся компанию». Как у Марины: Cursor на «сделай About» выдал React и package.json, она испугалась и вставила в футер три фразы. За вечер можно собрать отдельный about.html с фактами, блоком «как работаем» и кнопкой в Telegram – без npm и программиста.
Страница «О компании» на сайте нужна не для лозунгов, а чтобы за 30 секунд стало ясно, кто вы и можно ли доверять. Сначала лист своих фактов, затем правило about.mdc в Cursor, чтобы агент не утащил React. Один about.html в стиле лендинга, ссылка в меню и публикация папки через Vercel Drop – живая ссылка /about.html без кода.
В Яндекс Вордстат на 2026-07-09 фраза «о компании на сайте» даёт 4206 показов в месяц, «информация о компании на сайте» – 2606. Люди ищут, куда кликнуть. В выдаче спор: юридические чек-листы против копирайтинга «О нас», а генераторы About, как предупреждает Shopify, часто пишут чужую историю. Наш путь проще: свои факты → один HTML → проверка в браузере → Drop.
Если лендинга ещё нет, сначала соберите простой лендинг в Cursor AI без кода, затем вернитесь к разделу о компании.
Соберите факты о себе на один экран без воды
Боль здесь не в вёрстке, а в страхе писать «про себя». Типичная ошибка – открыть ChatGPT и попросить «текст о компании»: получается абзац, который Atwinta сравнивает с заготовкой под любое название фирмы. Не делайте так.
Сядьте на 15 минут с блокнотом. Без ИИ. На один экран выпишите только то, что можете подтвердить:
- Чем помогаете простыми словами (не миссия, а услуга).
- Кому помогаете: ниша, город, формат (онлайн / офлайн).
- Три–пять проверяемых фактов: годы работы, число клиентов, срок ответа.
- Как работаете: 3–4 шага от заявки до результата.
- Куда писать: ссылка на Telegram или WhatsApp.
На практике хватает коротких строк вроде «отвечаю в течение дня». Например, лучше одна честная цифра, чем три выдуманных кейса. Если факта нет – пропустите строку, не заполняйте пустоту словом «лидер».
Зафиксируйте правило about.mdc, чтобы Cursor не тянул React
Откройте в Cursor папку сайта рядом с index.html. Community-гайды по vibe coding прямо пишут: без явного «один static HTML» агент часто выдаёт React и package.json. Официальные Cursor Rules работают только как .mdc в .cursor/rules/; обычный .md агент может игнорировать.
Создайте .cursor/rules/about.mdc с alwaysApply: true – запрет держится на всю сессию:
alwaysApply: true
description: Static about page onlyОдин файл about.html в корне. Стили как у index.html через Tailwind Play CDN (@tailwindcss/browser@4) в head. Скопировать header, footer и цвета с лендинга. Запрещены npm, React, Next.js, package.json и терминал. Тексты только из фактов пользователя. Без стоковых «успешных бизнесменов» без подписи. CTA – ссылка в мессенджер.
Tailwind CDN – один script в head: стили без установки программ. Тот же приём в открытых репозиториях вроде jamiphy/website: about.html рядом с index, без сборки. Не просите «как в Next.js».
Соберите about.html в Agent: блоки доверия и CTA
Откройте Agent (Ctrl+I на Windows, Cmd+I на Mac) и вставьте промпт со своим листом фактов. Страница о компании отвечает на «кто вы и почему доверять», а не дублирует прайс. Услуги оставьте на отдельной странице услуг.
Сделай about.html в стиле моего index.html. Блоки: hero «О компании», кому помогаем, как работаем (3–4 шага), короткая история, команда или плейсхолдер фото с подписью, FAQ из 3 вопросов, большая кнопка «Написать в Telegram». Адаптив под телефон. Один HTML-файл, Tailwind CDN, без npm и React. Вот мои факты: [вставьте лист].
- Дождитесь появления about.html в корне папки.
- Откройте файл двойным кликом в браузере – без терминала.
- Правите фразами: «короче hero», «убери слово лидер», «добавь ссылку на услуги».
- Проверьте кнопку в мессенджер: клик открывает ваш чат.
- Сузьте окно браузера: на телефоне текст читается без горизонтальной прокрутки.
Схема вечера:
Лист фактов → правило about.mdc → промпт в Agent → about.html двойным кликом → ссылки в меню → Vercel Drop
Фото команды не обязательны. Честный плейсхолдер с подписью «фото добавим позже» лучше стока без отношения к бизнесу.
Сравнение: About, услуги и блок на главной
Часто путают раздел о компании на сайте с каталогом услуг. Ниже – простая развилка для меню.
| Критерий | Страница «О компании» (about.html) | Страница услуг | Короткий блок на главной |
|---|---|---|---|
| Главный вопрос | Кто вы и как работаете | Что купить и по какой цене | Кратко «мы рядом» |
| Объём на старте | Один экран + FAQ | Карточки услуг и CTA | 3–5 предложений |
| Цифры и кейсы | Только свои, проверяемые | Выгоды услуги | Одна сильная фраза |
| Куда вести дальше | На услуги и в мессенджер | В заявку / оплату | На полную страницу About |
Итоговый вердикт: для малого бизнеса отдельный about.html нужнее длинного «О нас» на главной. На главной оставьте тизер со ссылкой «Подробнее о компании», прайс держите на странице услуг.
Свяжите меню лендинга и about.html рабочими ссылками
Файл лежит в папке – отлично. Но клиент его не найдёт, пока в шапке нет пункта «О компании». Попросите Agent одинаково обновить меню в index.html и about.html:
- Пункты: Услуги, О компании, Отзывы, Контакты.
- Ссылка «О компании» ведёт на about.html (относительный путь).
- С about.html ссылки на услуги и отзывы тоже рабочие.
- Логотип ведёт на index.html.
- Проверьте клики локально до публикации.
Не прячьте About только в футере. В меню человек ищет раздел о компании именно как отдельный пункт. Если уже есть страница отзывов, поставьте её рядом: кто вы → что говорят клиенты → что купить.
Опубликуйте папку через Vercel Drop и пройдите чек-лист
Vercel Drop (с июня 2026) позволяет перетащить папку на vercel.com/drop без Git и командной строки. Статика уходит as-is: about.html открывается по своему пути. Нюанс из changelog: каждый Drop создаёт новый проект, а не «дописывает» старый. Тащите всю папку целиком – index и about вместе.
- Соберите в одной папке index.html, about.html и остальные страницы.
- Откройте https://vercel.com/drop и перетащите папку.
- Дождитесь Deploy и откройте https://ваш-сайт/about.html.
- Проверьте меню, CTA и вид на телефоне.
- Сохраните ссылку – её уже можно кинуть клиенту.
Мини-чеклист успеха (критерий «готово»):
- В корне лежит about.html в том же стиле, что index.html.
- Файл открывается локально двойным кликом.
- В меню есть «О компании», ссылка не битая.
- После Drop страница открывается по /about.html.
- Тексты свои, без чужих кейсов и без «лидеров рынка».
- Кнопка в мессенджер кликается, на телефоне всё читается.
Реквизиты ИП или ООО по чек-листам 2026 часто кладут в футер. Для первого вечера это не блокер: сначала доверие и CTA, юридические строки – отдельным шагом.
Что дальше после about.html
Когда страница о компании на месте, усильте цепочку: услуги, отзывы, политика конфиденциальности. Если хотите глубже освоить вайбкодинг без кода, загляните в курс Make.com и вайбкодинга на kv-ai.ru – там разбирают связку Cursor и рабочие сценарии.
- Добавьте в меню рабочие ссылки на услуги и отзывы.
- Проверьте about.html на телефоне после правок.
- При необходимости допишите реквизиты в футер отдельным промптом.
- Сохраните промпт и лист фактов для следующего Drop.
Материал проверен: Артур Хорошев (CEO Maya AI, автор курса по Make.com и вайбкодингу).
Достоверность данных: правила Cursor (.mdc) – cursor.com/docs/rules; публикация статики – vercel.com/docs/drop и changelog Vercel Drop от 12.06.2026; Tailwind Play CDN; структура About – Shopify About Us (обновлено 06.04.2026) и разбор Atwinta; частотность «о компании на сайте» (4206) и «информация о компании на сайте» (2606) – Яндекс Вордстат, регион Россия, прогон 2026-07-09.
Частые вопросы
Что писать на странице о компании, если я один и без «агентства»?
Пишите от первого лица: чем помогаете, кому, как идёте от заявки к результату, 3–5 своих фактов. Попросите Cursor убрать слова вроде «лидер» и «динамично развиваемся».
Сколько текста достаточно на старте?
Одного экрана плюс FAQ из трёх вопросов хватает. Лучше плотный честный текст, чем простыня воды. Лишнее выкиньте правкой в Agent.
Нужна ли фотография команды?
Не обязательна. Поставьте плейсхолдер с подписью или своё фото. Не вставляйте сток «успешных бизнесменов» без связи с вами.
Чем «О компании» отличается от страницы услуг?
About отвечает «кто вы и почему доверять». Услуги – «что купить и сколько стоит». В about.html дайте ссылку на услуги, но не переносите весь прайс.
Куда поставить ссылку в меню?
Отдельным пунктом в шапке рядом с услугами и отзывами, плюс дубль в футере. Проверьте, что about.html открывается с главной и с других страниц.
Cursor снова создал React вместо about.html – что делать?
Остановите генерацию. Проверьте .cursor/rules/about.mdc с alwaysApply: true. Повторите промпт: «один static HTML, без npm и React» и приложите лист фактов.
Нужно ли сразу писать реквизиты по закону?
Для первого вечера достаточно живой страницы и контакта. Реквизиты часто добавляют в футер позже. Сначала покажите, кто вы, и дайте кнопку «Написать».
