Сайты с ИИ2026-09-188 минРедакция Submarine School

Codex Sites: как создать и разместить сайт в 2026 году

Codex Sites: как создать и разместить сайт в 2026 году

Codex Sites помогает собрать сайт или веб-приложение из описания и разместить его на хостинге OpenAI. Здесь вы пройдёте путь от короткого задания до проверенной версии, а затем решите, открывать ли доступ посетителям. Нужен подходящий платный план ChatGPT (Plus, Pro, Business, Enterprise или Edu) с доступом к Sites и материалы, которые можно использовать в проекте. Функция описана в официальной документации OpenAI.

Что такое Sites и чем он отличается от обычной работы с Codex

Sites объединяет создание, сохранение версии, размещение и управление доступом к сайту. По документации OpenAI раздел доступен в веб-версии ChatGPT и настольном приложении. В Codex CLI нет отдельного экрана управления Sites: локальный проект можно редактировать и проверять там, а размещение вести через веб-версию или приложение. Если нужен только код для собственного сервера, достаточно обычной работы с проектом; Sites полезен, когда нужен управляемый адрес сайта.

Это самостоятельный путь размещения, а не официальный сайт продукта Codex. Если вам нужно убедиться, что вы открыли настоящий сервис, используйте проверку адреса Codex. В списке новинок OpenAI запуск Sites описан как возможность создавать и размещать сайты, панели и веб-приложения.

Понимания, как это устроено, уже достаточно, чтобы начать. На бесплатном эфире сайт собирают за один вечер и показывают, как его выложить.

Посмотреть, как собрать

Как подготовить задание до создания сайта

Сформулируйте одно действие посетителя. Для страницы услуг это может быть заявка через форму, для портфолио просмотр работ и переход к контактам. Выпишите аудиторию, содержание, обязательные разделы, поведение кнопок, нужные данные и то, что нельзя публиковать. Такой паспорт даёт критерии проверки, а не только описание внешнего вида.

  • Результат: посетитель должен понять предложение и выполнить одно целевое действие.
  • Материалы: подготовьте тексты, изображения и права на их использование. Отметьте факты, которые требуют проверки.
  • Данные: определите, нужна ли запись заявок и кто сможет их читать.
  • Доступ: заранее решите, будет сайт личным, доступным команде или публичным.
  • Приёмка: запишите три действия, которые вы выполните на телефоне и компьютере.

Если задача состоит только в небольшой странице с текстом и контактами, сравните её с вариантами сайта-визитки. В Sites можно начать с нового проекта или совместимого локального проекта, но для существующего кода сначала попросите проверить совместимость с размещением, как рекомендует OpenAI.

По теме: Как сделать сайт одежды: каталог, размеры и запуск продаж

Как получить версию для проверки

Откройте Sites в ChatGPT, опишите цель сайта и попросите собрать первую версию. В инструкции OpenAI для явного запуска указан вызов @Sites. Для первого прохода полезно прямо запретить размещение до проверки: создание версии и её публикация являются разными этапами.

Правило выбора: сначала попросите сохранить версию для проверки. Публичный адрес нужен после того, как содержание, формы, права доступа и поведение на телефоне проверены.

  1. Передайте паспорт сайта: аудиторию, задачу посетителя, содержание, обязательные действия и запреты.
  2. Попросите собрать черновик и показать, как работают главная кнопка, навигация и форма.
  3. Проверьте тексты, изображения и ссылки. Исправляйте конкретное место и ожидаемое поведение, а не просите сделать «красивее».
  4. Попросите сохранить версию для проверки без размещения. Назовите её по результату, чтобы позднее не спутать с другой.
  5. Откройте сохранённую версию на узком и широком экране, пройдите записанные ранее три действия.

Безопасный пример задания: «Соберите страницу консультации по настройке бота для небольшого магазина. Посетитель должен понять услугу и оставить заявку. Используйте только приложенный текст и изображения; не придумывайте отзывы и цены. Проверьте форму, ссылки и вид на телефоне. Сохраните версию для проверки, не размещайте её». Общие шаги подготовки содержания есть в руководстве по созданию сайта.

Самое долгое в своём сайте это первый запуск: страницы, домен, публикация. На бесплатном вебинаре по вайбкодингу весь путь проходят вживую, от идеи, описанной словами, до работающего адреса. Опыт в программировании не нужен.

Пройти путь до сайта

Как проверить данные, доступ и размещение

Сначала проверьте саму версию. В документации Sites OpenAI предлагает проверить текст, изображения, ссылки, формы, интерактивность и работу для предполагаемых посетителей. Отдельно проверьте, не попали ли в страницу личные сведения, секреты и чужие материалы без права использования. Секреты не вставляйте в задание и файлы сайта: для них предусмотрены настройки среды размещения.

Затем выберите аудиторию. Новый сайт изначально доступен владельцу и администраторам рабочего пространства; другие варианты доступа зависят от настроек аккаунта, согласно OpenAI. Ссылка сама по себе не доказывает, что коллега или внешний посетитель сможет открыть страницу. Проверьте доступ из нужной роли или в отдельном сеансе браузера.

Когда версия принята, попросите разместить именно её. Сохранение создаёт кандидата для публикации, а размещение даёт адрес работающего сайта; это два разных действия в официальном описании. Откройте выданный адрес, повторите проверку формы, ссылок и доступа. Если новая версия не прошла проверку, вернитесь к сохранённой версии и ограничьте аудиторию до исправления.

По теме: Как сделать надпись на сайте: текстовый блок, HTML и CSS

Что делать, если результат не совпал с ожиданием

Диагностику проводите по первому сломанному этапу. Если Sites не видно, проверьте доступ функции в своём аккаунте. Если из существующего проекта не получается размещение, попросите проверить совместимость сборки и используемых компонентов. Если форма выглядит рабочей, но запись не сохраняется, уточните, нужен ли сайту постоянный источник данных, и проверьте его на тестовой заявке. Если владелец открывает страницу, а коллега нет, проверьте настройки аудитории, а не только адрес.

OpenAI отдельно объясняет: постоянные структурированные записи требуют хранилища D1, загружаемые файлы могут требовать R2. Временное состояние интерфейса такого хранилища не требует. Не подключайте хранение на всякий случай: сначала сформулируйте, какие данные должны пережить обновление страницы и кто имеет право их видеть.

Когда Sites не подходит

Sites не подходит, если проекту нужны неподдерживаемые сетевые соединения, сервисы в фоне или строгие требования к размещению данных, которые этот хостинг не выполняет. В ограничениях OpenAI указаны, в частности, отсутствие прямых TCP-соединений и поддержка только совместимых сценариев размещения. Для сложного существующего проекта сначала запросите проверку совместимости, затем сравните с самостоятельным хостингом.

Частые вопросы

Можно ли создать сайт без готового кода?

Да. Sites позволяет начать с описания задачи. Для существующего проекта проверьте совместимость перед размещением.

Появится ли публичный сайт сразу после сохранения версии?

Нет. По документации OpenAI версию сначала сохраняют, затем отдельно размещают и получают рабочий адрес.

Можно ли управлять Sites только через Codex CLI?

Отдельного экрана управления Sites в CLI нет. Для создания, размещения и управления откройте ChatGPT в браузере или настольном приложении, как указано в справке OpenAI.

Как понять, что страница готова к передаче?

Откройте рабочий адрес как предполагаемый посетитель. Проверьте целевое действие, мобильный вид, ссылки, сохранение данных и нужный уровень доступа. Один успешный просмотр владельцем не заменяет эту проверку.

После первой страницы можно собрать работающий проект с ИИ и пройти полный путь от идеи до проверки. На бесплатном вебинаре показываем, как это делать по шагам.

Записаться на вебинар
Разборы, кейсы и фишки вайбкодинга каждую неделю в телеграм-канале «Яков вайбкодит».
Первый проект с ИИ: живой разбор, бесплатно Занять место