Несколько страниц

ИИ сам планирует страницы сайта. Как добавить страницу — запросом в чат, кликом по элементу сайта, который пока никуда не ведёт, из строки адреса или из плана — и что такое страница 404.

Сайт в Velvio — единый проект: общие шапка, подвал, цвета и шрифты на всех страницах. Поменяли меню в шапке — оно поменялось везде.

Как ИИ планирует страницы

Перед первой версией ИИ составляет план сайта: какие страницы нужны и в каком порядке их делать. Небольшой сайт (визитка, лендинг, услуги) собирается целиком за один раз. Крупный — например, каталог с карточками товаров или сайт сети клиник — делится на этапы: сначала главное, остальное по вашему запросу. Так каждую часть проще проверить и поправить, пока она не обросла другими страницами.

План виден в разделе «План сайта»: этапы со статусами «выполнено», «в работе», «запланирован», «по запросу» и список функций сайта.

Раздел «План сайта»: этапы и кнопки «Сделать»

Добавить страницу

Есть четыре способа.

Запросом в чат

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

Запрос в чат
Добавь страницу «Цены»: - таблица услуг барбершопа с ценами и временем - отдельный блок «Комплексы» со скидкой - кнопка «Записаться» внизу Ссылку поставь в меню после «Услуг».

По содержимому сайта

Превью — живой сайт: по нему можно ходить, нажимая на меню, кнопки и ссылки. Если нажать на то, за чем ещё ничего нет, сайт покажет подсказку «Здесь пока ничего нет. Создать?».

Подсказка «Здесь пока ничего нет. Создать?» в превью

Подсказка появляется, когда вы нажимаете на:

  • ссылку на страницу, которой пока нет — например, «Вакансии» в подвале;
  • ссылку-заглушку — ведёт «никуда» или на раздел страницы, которого нет;
  • кнопку без действия — «Подробнее», «Оставить отзыв», за которыми ничего не происходит;
  • форму, которая ничего не отправляет;
  • надпись «скоро» или «в разработке» — например, «Онлайн-оплата — скоро».

Подсказки не будет у ссылок на существующие страницы, на другие сайты, у телефонов и почты, у кнопок, которые уже что-то делают. Подсказка работает только в превью: на опубликованном сайте её нет. И только когда не включён инструмент правки («Указать элемент», «Править на странице», «Выделить область») — тогда клик выбирает элемент.

Нажмите «Создать». В поле чата появятся пометка «Создать: …» с названием элемента и заготовка запроса. Отправьте как есть — ИИ поймёт по тексту и месту, что должно быть, — или допишите подробности:

Запрос «Создать» в чате с пометкой элемента

Запрос в чат
Создай то, что должно быть под «Вакансии»: вакансии повара и официанта, условия работы и форма отклика

ИИ создаёт не только страницы. Под кнопкой «Подробнее» он может сделать всплывающее окно, под «Оставить отзыв» — форму, под ссылкой на раздел — сам раздел. И сразу подключает навигацию: ссылку в меню, кнопку «Назад».

Из строки адреса

Откройте список страниц над превью и нажмите «Добавить страницу…» внизу. В поле чата появится заготовка запроса — впишите название и что должно быть на странице:

Список страниц сайта и «Добавить страницу…»

Запрос в чат
Добавь страницу «О ресторане»: история, команда шеф-поваров с фото, блок «Наши награды». Ссылку — в меню и в подвал.

Кнопкой в плане

В разделе «План сайта» у этапов и функций, которые ещё не сделаны, есть кнопка «Сделать». Она сразу отправляет задачу в чат.

Переходить между страницами

Над превью — строка, как в браузере. В ней видно, какая страница открыта: название сайта и адрес, например /menu. Нажмите на адрес — откроется список всех страниц сайта, выберите нужную. Кнопки ← и → слева возвращают на предыдущую страницу и обратно, ⟳ обновляет превью.

Удобнее смотреть сайт целиком в отдельной вкладке браузера: кнопка «Открыть превью по ссылке» (стрелка ↗ в строке над превью).

Страница 404

У каждого сайта есть страница «Страница не найдена» с кнопкой «На главную». Её видит посетитель, который открыл адрес, где ничего нет: ошибся в адресе, перешёл по старой ссылке или по ссылке на удалённую страницу. Поисковики такую страницу не индексируют.

Страница 404 в превью

Если в превью после клика по ссылке открылась 404 — нужной страницы ещё нет или ссылка ведёт не туда. Напишите в чат, что должно быть на этой странице, или попросите поправить ссылку:

Запрос в чат
По ссылке «Акции» открывается 404. Сделай страницу «Акции»: три текущих предложения с датами и кнопкой «Забронировать».

Саму страницу 404 можно оформить под сайт:

Запрос в чат
Оформи страницу 404 в стиле сайта: короткая шутка про заблудившегося гостя, иллюстрация пустой тарелки, кнопки «На главную» и «Посмотреть меню».

После публикации

У каждой страницы свой адрес, например velvio.space/s/kofeinya/menu. Все страницы попадают в карту сайта, а поисковики и ИИ-ассистенты получают каждую как готовую страницу с текстом. Страницы с параметрами (например, отдельная карточка товара по номеру) в карту сайта не попадают.

Советы

  • Добавляйте по одной странице за запрос: так проще проверить результат и откатить неудачное.
  • Скажите, где должна быть ссылка на новую страницу: в меню, в подвале или на кнопке первого экрана.
  • Если страниц стало много, попросите: «перестрой меню: основные разделы в шапке, остальные в подвале».