Как сделать страницу ссылок в био без кода: пошагово
Как сделать страницу ссылок в био без кода: пошагово
Перечислите ссылки в порядке важности, скажите, кто вы одной строкой, и опишите желаемое действие. AI-билдер соберёт страницу примерно за минуту. Сборка стоит 6 кредитов, правка 3. Публикация в один клик на адрес вида <slug>.zugo.run, свой домен подключается, аналитика ставится через Google Analytics.
Страница ссылок в био выглядит как самая простая задача в вебе, и именно поэтому её обычно делают неправильно: список из двенадцати одинаковых кнопок, где каждая следующая снижает вероятность нажатия на первую.
Зачем делать свою страницу вместо готового сервиса?
Готовые сервисы ссылок в био удобны, и это надо признать честно: они настраиваются за пять минут и не требуют ничего знать. Собственная страница выигрывает в трёх местах, и если ни одно из них вам не важно, оставайтесь на готовом сервисе.
Первое это адрес. Ссылка на своём домене выглядит как ваш проект, а не как чужая платформа, и не переезжает, когда сервис меняет условия. Второе это оформление без ограничений шаблона: у вас может быть форма подписки прямо на странице, встроенное видео, блок с ценами.
Третье это данные. Своя страница отдаёт клики в вашу Google Analytics, а не в чужую панель со сводкой. И весь код можно выгрузить в GitHub, потому что проект принадлежит вам. Против этого честно играет то, что готовый сервис не требует вообще никакой работы, а страница требует хотя бы вечера.
Что должно быть на странице ссылок?
Шесть элементов, и порядок важнее оформления. Фотография или логотип, имя, одна строка о том, кто вы и для кого. Дальше от трёх до пяти ссылок в порядке убывания важности. Внизу мелкие ссылки: соцсети, контакт, юридическая информация.
Число ссылок и есть главное решение. Страница с тремя кнопками работает лучше страницы с двенадцатью, потому что выбор из двенадцати вариантов чаще всего заканчивается закрытием вкладки. Если ссылок объективно много, сгруппируйте их: сначала одна главная кнопка, ниже раздел «ещё» мелким.
Полезная деталь, которую пропускают почти все: подпись под кнопкой. «Записаться на консультацию» плюс мелкая строка «45 минут, $80» отвечает на вопрос до клика и отсеивает тех, кто всё равно бы ушёл. Это одна правка, которая обычно повышает качество переходов.
Что написать в промпте?
Собери страницу ссылок в био для [кто вы].
Одна строка о себе: [для кого вы и чем полезны].
Аватар: [загружу свой файл].
Главная кнопка: [текст] ведёт на [адрес],
подпись под кнопкой: [что это, сколько стоит, сколько длится].
Остальные ссылки по порядку:
1. [текст] на [адрес], подпись [уточнение]
2. [текст] на [адрес], подпись [уточнение]
3. [текст] на [адрес], подпись [уточнение]
Блок подписки: почта, кнопка [текст], письмо приходит мне.
Внизу мелким: [телеграм], [почта], [юридическая информация].
Открывается в первую очередь с телефона: крупные кнопки,
достаточные отступы, ничего не уезжает по горизонтали.
Тёмная тема, шрифт без засечек, акцентный цвет [цвет].
Не выдумывать цифры аудитории, отзывы и достижения.
Строка про телефон нужна, потому что почти весь трафик такой страницы приходит из мобильных приложений. Проверять результат тоже надо с телефона, а не только в окне браузера на ноутбуке. Разбор структуры промпта целиком есть в статье как писать промт для ИИ-билдера.
Сколько стоит собрать такую страницу?
| Сборка | Страниц | Кредитов | Что получается |
|---|---|---|---|
| Страница ссылок | 1 | 6 | Аватар, кнопки, подписка, адаптив, публикация |
| Страница в режиме Hi-Fi | 1 | 12 | Повышенная детализация, вдвое дороже обычной |
| Одна правка | нет | 3 | Новая ссылка, другой порядок, другой цвет |
| Правка в режиме Hi-Fi | нет | 6 | То же в повышенной детализации |
| Мини-сайт из нескольких страниц | 3 | 12 | Первые три страницы, дальше по 3 за страницу |
Free даёт 5 кредитов, это меньше стоимости одной сборки, поэтому бесплатный тариф про осмотреться. Pro стоит $25 в месяц за 200 кредитов, чего хватает на очень длинный цикл обновлений такой страницы. Business стоит $99 в месяц. Разбор тарифов есть в статье сколько стоит сайт и приложение на нейросети.
Практическая арифметика: страница ссылок меняется чаще любого другого проекта, потому что каждая новая активность это новая кнопка. Каждое такое обновление стоит одну правку, и годовой бюджет на актуальность выходит небольшим.
Как подключить свой домен и посчитать клики?
Публикация занимает один клик: страница уезжает на адрес вида <slug>.zugo.run и сразу открывается у кого угодно. Свой домен подключается отдельно, и для страницы в био он важнее, чем для многих других проектов: этот адрес человек видит в профиле и запоминает. Порядок описан в статье свой домен для AI-приложения.
Аналитика ставится через Google Analytics и отвечает на единственный важный вопрос: какая кнопка нажимается. Обычно ответ неожиданный, и после двух недель данных порядок ссылок меняется. Данные задним числом не собираются, поэтому счётчик ставится сразу, а не когда станет интересно.
Если на странице есть подписка на письма, Resend доставляет адреса вам, а Supabase хранит их в базе под вашим аккаунтом, когда список перерастает почтовый ящик. Оба подключаются коннекторами, без кода.
Чего сгенерированная страница ссылок не сделает?
- Не заменит сокращатель ссылок с UTM-разметкой. Метки для рекламных кампаний вы проставляете сами в адресах, куда ведут кнопки.
- Не даст аудиторию. Страница готова за вечер, а трафик в неё приходит из профиля, который вы ведёте отдельно.
- Не будет обновляться сама. Новая ссылка это правка. Если активности меняются ежедневно, готовый сервис с приложением на телефоне окажется удобнее, и это честный аргумент против своей страницы.
- Не заменит команду разработки на сложном продукте. Страница ссылок с личными кабинетами, рефералами и выплатами это уже платформа, а не одна страница.
Перед выдачей сборка проверяется в песочнице: она запускается, и сборка, которая не открылась, не выдаётся. Это снижает риск получить пустую страницу, но не проверяет, что все ссылки ведут туда, куда вы думаете. Прокликайте их сами после публикации.
Как решить, какая кнопка будет первой?
По одному критерию: что вы хотите, чтобы человек сделал, если он сделает только одно действие. Не «что у меня есть», а «что важнее всего». Почти все страницы ссылок построены по первому принципу, и поэтому почти все работают хуже, чем могли бы.
Практический способ выбрать: представьте, что кнопка на странице ровно одна. Какая останется? Для мастера это запись, для автора подписка на письма, для магазина каталог, для музыканта площадка с новым релизом. Эта кнопка ставится наверх и делается визуально крупнее остальных, а не одинаковой с ними.
Дальше проверьте гипотезу цифрами. Google Analytics показывает, какая кнопка нажимается, и через две недели данных обычно выясняется, что люди ходят не туда, куда вы рассчитывали. Порядок ссылок после этого меняется, и это одна правка.
Есть ещё правило, которое экономит больше всего кликов: ссылка, которая ведёт на временную активность, должна исчезать, когда активность закончилась. Страница со ссылкой на прошлогодний вебинар сообщает посетителю, что вы за ней не следите, и обесценивает остальные кнопки заодно.
Наконец, не дублируйте на странице ссылки на соцсети, из которых человек только что пришёл. Он уже там. Место в верхней части экрана дороже всего, и отдавать его кнопке, которая возвращает посетителя назад, значит тратить его впустую.
С чего начать?
С трёх ссылок вместо двенадцати. Соберите страницу за 6 кредитов, поставьте наверх ту кнопку, ради которой вы вообще заводите ссылку в профиле, и опубликуйте в тот же день. Через две недели посмотрите в аналитику и переставьте порядок.
Если вместо списка ссылок нужна полноценная продающая страница, посмотрите разбор как сделать лендинг без кода. Если вы автор или специалист и странице нужны примеры работ, ближе окажется структура из статьи сайт-портфолио нейросетью. Начать можно на zugo.dev.