Как создать собственную страницу «ссылка в био»

Страница «ссылка в био» — это одна удобная для телефона страница с вашим именем, фото, строкой о себе и коротким списком ссылок: единственный URL, который вы ставите в профили соцсетей, где разрешена только одна ссылка. Создать собственную — один из самых быстрых полезных веб-проектов: статичная страница на вашем домене, которая открывается мгновенно и без чужого брендинга. Начните со статичной версии, а добавляйте подсчёт кликов и подписку на email, только если будете ими пользоваться.

Что размещать на странице

Делайте её короткой. Посетители приходят из приложения, с телефона, и внимание у них на несколько секунд.

• Имя и фото или логотип. Узнаваемые с первого взгляда, чтобы было понятно, что человек на правильном месте.
• Одна строка о том, кто вы или что делаете.
• Три–семь ссылок, самые важные первыми. Ваш самый свежий проект — вверху.
• Одно выделенное действие — то, что вы больше всего хотите, чтобы люди сделали в этом месяце (новый релиз, запуск, ссылка на запись).
• Иконки соцсетей внизу для других ваших профилей.
• По желанию: форма подписки на email, встроенное последнее видео или небольшая сетка продуктов.

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

Решения и компромиссы

Статичная или динамичная страница? Статичная страница — это простой HTML и CSS: нечему ломаться, ничего не нужно «будить», загрузка почти мгновенная. Редактируете вы её, изменив страницу (или попросив ИИ-конструктор). Динамичная страница добавляет админку, где вы редактируете ссылки без правки кода, и базу данных — полезно, если вы меняете ссылки ежедневно или управляете страницами для нескольких человек. Для одного человека обычно подходит статичная.

Собственный домен. Главная причина создавать самому. yourname.com легче запомнить, он выглядит профессиональнее и продолжает работать, каким бы инструментом вы ни пользовались дальше. См. как подключить собственный домен.

Подсчёт кликов. Два варианта:

1. Приватный скрипт аналитики, который фиксирует просмотры страниц и клики по внешним ссылкам. Просто, без бэкенда.
2. Каждая ссылка проходит через короткий редирект на вашем домене (yourname.com/go/shop), который засчитывает клик. Больше контроля, и те же ссылки работают в письмах и видео. Это небольшой сервис коротких ссылок.

В любом случае добавляйте уведомление о cookie только тогда, когда ваш трекинг требует его в стране ваших посетителей. Многие аналитические сервисы без cookie созданы так, чтобы их не требовать; проверьте правила, которые действуют для вас.

Подписка на email. Форма подписки — самое ценное дополнение: подписчики соцсетей принадлежат платформе, а подписчики рассылки принадлежат вам. Форме нужно куда-то отправлять адреса — в форму или API вашего инструмента email-рассылок или в собственную базу данных. См. как создать сайт-рассылку.

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

Скорость и шеринг. Держите изображения маленькими. Добавьте заголовок, описание и изображение для превью (теги Open Graph), чтобы ссылка красиво выглядела при вставке в мессенджеры.

Первый промпт, который работает

Создай страницу «ссылка в био» как одну статичную HTML-страницу, в первую очередь для телефонов. Вверху: круглое фото профиля, моё имя «Sam Rivera» и строка «Иллюстратор и автор комиксов — новая книга уже вышла». Ниже: одна выделенная кнопка «Предзаказать книгу», затем кнопки Shop, YouTube, Commissions и Newsletter, затем маленькие иконки Instagram, TikTok и Bluesky. Крупные кнопки на всю ширину с большими отступами, тёплый светло-кремовый фон, тёмный текст, один акцентный цвет (терракота) и аккуратная тёмная тема. Добавь теги title, meta description и изображение Open Graph. Держи изображения маленькими, чтобы страница быстро грузилась на мобильном интернете. Пока без трекинга и cookie.

Замените имя, строку и ссылки на свои. Промпт конкретен в том, что касается верстки, цветов и того, что не нужно добавлять.

Этапы создания

1. Сначала контент. Запишите ссылки в нужном порядке и строку о себе. Уберите всё, по чему вы сами не стали бы кликать.
2. Создайте страницу. Проверьте её в предпросмотре размером с телефон, в светлой и тёмной темах.
3. Тест на реальном устройстве. Откройте на телефоне, по возможности из встроенного браузера Instagram или TikTok — там её увидит большинство посетителей.
4. Превью для шеринга. Вставьте ссылку в мессенджер и проверьте заголовок и изображение.
5. Домен. Разместите страницу на собственном домене.
6. Трекинг, если нужны цифры: добавьте аналитику или редиректы, затем кликните по каждой ссылке один раз, чтобы убедиться, что клик засчитывается.
7. Форма подписки, если вы собираете список рассылки.

Поддержание актуальности

Страница «ссылка в био» работает лучше, когда меняется вместе с вами. Простая привычка: когда вы публикуете что-то новое, что хотите показать, в тот же день обновляйте верхнюю ссылку, а раз в месяц убирайте всё, что уже неактуально. Если вы ведёте кампанию — запуск, распродажу, мероприятие, — дайте ей выделенную кнопку на время её проведения, а потом верните всё обратно. Если вы используете редирект-ссылки для трекинга, держите короткий путь стабильным (/go/latest) и меняйте только то, куда он ведёт, чтобы старые посты, которые его использовали, по-прежнему приводили куда-то полезное.

Частые ошибки

• Слишком много ссылок. Посетители не листают пятнадцать кнопок.
• Устаревшая верхняя ссылка. Акция прошлого сезона наверху выглядит заброшенной. Обновляйте её, когда что-то меняется.
• Тяжёлые изображения. Большое фото на мобильном интернете — медленное первое впечатление.
• Мелкие области нажатия. Кнопки должны занимать всю ширину и легко попадать пальцем.
• Нет изображения для превью. При шеринге ссылка выглядит голой.
• Только на поддомене инструмента. Если инструмент изменится, все опубликованные вами ссылки в био сломаются. Собственный домен избавляет от этого.

Когда лучше готовый сервис

Готовые сервисы «ссылка в био» действительно удобны: редактор на телефоне, встроенная аналитика, интеграции с магазином и чаевыми и многие бесплатные тарифы. Если вы хотите менять ссылки на ходу, не трогая код, и не возражаете против внешнего вида сервиса и его брендинга, они — простой выбор. Ещё один вариант — простые конструкторы одностраничников, см. альтернативы Carrd.

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

Создание с Mythex

В Mythex вы описываете страницу в чате, просите простую статичную страницу и проверяете её во фрейме телефонного размера в живом предпросмотре. Статичные сайты публикуются как статичные — см. статичные сайты на Mythex — и не расходуют кредиты, пока просто лежат, поэтому страница «ссылка в био» дешёво поддерживается онлайн. Публикуйте по ссылке вида mythex.ai на любом тарифе; на Pro подключите собственный домен или купите его прямо в Mythex. Когда нужно поменять ссылку, просто попросите в чате и опубликуйте снова.

Вопросы