Сайт-визитка: что это, из чего состоит и как сделать

Что такое сайт-визитка и кому её хватит?

Представьте, что вы отправили мастеру-массажисту ссылку в мессенджере, и клиент открывает её на телефоне в очереди. За полминуты он должен понять, кто перед ним, где принимает мастер и как записаться. Если для этого нужно листать каталог или искать форму, вкладка закроется.

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

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

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

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

Чем визитка отличается от лендинга и когда её уже мало?

Чаще всего визитку путают с лендингом, и понятно почему: обе страницы короткие. Но задачи у них разные. По словам WebCanape, визитка не продаёт напрямую, как лендинг, зато создаёт у клиента представление о бизнесе и закладывает основу для будущего сотрудничества.

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

Лендинг ведёт к одному действию по одному предложению, визитка рассказывает о вас целиком. Если вам нужна одна акция или услуга, смотрите в сторону лендинга. От многостраничного магазина визитка отличается ещё сильнее.

Бывает, что визитки со временем не хватает. Дизайнер Юлия Лешукова рассказывает в одной из публикаций на TenChat, как к ней пришёл центр психологии с просьбой доработать старый сайт. Выяснилось, что он работал как визитка, а для продвижения этого мало: сайт не помогал выходить по запросам про детей, подростков и взрослых, и его было сложно редактировать.

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

Из чего собрать визитку: страницы и блоки

Набор разделов зависит от ниши, но костяк почти везде один.

• Главная: кто вы, что делаете и главное преимущество, лучше с живым фото или видео работы.
• Услуги и цены: короткий перечень с понятной стоимостью и кнопкой заявки.
• О себе или о компании: опыт, подход, сертификаты и дипломы.
• Отзывы: скриншоты с независимых площадок или текст с именем клиента.
• Контакты: телефон, почта, мессенджеры и график, для офлайн-точки ещё и карта.

Форму заявки Kokoc советует ограничить тремя-четырьмя полями: имя, телефон, почта. Рядом ставят политику конфиденциальности и галочку согласия на обработку персональных данных, как требует 152-ФЗ. Для точки с адресом добавьте интерактивную карту, Яндекс или Google. Формулировки согласуйте с юристом, а о согласии на куки мы писали отдельно в материале про cookie.

Доверие добавляют и имена клиентов: перечислите компании, с которыми вы работали, и выложите примеры работ, чтобы человеку не пришлось писать вам с вопросом.

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

Противоположный пример - психолог Зарина Гальперина. Агентство Adore Ducks собрало для неё лендинг с разделами «Обо мне», «Услуги и цены» и «Контакты», а ещё добавило калькулятор стоимости консультации, квиз для определения запроса и онлайн-запись с чатом в WhatsApp. После запуска, как сообщает само агентство, онлайн-записи выросли на 30%, а посещения на 25%.

Сайт стал неоценимым инструментом для моего бизнеса.

Зарина Гальперина, психолог, из отзыва о проекте

Другая схема у психолога, чей сайт дизайнер Юлия Лешукова описывает в кейсе на TenChat. В начале выведен блок с конкретными запросами, с которыми можно прийти, у каждой услуги есть свой блок частых вопросов и яркая кнопка записи, а отдельный раздел отзывов работает на доверие. Для человека, который приходит с тревогой, такая последовательность спокойнее, чем длинная витрина услуг.

Цена и сроки: во сколько обойдётся визитка

Бюджет зависит от того, кто собирает. По расчётам Kokoc, no-code платформы обойдутся от 400 до 1500 рублей в месяц, заказ у фрилансера потребует от 10 000 рублей, а студия возьмёт от 50 000 рублей за проект под ключ. Рабочий проект на готовом шаблоне собирают за пару часов, а полная настройка занимает один рабочий день.

Сроки у реальных проектов зависят от начальных данных. Юристу из Москвы исполнитель перенёс устаревший безликий сайт на Тильду с адаптивной вёрсткой. Задача была обновить внешний вид, упростить навигацию и подняться в Яндексе по профильным запросам. По итогам, как пишет исполнитель, сайт стал заметнее в выдаче и начал приносить органический трафик.

Если срок жёсткий, выручает заранее готовая стратегия. Среди других публикаций Юлии Лешуковой на TenChat есть проект для автора методики по стилю и карьере: на весь проект было 10 дней, потому что страница нужна была к вебинару. Запустились вовремя, потому что стратегия и методика у клиента уже существовали и страницу собирали из готовых смыслов.

Самостоятельная сборка идёт в таком порядке:

1. Выберите платформу и подключите домен.
2. Подготовьте тексты и фото заранее: сама загрузка проходит быстро.
3. Соберите страницы из шаблона и заполните их.
4. Проверьте вид на телефоне и компьютере: ошибки вёрстки на телефоне на компьютере не видны.
5. Подключите счётчик и запустите.

Хостинг при таком пути искать не нужно: как отмечает Calltouch, на конструкторе он не потребуется, сервис размещает проект сам. Если берёте хостинг отдельно, то по оценке Kokoc домен в зоне .ru стоит 199-609 рублей в год, а виртуальный хостинг 83-300 рублей в месяц.

Где собрать визитку в России?

Конструкторов много, поэтому ориентируйтесь на задачу, а цены смотрите на страницах тарифов: они меняются. Tilda подойдёт, если важны аккуратные блоки и типографика: в обзоре Calltouch отмечено больше 550 готовых блоков, которые подстраиваются под экран телефона. Mottor привлекает визуальным редактором и модулями для рассылок, чатов и платежей. Другие платформы сравниваются в нашем обзоре конструкторов сайтов.

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

Прежде чем выбирать платформу, проверьте, что она позволяет менять. Агентство Kokoc описывает проект Eurorepar, сеть автосервисов с записью на сервис прямо со страницы: сайт стоял на лёгком конструкторе Bitrix с урезанными возможностями, многие рекомендации по оптимизации внедрить не удалось, а тексты в блоках нельзя было делать длиннее 800-1000 символов.

Переезд на другую систему был невозможен, и команда работала с тем, что есть. По отчёту Kokoc об этом проекте, блог стал ключевым источником трафика: выходило по три-четыре статьи в месяц, а к каждому сервису добавили скриншоты отзывов с карт и кнопку записи. Видимость в Яндексе выросла в 3,33 раза, с 378 до 1 259 запросов в топ-10, а переходы в мессенджер увеличились с 43 до 70. Агентство рассказывает это о своём клиенте, поэтому цифры стоит читать как ориентир.

Как привести первых клиентов?

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

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

Контекст даёт тёплые обращения в первые дни. По данным Kokoc, объявления Яндекс Директа показываются на поиске и в Рекламной сети, где больше 40 000 сайтов-партнёров. Для визитки с одной-двумя услугами это быстрый способ проверить спрос.

У органики есть ограничение: малый объём текста сужает семантическое ядро, и по высокочастотным запросам визитку продвигать тяжело, признаёт Kokoc. Реалистичнее брать уточнённые запросы вроде «юрист по алиментам в Казани». Локальному бизнесу стоит зарегистрировать организацию в Яндекс Картах и 2ГИС: это бесплатный источник тёплых обращений.

Какой может быть результат, показывает ещё один пример Kokoc: визитка фармацевтической компании поднялась до первой тройки выдачи: видимость в поиске у неё стала в 10 раз больше, а более 1000 запросов попали в топ 1-3 Яндекса. Агентство рассказывает это о своём клиенте, так что цифры не обещание результата.

Начните с одного канала, который даёт первых клиентов быстрее: для визитки с понятной услугой это обычно контекст на поиске. Когда появятся обращения, поставьте счётчик и посмотрите, какие запросы приводят людей, и только потом решайте, стоит ли вкладываться в долгое SEO.

Ошибки, которые ломают визитку

Первая ошибка касается закона. Без политики конфиденциальности и согласия на обработку данных форма заявки нарушает 152-ФЗ, поэтому перед запуском согласуйте тексты с юристом. Ссылки на документы обычно выносят в подвал.

Вторая ошибка в скорости и телефоне. Многие посетители открывают ссылку с мобильного, а тяжёлая страница с огромными фото теряет их ещё до первого экрана. Для проверки ориентируйтесь на метрику LCP: она должна укладываться в 2,5 секунды.

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

Четвёртая ошибка в отсутствии измерений. Без счётчика вы не узнаете, откуда приходят звонки: код Яндекс Метрики копируют в кабинете и вставляют в настройки конструктора. Поставьте цели на клики по телефону и форме, и через месяц будет видно, что работает.

1. Проверьте тексты и контакты до публикации.
2. Подключите политику конфиденциальности и согласие на обработку данных.
3. Откройте страницу на телефоне и замерьте скорость.
4. Поставьте Метрику и цели на звонки и заявки.
5. Добавьте организацию в Яндекс Карты и 2ГИС.

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