Вечер после лендинга: в Telegram уже пятый раз за день «а сколько стоит и как быстро старт?», а на сайте некуда ткнуть. Как у Игоря: Cursor на «сделай FAQ» выдал React и package.json, он испугался «сломать сайт» и вставил в футер три общих фразы. За один вечер можно собрать отдельный faq.html с вашими вопросами, аккордеоном без JavaScript и кнопкой «Написать» – без npm, React и программиста.
Раздел FAQ на сайте нужен не ради «звёздочек» в Google, а чтобы снять одни и те же вопросы с поддержки. С 7 мая 2026 FAQ rich results в поиске больше не показываются – гоняться за сниппетом бессмысленно. Сначала 6–8 вопросов из переписки, правило faq.mdc в Cursor, один faq.html на details/summary, ссылка в меню и Vercel Drop – живая страница /faq.html без кода.
В Яндекс Вордстат на 2026-07-09 «faq на сайте» – 331 показ в месяц, «часто задаваемые вопросы на сайте» – 286, «блок faq» – 245. Половина SERP всё ещё продаёт FAQ «ради SEO-сниппета», хотя Google уже убрал этот формат. Наш путь: свои ответы → один HTML → Drop.
Если лендинга ещё нет, сначала соберите простой лендинг в Cursor AI без кода, затем вернитесь к странице частых вопросов.
Выпишите 6–8 вопросов из переписки, а не из шаблона
Боль здесь не в вёрстке, а в том, что клиенты снова пишут одно и то же, а на сайте пусто. Типичная ошибка – попросить нейросеть «сгенерируй FAQ» и получить общие фразы про качество. Не делайте так.
Откройте Telegram или WhatsApp за последнюю неделю и выпишите только то, что реально спрашивали:
- Сколько стоит и что входит в цену.
- Как начать и сколько занимает старт.
- Нужна ли предоплата и как оплата.
- Сколько правок входит и что считается доп. работой.
- Есть ли гарантия и что делать, если результат не подошёл.
- Куда писать и как быстро отвечаете.
На практике хватает 6–8 коротких пар «вопрос – ответ на 2–4 предложения». Например, лучше честно «старт за 3–5 дней после брифа», чем абзац про «индивидуальный подход». Если вопроса в переписке не было – не выдумывайте его ради объёма.
Зафиксируйте правило .mdc в Cursor Rules, чтобы агент не тянул React
Community-гайды по vibe coding прямо пишут: без явного «один static HTML» агент часто выдаёт React и npm install. Cursor Rules работают только как .mdc в .cursor/rules/; обычный .md агент может игнорировать. Откройте папку сайта рядом с index.html (File → Open Folder).
Создайте .cursor/rules/faq.mdc с alwaysApply: true – запрет держится на всю сессию:
alwaysApply: true
description: Static FAQ page onlyОдин файл faq.html в корне. Стили как у index.html через Tailwind Play CDN (@tailwindcss/browser@4) в head. Скопировать header, footer и цвета с лендинга. Аккордеон только на details/summary (опционально name=»faq»). Запрещены npm, React, Next.js, package.json, терминал и блоки Тильды. Вопросы и ответы только из списка пользователя. Внизу кнопка «Написать» в Telegram или WhatsApp.
Tailwind CDN – один script в head без установки программ. Тот же приём в репозиториях вроде jamiphy/website: вторая страница рядом с index. Не просите «как в Тильде» и не соглашайтесь на package.json.
Соберите HTML-страницу в Agent: аккордеон без JavaScript
Многие думают, что аккордеон = скрипт и «я не программист». На деле браузер умеет это сам: теги details и summary – как «крышка и содержимое». Клик по заголовку раскрывает ответ. Одинаковый name=»faq» оставляет открытым один пункт – нативный аккордеон по MDN, без библиотек.
Откройте Agent (Ctrl+I на Windows, Cmd+I на Mac) и вставьте промпт со своим списком. Прайс и карточки услуг оставьте на странице услуг.
Сделай faq.html в стиле моего index.html. Заголовок «Частые вопросы». Аккордеон на details/summary с name=»faq». Вот мои вопросы и короткие ответы: [вставьте список]. Внизу большая кнопка «Написать в Telegram». Адаптив под телефон. Один HTML-файл, Tailwind CDN, без npm и React.
- Дождитесь появления faq.html в корне папки.
- Откройте файл двойным кликом в браузере – без терминала.
- Кликните по 2–3 вопросам: ответы раскрываются и закрываются.
- Правите фразами: «короче ответ про цену», «убери слово индивидуально», «добавь ссылку на услуги».
- Проверьте кнопку в мессенджер и вид на узком экране телефона.
Схема вечера:
Вопросы из переписки → правило faq.mdc → промпт в Agent → faq.html двойным кликом → ссылки в меню → Vercel Drop
В реальном проекте часто ломается не аккордеон, а тексты: слишком длинные ответы и шаблонные вопросы. Держите ответы короткими и своими.
Сравнение: отдельный файл или только блок на услугах
Часто путают раздел FAQ на сайте с маленьким блоком внизу одной страницы. Ниже – простая развилка.
| Критерий | Отдельная faq.html | Блок FAQ на услугах | Только футер с 3 фразами |
|---|---|---|---|
| Куда отправить клиента | Пункт меню «Частые вопросы» | Скролл внутри услуг | Почти никуда |
| Объём на старте | 6–8 вопросов + CTA | 3 коротких вопроса | Вода без пользы |
| Сложность в Cursor | Один файл рядом с index | Правка существующей страницы | Кажется просто, но не закрывает диалоги |
| Что выбрать сегодня | Да – основной путь | Позже как дубль топа | Не делать |
Итоговый вердикт: на старте соберите отдельный faq.html и пункт в меню. Блок из трёх вопросов на услугах – позже. Не ограничивайтесь тремя фразами в футере.
Рядом в меню логично держать страницу о компании: кто вы → FAQ → что купить.
Не гонитесь за Schema ради исчезнувшего сниппета Google
Гайды пугают: «без FAQPage не будет расширенного сниппета». Честно: с 7 мая 2026 Google больше не показывает FAQ rich results в Search. Разметку можно оставить, но для новичка на первом шаге она не обязательна. Делайте живые ответы и CTA; не тратьте вечер на JSON-LD ради формата, которого уже нет в выдаче.
Свяжите меню, выложите папку через Vercel Drop и пройдите чек-лист
Файл лежит в папке – отлично. Но клиент его не найдёт, пока в шапке нет пункта «Частые вопросы». Попросите Agent одинаково обновить меню в index.html и faq.html:
- Пункты: Услуги, О компании, Частые вопросы, Контакты.
- Ссылка «Частые вопросы» ведёт на faq.html.
- С faq.html ссылки «На главную» и на услуги тоже рабочие.
- Логотип ведёт на index.html.
- Проверьте клики локально до публикации.
Vercel Drop (с июня 2026) позволяет перетащить папку на vercel.com/drop без Git. Статика уходит as-is. Нюанс: каждый Drop создаёт новый проект – тащите всю папку целиком.
- Соберите в одной папке index.html, faq.html и остальные страницы.
- Откройте https://vercel.com/drop и перетащите папку.
- Дождитесь Deploy и откройте https://ваш-сайт/faq.html.
- Проверьте меню, аккордеон, CTA и вид на телефоне.
- Сохраните ссылку – её уже можно кинуть клиенту вместо пятого одинакового ответа.
Как понять, что всё сработало (критерий «готово»):
- В корне лежит faq.html в том же стиле, что index.html.
- Файл открывается локально двойным кликом.
- Вопросы свои, ответы короткие, аккордеон кликается.
- В меню есть «Частые вопросы», ссылка не битая.
- После Drop страница открывается по /faq.html.
- Кнопка в мессенджер кликается, на телефоне всё читается, package.json нет.
Что дальше после страницы вопросов
Когда FAQ на месте, усильте цепочку: услуги, о компании, отзывы. Если вопросы всё равно сыпятся в чат, позже свяжите сайт с простым ИИ-чат-ботом для бизнеса. Для более глубокого вайбкодинга без кода – курс Make.com и вайбкодинга на kv-ai.ru.
- Добавьте в меню рабочие ссылки на услуги и о компании.
- Раз в неделю дописывайте новый вопрос из реальной переписки.
- Проверьте faq.html на телефоне после правок.
- Сохраните промпт и список вопросов для следующего Drop.
Материал проверен: Артур Хорошев (CEO Maya AI, автор курса по Make.com и вайбкодингу).
Достоверность данных: Cursor Rules – cursor.com/docs/rules; Vercel Drop – vercel.com/docs/drop и changelog от 12.06.2026; details/summary – MDN и HTML Academy; отмена FAQ rich results с 07.05.2026 – Google Search Central FAQPage; Tailwind Play CDN; Wordstat «faq на сайте» (331), «часто задаваемые вопросы на сайте» (286), «блок faq» (245) – регион Россия, прогон 2026-07-09.
Частые вопросы
Что такое FAQ на сайте простыми словами?
Это страница или блок с ответами на вопросы, которые клиенты задают чаще всего. Не определение термина ради SEO, а живые ответы: цена, сроки, как начать, куда писать.
Сколько вопросов достаточно на старте?
Шести–восьми пар из реальной переписки хватает. Лучше короткие честные ответы, чем простыня шаблонов. Лишнее выкиньте правкой в Agent.
Нужен ли JavaScript для аккордеона?
Нет. Используйте details и summary – браузер сам раскрывает ответ по клику. Одинаковый name=»faq» оставляет открытым один пункт. Не просите Cursor «подключить библиотеку аккордеона».
Отдельная страница или блок на услугах?
На старте – отдельный faq.html и пункт в меню. Короткий блок из трёх вопросов на услугах можно добавить позже как дубль самых частых.
Нужна ли Schema FAQPage в 2026?
Для первого вечера – нет. С 7 мая 2026 Google не показывает FAQ rich results. Сначала живая страница и CTA; разметку можно добавить позже по желанию.
Cursor снова создал React вместо faq.html – что делать?
Остановите генерацию. Проверьте .cursor/rules/faq.mdc с alwaysApply: true. Повторите промпт: «один static HTML, Tailwind CDN, details/summary, без npm и React» и приложите свой список вопросов.
Как выложить faq.html без Git?
Положите файл в ту же папку, что index.html, и перетащите всю папку на vercel.com/drop. Откройте /faq.html с телефона и проверьте меню с CTA.
