Как сделать сайт подкаста без кода: пошаговый разбор
Опишите подкаст текстом: название, о чём он, где лежат выпуски и куда вести слушателя. Zugo соберёт сайт со страницей выпусков, описанием шоу и ссылками на площадки, проверит сборку в песочнице и опубликует по адресу вида yourshow.zugo.run. Простая сборка занимает около минуты и стоит 6 кредитов, правка потом 3.
Сложность сайта подкаста не в дизайне. Она в том, откуда берутся выпуски: RSS-лента хостинга, ручной список или встроенные плееры площадок. От этого выбора зависит, будет ли сайт обновляться сам или вы будете добавлять каждый выпуск руками. Ответить на этот вопрос честнее в самом начале.
Что должно быть на сайте подкаста?
Минимальный работающий набор короче, чем кажется. Первый экран отвечает, о чём шоу и для кого. Дальше идёт список выпусков с датой, номером и описанием. Затем блок «где слушать» со ссылками на площадки. И контакт для тех, кто хочет позвать вас в гости или купить рекламу.
Всё остальное добавляется по мере надобности, а не сразу. Страница про ведущих нужна, когда шоу зовут в коллаборации. Форма подписки нужна, когда есть что рассылать. Транскрипты нужны, когда вы всерьёз рассчитываете на поиск. Собранный за минуту сайт из четырёх блоков уже закрывает то, ради чего сайт подкасту вообще заводят.
Полезно заранее решить, что считается главной кнопкой. У большинства подкастов это не «слушать здесь», а «подписаться там, где вы уже слушаете». Сайт в этом случае работает как перекрёсток, а не как плеер, и такая формулировка в промпте меняет вёрстку сильнее, чем любые слова про стиль.
Проверить структуру дешевле всего на живой сборке. Соберите вариант, откройте на телефоне и посмотрите, за сколько секунд посторонний человек поймёт, о чём шоу. Если дольше пяти, проблема не в оформлении, а в тексте первого экрана.
Как описать подкаст в промпте, чтобы получить нужную структуру?
Назовите три вещи: тему, аудиторию и способ подачи выпусков. Промпт «сайт для моего подкаста» оставляет конструктору слишком много свободы, и он придумает и рубрики, и тон, и структуру списка. Переделывать это правками дороже, чем написать на два предложения больше сразу.
Слабый вариант: «сайт подкаста про бизнес». Сильный: «Сайт подкаста про найм в IT. Выпуски раз в неделю, каждый с номером, датой, гостем и кратким описанием. Слушатели приходят из Телеграма, главное действие: подписаться в Apple Podcasts или Spotify. Внизу форма для тех, кто хочет прийти гостем».
Второй вариант фиксирует частоту, поля выпуска, источник трафика и целевое действие. Дизайн после этого перестаёт быть случайным: список выпусков получает нужные поля, а кнопки встают туда, куда вы их и хотели поставить. Правки останутся косметическими вместо структурных.
Отдельно скажите про язык. Если шоу русскоязычное, а гости иногда англоязычные, напишите это прямо: интерфейс и описания на русском, названия выпусков как есть. Такие мелочи конструктор не угадывает, зато аккуратно выполняет, когда их называют.
Сколько стоит сайт подкаста в кредитах?
Считается по действиям, а не по объёму текста, поэтому смету можно прикинуть заранее.
| Действие | Кредитов |
|---|---|
| Одна сборка: сайт, приложение или игра | 6 |
| Многостраничная платформа, первые три страницы | 12 |
| Каждая следующая страница | 3 |
| Правка готовой сборки | 3 |
| Сборка в режиме Hi-Fi | 12 |
| Правка в режиме Hi-Fi | 6 |
Одностраничный сайт подкаста укладывается в 6 кредитов плюс несколько правок по 3. Если вы хотите отдельные страницы под каждый выпуск, это уже многостраничная платформа: 12 за первые три страницы и по 3 за каждую следующую. Такая сборка занимает несколько минут, а не одну.
На тарифе Free даётся 5 кредитов, и это меньше одной свежей сборки. Pro стоит $25 в месяц и даёт 200 кредитов, Business стоит $99 в месяц. Для подкаста, который выходит еженедельно, основной расход это не первая сборка, а регулярные правки списка выпусков.
Где живут аудиофайлы и как встроить плеер?
Сайт подкаста почти никогда не хранит аудио сам. Файлы лежат на подкаст-хостинге, который раздаёт RSS в Apple Podcasts, Spotify и остальные каталоги. Сайту достаточно показывать список и отдавать ссылки, а воспроизведение берёт на себя встроенный плеер площадки.
Практический вывод простой: в промпте просите не «плеер», а «блок с встроенным проигрывателем площадки для каждого выпуска». Это разные задачи. Первая формулировка провоцирует конструктор рисовать собственный интерфейс воспроизведения, вторая даёт то, что реально работает без вашего хостинга.
Если выпусков много и добавлять их руками не хочется, храните список в базе. Через коннектор Supabase сгенерированный сайт читает выпуски из таблицы, и обновление сводится к одной новой строке. Как устроена эта связка, разобрано в статье про приложение с Supabase.
Какие интеграции пригодятся сайту подкаста?
| Задача | Чем закрывается |
|---|---|
| Список выпусков без ручной правки | Supabase как база |
| Письма подписчикам и уведомления | Resend |
| Платная подписка или донаты | Stripe |
| Статистика посещений | Google Analytics |
| Свой домен вместо адреса zugo.run | Подключение домена |
| Забрать исходники себе | Экспорт в GitHub |
Не подключайте всё сразу. Аналитика и домен нужны почти всегда, база нужна при регулярном выпуске, а Stripe имеет смысл только когда есть что продавать: закрытые эпизоды, ранний доступ, расшифровки. Каждая лишняя интеграция это ещё один сервис, за которым придётся следить.
Исходники в любом случае остаются вашими. Проект можно выгрузить в GitHub и продолжить вести его как обычный репозиторий, если сайт перерастёт конструктор. Подробности про выгрузку собраны в материале про сайт с экспортом в GitHub.
Как сделать так, чтобы сайт подкаста находили?
Сайт подкаста конкурирует не с другими сайтами, а с каталогами, где шоу уже лежит. Поэтому бессмысленно бороться за общие запросы вроде «подкаст про бизнес». Полезнее занять запросы, которых в каталогах нет: имя гостя, конкретная тема выпуска, точная формулировка вопроса.
Из этого следует практический вывод: страница выпуска ценнее списка выпусков. Отдельная страница с именем гостя в заголовке, кратким содержанием и таймкодами находится по фамилии гостя, а строка в общем списке нет. Каждая такая страница добавляет 3 кредита к многостраничной сборке.
Расшифровки выпусков дают самый заметный эффект, но требуют труда. Полная расшифровка часового разговора это тысячи слов текста, в которых встречается всё, о чём вы говорили. Компромисс: публиковать не дословную стенограмму, а структурированный конспект на пятнадцать абзацев с таймкодами.
Название выпуска стоит писать под человека, а не под алгоритм. «Выпуск 42» не находится и не выбирается. «Как устроен найм в продуктовых командах, гость: руководитель найма» находится, выбирается и остаётся понятным через год. Это бесплатная правка, которая работает лучше любой оптимизации.
И последнее: подключите статистику. Без неё вы не узнаете, приходят ли на сайт вообще и какой выпуск читают чаще. Google Analytics подключается через коннектор и даёт ответ за первую же неделю.
Чего AI-конструктор не сделает за вас?
Три вещи стоит знать до начала, чтобы не разочароваться на середине.
Он не заменит подкаст-хостинг. Генерация RSS, статистика прослушиваний и раздача файлов в каталоги остаются задачей специализированного сервиса. Сайт это витрина поверх него, а не замена.
Он не придумает позиционирование. Конструктор аккуратно оформит то описание шоу, которое вы дадите. Если описание расплывчатое, сайт будет расплывчатым, и никакая правка вёрстки этого не чинит.
Он не заменит команду разработки на сложном продукте. Если из сайта подкаста вырастает платформа с личными кабинетами, платными уровнями доступа и своей аналитикой, в какой-то момент нужен разработчик. Специфичная бизнес-логика в Zugo доводится последовательными правками, а не одним промптом.
Каждая сборка перед выдачей запускается в песочнице, и та, что не открылась, до вас не доходит. Это снимает риск получить белый экран, но ничего не говорит о том, верно ли вы описали шоу.
С чего начать сегодня
Напишите одно честное предложение о том, кому и зачем нужен ваш подкаст, добавьте частоту выпусков и площадки, и запустите сборку. Первый результат лучше оценивать не как готовый сайт, а как сильный черновик, в который вы внесёте две или три правки по 3 кредита. Начать можно на Zugo. Если параллельно нужен личный сайт ведущего, посмотрите разбор про портфолио без кода.