Чтобы создать сайт с помощью ИИ, опишите обычными словами, какой сайт вам нужен, приложите логотип, фото или прайс-лист, и ИИ-конструктор соберёт и разместит его в интернете. Проверьте живой результат и просите правки в том же чате, пока всё не станет как надо. Затем подключите свой домен и запускайтесь.
- Подготовьтесь до того, как начнёте писать: одна главная цель сайта, список страниц и ваши настоящие тексты, фото и цены.
- Одно подробное первое сообщение лучше серии коротких, особенно на бесплатном тарифе, где доступна одна сборка в окно 5 часов.
- Приложите то, что у вас уже есть, — логотип, меню в PDF или прайс-лист, — чтобы на сайте был ваш контент, а не заглушки.
- Формы, онлайн-запись, вход и оплата добавляются по просьбе. Платежи и письма заработают только после того, как вы добавите свои ключи в разделе «Интеграции».
- Проверьте сайт на телефоне, сверьте каждую цену и каждое утверждение и переходите на свой домен до того, как адрес попадёт на визитки и вывески.
Перед стартом: цель, страницы, реальный контент и фото
Качество сайта, созданного ИИ, гораздо больше зависит от того, что вы принесёте, чем от самого инструмента. Немного подготовки избавит от нескольких кругов правок. Сначала соберите вот что:
- Одна главная цель. Что должен сделать посетитель: позвонить, записаться, заказать, отправить заявку, оставить контакт? Сайт, который одинаково настойчиво предлагает пять действий, в итоге не продвигает ни одного.
- Страницы. У типичного сайта местного бизнеса есть Главная, Услуги или Меню, О нас, Контакты и, возможно, Запись или Заказ. Для фрилансера или мероприятия вполне подойдёт одностраничный сайт с разделами.
- Реальный контент. Название, адрес, телефон, часы работы, услуги с ценами и несколько коротких отзывов клиентов, на публикацию которых у вас есть согласие. Вставьте их в сообщение или приложите файлами.
- Фото. Ваши собственные снимки помещения, команды и работ лучше любого стока. Если их нет, WisyLink возьмёт стоковые фото или простые векторные иллюстрации; фотографии он не генерирует.
- Язык. Решите, на каких языках нужен сайт. Сайт на двух языках получает полноценные языковые версии со своими адресами, и попросить об этом в самом начале проще, чем добавлять потом.
Весь процесс коротко:
- Опишите сайт одним понятным сообщением.
- Приложите логотип, фото, меню или прайс-лист.
- Дождитесь сборки и откройте живую ссылку.
- Доработайте сайт следующими сообщениями.
- Добавьте формы, запись, вход или оплату, когда они понадобятся.
- Перенесите сайт на свой домен и запускайтесь.
Можно ли сделать сайт бесплатно? Да. Тариф Community в WisyLink ничего не стоит и не требует привязки карты, при этом он собирает и размещает полноценный сайт. У него два ограничения, которые стоит учесть: одна сборка в окно 5 часов и ссылки, которые живут 30 дней, а затем ещё неделю остаются помеченными на удаление, после чего удаляются, если вы не перейдёте на платный тариф. Для ссылок без срока действия нужен платный тариф — от $7 в месяц; свой домен можно подключить на любом тарифе, в том числе бесплатном. Можно начать на Community и перейти на платный тариф, только когда сайт будет готов к показу.
Шаг 1. Опишите сайт одним понятным сообщением
Пишите так, будто ставите задачу дизайнеру, которому доверяете: чем занимается бизнес, для кого сайт, какие нужны страницы и функции и каким он должен ощущаться. В таблице — за что отвечает каждая часть.
| Элемент | Зачем он нужен | Пример |
|---|---|---|
| Цель | Определяет, что продвигает главная страница и куда ведёт основная кнопка | «Чтобы люди заказывали праздничные торты заранее» |
| Аудитория | Задаёт тон, формулировки и то, что показать первым | «Семьи из района и офис-менеджеры, которые заказывают на праздники» |
| Страницы | Не даёт пропустить разделы или придумать лишние | «Главная, Меню, Торты, О нас, Контакты» |
| Функции | Всему интерактивному нужны встроенные логика и хранение данных | «Форма предзаказа с датой самовывоза» |
| Данные | Определяет, что сохранять и кто это видит | «Сохранять каждый заказ; видеть их могу только я на странице администратора» |
| Внешний вид | Спасает от безликого дизайна по умолчанию | «Тёплый, „домашний“ стиль: кремовый фон, тёмно-зелёные акценты» |
| Язык | Страница остаётся на том языке, который вы выбрали | «Только русский» или «Русский и английский» |
Вместе первое сообщение для районной пекарни может выглядеть так:
Сделайте сайт для пекарни «Колосок» — пекарни-кофейни у дома на Вокзальной улице, 14. Главная цель: чтобы люди приходили к нам и заранее заказывали праздничные торты.
Страницы: Главная (большое фото, сегодняшние предложения, часы работы), Меню (хлеб, выпечка и торты с ценами из приложенного прайс-листа), Торты (форма предзаказа: имя, email, телефон, вид торта, вес, дата самовывоза, надпись на торте), О нас (наша история, приложенные фото команды) и Контакты (телефон, адрес со ссылкой на карту, часы работы).
Сохраняйте каждый предзаказ и сделайте мне простую страницу администратора, где я вижу заказы и отмечаю выполненные. Тёплый «домашний» стиль: кремовый фон, тёмно-зелёные акценты, приложенный логотип. Только русский язык.
Wisy, чат-ассистент WisyLink, прочитает это и либо задаст один короткий вопрос о том, что меняет результат («Брать ли онлайн-предоплату за торты?»), либо начнёт сборку. Мелкие решения, например подписи кнопок и порядок разделов, он принимает сам. На его вопрос достаточно ответить одной строкой.
Шаг 2. Приложите логотип, фото, меню или прайс-лист
Вложения — самый быстрый способ перенести на сайт ваш настоящий контент. WisyLink принимает 17 типов файлов до 25 МБ каждый, в том числе изображения JPEG, PNG, WebP, HEIC и SVG, документы PDF, Word и Excel, CSV и обычный текст. Лучше всего работает так:
- Логотип: SVG или PNG с прозрачным фоном.
- Фото: можно прямо с телефона, HEIC тоже подходит. Выберите несколько сильных кадров, а не сорок похожих.
- Меню или услуги: тот PDF или файл Word, который вы уже раздаёте клиентам.
- Цены или список товаров: таблица CSV или Excel с понятными названиями столбцов, например «позиция», «категория», «цена».
Напишите в сообщении, для чего каждый файл: «team.jpg — на страницу „О нас“», «цены берите из prices.xlsx». Приложенные файлы остаются в справочных файлах ссылки (так в WisyLink называется проект), поэтому ими смогут пользоваться и следующие сборки. Загружайте только те фото и тексты, на которые у вас есть права.
Переделываете существующий сайт? Скопируйте текст каждой страницы в файл Word или текстовый файл и приложите его, а также перечислите старые адреса страниц, например /menu или /prices, чтобы новый сайт их сохранил. Те же адреса сохраняют позиции, которые эти страницы уже заработали в поиске.
Шаг 3. Следите за сборкой и откройте живую ссылку
Когда сборка начнётся, список задач в чате в реальном времени покажет, чем занят агент сборки, а кнопка «Остановить» прервёт сборку, если вы рано заметили недопонимание. В приложении для iOS или Android придёт уведомление, когда всё будет готово. Пока первая сборка не завершена, по адресу сайта открывается страница «идёт сборка».
Готовый сайт работает по собственному HTTPS-адресу https://<id>.wisylink.com; его можно посмотреть прямо в чате или открыть в новой вкладке. Прочитайте заключительную заметку сборки: в ней перечислено, что построено и что нужно сделать вам, например данные для входа администратора или ключи, которые надо добавить. Затем проведите первую проверку:
- Сначала откройте сайт на телефоне: именно так его увидят многие клиенты.
- Сверьте название, адрес, телефон, часы работы и каждую цену со своими данными.
- Нажмите на номер телефона и на ссылку на карту.
- Отправьте форму с правдоподобными данными и проверьте, что заявка появилась на странице администратора.
- Запишите всё, что хотите изменить, прежде чем что-либо отправлять.
Шаг 4. Дорабатывайте следующими сообщениями
Все изменения делаются в том же чате: редактора с перетаскиванием блоков нет, и код трогать не нужно. В хорошей правке названы страница, элемент и само изменение:
- «На странице „Меню“ сгруппируйте позиции по разделам „Хлеб“, „Выпечка“ и „Торты“, цены выровняйте по правому краю».
- «Замените фото на главной на приложенный shopfront.jpg».
- «На мобильных покажите номер телефона в шапке и сделайте его кликабельным для звонка».
- «Дата самовывоза — не раньше чем через два дня от сегодняшнего. Более ранние даты заблокируйте».
Собирайте правки в пакеты. Каждое изменение — новая сборка, а на бесплатном тарифе доступна одна сборка в окно 5 часов, поэтому список из восьми исправлений в одном сообщении продвинет вас гораздо быстрее, чем восемь отдельных сообщений. На платных тарифах лимиты больше, а пауза между сборками короче. Если сборка не удалась, в работе остаётся предыдущая версия, так что эксперименты сайту не угрожают.
Одна просьба сэкономит много сборок в будущем: попросите страницу администратора, где можно править то, что часто меняется, — сегодняшние предложения, часы работы или цены. Изменения, внесённые там, появляются на сайте примерно через минуту и вообще не требуют сборки.
Шаг 5. Добавьте формы, запись, вход или оплату
До интерактивных функций — одно сообщение, потому что у сайта настоящий бэкенд: сохраняемые данные, аккаунты и хранилище файлов добавляются, когда они нужны проекту. Самые частые варианты:
- Формы обратной связи и заявок
- Заявки сохраняются и выводятся списком на странице администратора. Уведомления по почте уходят через ваш собственный почтовый аккаунт (SMTP); пока вы его не подключили, форма всё равно сохраняет заявки, просто письма не отправляются.
- Онлайн-запись
- Временные окна или занятия с ограниченным числом мест. Записи сохраняются атомарно, поэтому два посетителя не смогут занять одно и то же последнее окно.
- Вход по логину
- Закрытый раздел для участников или личный кабинет клиента с собственной регистрацией, входом, ролями и разделом администратора. Вход через Google или GitHub можно добавить с вашими собственными OAuth-ключами.
- Оплата
- Предоплата, заказы или подписки через ваш аккаунт у платёжного провайдера — Stripe там, где он работает, или другой сервис с API. Заказ отмечается оплаченным, только когда провайдер это подтвердил.
- Пароль на весь сайт
- Удобно, чтобы показать черновик партнёру до запуска. Один общий пароль закрывает все страницы.
Всё, что зависит от внешнего аккаунта, остаётся выключенным, пока вы не добавите учётные данные в разделе «Интеграции». Заключительная заметка сборки скажет, какие из них нужны, а экран «Интеграции» покажет шаги для каждого провайдера. Никогда не вставляйте ключи в чат. Для оплаты начните с тестовых ключей провайдера, оформите тестовый заказ и переключитесь на боевые ключи, когда весь путь заработает от начала до конца.
Всё сразу в первый день не нужно. Добавляйте функции в том порядке, в каком ими будут пользоваться клиенты: пекарня может запуститься с меню и формой предзаказа, а онлайн-предоплату добавить, когда заказы пойдут. Каждое дополнение — ещё одно сообщение в том же чате.
Шаг 6. Перенесите сайт на свой домен и запускайтесь
Свой домен можно подключить на любом тарифе, в том числе бесплатном. Если домена у вас ещё нет, сначала зарегистрируйте его у любого регистратора доменов. В разделе «Домены» его можно подключить двумя способами:
- Подключить свой домен с помощью DNS-записи. DNS остаётся у текущего провайдера; вы добавляете показанную запись (CNAME на
cname.wisylink.comили A-запись). Почта при этом не затрагивается. - Передать DNS-серверы (NS) домена WisyLink для полного управления DNS. Это заменяет все существующие DNS-записи, включая почтовые (MX), поэтому выбирайте этот вариант, только если готовы заново создать эти записи в DNS-менеджере WisyLink.
Две ловушки встречаются снова и снова. Многие DNS-провайдеры не разрешают CNAME на корневом домене (example.com), поэтому там используйте A-запись. А старая A- или AAAA-запись, оставленная на том же имени, не даст пройти проверке, так что удалите её. Проверка начинается, когда вы её запускаете, повторяется автоматически и прекращается через 6 часов, если записи так и не стали правильными; исправьте их и запустите заново. HTTPS-сертификат выпускается автоматически.
Когда домен подтверждён, выберите его в разделе «Домены» у ссылки и разверните — он начнёт работать через несколько секунд. Каждая ссылка обслуживает один домен за раз. Затем сообщите о сайте поисковикам: добавьте домен как ресурс в Google Search Console, которая подтверждает права на домен через DNS-запись, и отправьте файл Sitemap по адресу /sitemap.xml — его каждый сайт WisyLink отдаёт сам. Для аудитории из России сделайте то же в Яндекс Вебмастере: он тоже подтверждает права через DNS-запись и принимает файл Sitemap.
Что ИИ делает хорошо, а что всё равно нужно проверить
ИИ-конструктор силён в том, для чего раньше нужны были дизайнер и разработчик: единый макет, который работает на телефонах, понятная структура страниц, работающие формы и сохранение данных, базовое техническое SEO. Каждая страница WisyLink рендерится на сервере с заголовком, описанием, канонической ссылкой и картинкой для соцсетей, а сайт сам отдаёт карту сайта и robots.txt.
Подходит ли сайт, сделанный нейросетью, для SEO? Технически да. Поисковики видят всё содержимое каждой страницы с первой загрузки. Ранжирование — другой вопрос. Google заявляет, что уместное использование ИИ или автоматизации не нарушает его правила и что он ценит оригинальный полезный контент независимо от того, как тот создан. ИИ строит оболочку, а ваши реальные цены, фото, экспертиза и местные подробности делают страницу достойной высоких позиций.
Что всё равно нужно проверить самому:
- Факты. Каждую цену, часы работы, адрес и утверждение. ИИ может заполнить пробелы правдоподобным текстом, а условия WisyLink прямо возлагают проверку результата на вас.
- Формулировки. Прочитайте каждую страницу вслух. Уберите всё, чего вы не сказали бы клиенту у прилавка.
- Формы и сценарии. Отправьте каждую форму, сделайте тестовую запись и тестовый платёж и проверьте, что попало на страницу администратора.
- Юридические страницы. Если вы собираете имена, email или платежи, нужна политика конфиденциальности, которая соответствует тому, что вы реально собираете. В России это политика обработки персональных данных и согласие по 152-ФЗ, включая требование хранить данные россиян в России; WisyLink не заявляет о хранении данных в России, поэтому попросите страницу у Wisy, а текст и схему хранения сверьте с юристом.
- Изображения и их описания. Проверьте, что на фото то, о чём говорит текст, и что у каждого важного изображения есть осмысленное описание для экранных дикторов.
Считайте эту проверку частью создания сайта, а не чем-то необязательным. Наше эссе об оценке сгенерированного результата объясняет, почему измеримые проверки лучше беглого взгляда.
Запустите свой сайт в WisyLink
Если идея для вас новая, основы описаны в статье о том, что такое ИИ-конструктор приложений и как он работает, а материал о генеративном вебе объясняет, почему одно предложение теперь может стать сайтом в интернете. Идеи помимо сайта для бизнеса ищите в сценариях использования: системы онлайн-записи, личные кабинеты клиентов, магазины, регистрация на мероприятия и многое другое.
Когда будете готовы, напишите первое сообщение по таблице выше, приложите файлы и отправьте. Проверьте живую ссылку на телефоне, собирайте правки пакетами и сравните тарифы, когда сайт должен оставаться в сети на вашем домене.
Опишите сайт одним сообщением и получите живую ссылку: начните бесплатно на Community, без привязки карты.
ЧАВО