Простой одностраничный сайт можно сделать быстро, если ИИ берёт на себя значительную часть набора. Сколько это займёт времени, зависит от вас. В руководстве: план, промпты и проверки.
ИИ сильно упрощает создание простого сайта, но не решает за вас, для чего сайт нужен. Сначала планируйте, в конце проверяйте, а ИИ используйте посередине.
Руководство рассчитано на простой сайт: одну страницу, портфолио, лендинг услуги или рассылки. Если на сайте будут платежи, личные кабинеты или формы, которые сохраняют персональные данные, привлеките опытного специалиста.
Шаг 1
Решите, что должна делать страница
Напишите одно предложение: «Посетитель, который [кто], должен [сделать одно действие]». Это единственное действие (подписаться, записаться на звонок, купить, написать вам) определяет всё остальное. Дополнительные цели отнимают внимание друг у друга.
Я создаю одностраничный сайт. Цель: [единственное действие, которое должен сделать посетитель]. Аудитория: [кто]. Что я предлагаю: [краткое описание].
Задай мне не больше шести вопросов, которые помогут уточнить страницу. Затем предложи структуру: разделы по порядку и одно предложение о том, что каждый из них даёт посетителю.
Шаг 2
Сначала слова, потом дизайн
Заголовок, который ясно говорит, чем вы занимаетесь и для кого, лучше любого дизайнерского приёма. Сначала напишите текст, потом разместите его в макете.
Попросите у ИИ несколько заголовков и выберите, прочитав каждый вслух: понимает ли посторонний человек его за пять секунд?
Напиши текст для этих разделов: [список]. Голос: [ваш голос]. Правила: без модных слов, короткие предложения, каждое утверждение опирается на что-то конкретное из того, что я тебе сообщил. Если нужен факт, которого я не дал, напиши [НУЖНО: что именно] вместо того, чтобы выдумывать.
Совет. Пометки [НУЖНО] это ваш список дел. Заполните их настоящими данными до публикации.
Шаг 3
Выберите, как строить
Есть три пути. Конструктор сайтов (шаблоны и перетаскивание блоков) самый простой и подходит большинству. ИИ-конструктор создаёт сайт по описанию и позволяет править его в диалоге. Ассистент для программирования, например Claude Code (инструмент, который запускается на вашем компьютере), пишет файлы за вас, что даёт больше всего контроля, но требует уверенности в работе с файлами и хостингом.
Если это ваш первый сайт, выберите самый простой путь, который решает задачу. Перейти на другой можно позже.
Шаг 4
Стройте небольшими частями
Просите один раздел за раз, смотрите результат, затем просите правки. «Сделай заголовок крупнее, кнопку заметнее, отзыв опусти ниже» лучше, чем «сделай красивее».
Всегда проверяйте на телефоне. Большинство посетителей будут именно с него.
Вот текст первого экрана: [вставьте]. Сделай его как [HTML и CSS / в этом конструкторе]. Сначала версия для телефона. Простые читаемые шрифты, сильный контраст, одна понятная кнопка. Ничего лишнего, чего я не просил, не добавляй. Если выдаёшь файлы, назови каждый файл и скажи, куда его сохранить.
Шаг 5
Домен, хостинг и публикация
Домен это адрес вашего сайта (его арендуют на год). Хостинг это место, где лежат файлы. Многие конструкторы включают и то и другое. Домен можно зарегистрировать у любого регистратора, а хостинг выбрать любой, который вам подходит.
Порядок такой. 1. Выберите и зарегистрируйте домен у регистратора по своему выбору. 2. Подключите его к конструктору или хостингу (на странице справки показано, какую DNS-настройку изменить). 3. Откройте сайт в приватном окне и убедитесь, что работает защищённое соединение HTTPS (значок замка). 4. Храните логины от домена и хостинга в надёжном месте и настройте второй способ восстановления для каждого аккаунта. Никогда не вставляйте пароли и ключи API в чат с ИИ.
Шаг 6
Проверьте перед запуском
Откройте сайт на телефоне и на компьютере. Нажмите каждую ссылку и кнопку. Один раз прочитайте весь текст вслух. Отправьте форму сами и проверьте, куда попадает сообщение. Проверьте скорость загрузки и убедитесь, что у страницы есть заголовок и описание для поиска.
Если вы собираете контакты через формы, по российскому закону нужны политика обработки персональных данных и согласие на их обработку. Добавьте короткое пояснение, что вы делаете с этими данными, и дайте возможность отказаться от рассылки. Уточните актуальные требования закона заранее.
Действуй как внимательный рецензент. Вот текст моей страницы: [вставьте текст страницы]. Дизайн я тебе не показывал, поэтому проверяй только формулировки.
Проверь: понятна ли цель за пять секунд? Что-то запутанное, расплывчатое или недоказанное? Что заставит посетителя усомниться? Перечисли пять самых больших проблем по важности.
Вопросы
Нужно ли уметь программировать?
Для простого сайта на конструкторе нет. С ассистентом для программирования полезно уметь читать, что он сделал, но учиться можно по ходу дела.
Сколько это стоит?
По-разному. Закладывайте ежегодную плату за домен и, возможно, ежемесячную плату за конструктор или хостинг. Актуальные цены проверяйте перед выбором.
Повредит ли текст от ИИ позиции в поиске?
Поисковые системы заявляют, что оценивают пользу страницы, а не автора, но шаблонные тексты редко помогают. Массовое создание страниц с помощью ИИ без добавленной пользы может нарушать правила поисковиков. Добавляйте свои факты, примеры и свой голос.