Как сделать посадочную страницу? [17 практических советов + чек-листы]

Посадочная страница в SEO — это основная боевая единица сайта. Она добывает трафик из поиска.

Мы подготовили ultimate-гайд по созданию посадочных страниц. В него вложен практический опыт 4-ех лет разработки посадочных для разных сайтов, начиная от информационных и заканчивая интернет-магазинами.

Изучив этот гайд, вы сможете:

▫️Подобрать список ключевых фраз
▫️Провести конкурентный анализ
▫️Составите портрет идеального посетителя
▫️Определить концепцию страницы
▫️Поставить задачи разработчикам и дизайнерам
▫️Ускорить индексацию
▫️Улучшить уже существующую посадочную

А также получите:

▪️Полезные инструменты для сбора семантики, прототипирования сайтов, сбора идей
▪️Чек-листы для проверки SEO-тегов

⚡️Делитесь материалом с коллегами!

#посадочная #разработкаСайта #SEO

Как спроектировать форму заявки на лендинге

Осторожно: в некоторых сферах слишком простая форма, наоборот, может отпугнуть. Но в целом не стоит делать из формы заявки сбор полных анкетных данных — имени и телефона/email обычно достаточно.

#ХорошоПлохо #посадочная #разработкаСайта #конверсияТрафика

​Как превращать посетителей сайта в клиентов?

Форма заявки на сайте — это аппарат для трансмутаций. Попадая в него, посетитель сайта превращается в вашего клиента. И если аппарат настроен неверно, то он может превратить посетителя сайта в разъяренное чудовище или вообще заставить его исчезнуть.

В новом видео я расскажу о том, как настроить этот аппарат и отвечу на следующие вопросы:

▪️Что написать на кнопке отправки заявки?
▪️Как оформить поля для заполнения данных?
▪️Чего точно не должно быть в форме заявки?

#видео #разработкаСайта

​Как не потерять деньги на переделке сайта?

Типичная история из нашей практики

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

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

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

Вы узнаете:
▫️На какие вопросы нужно дать ответы прежде, чем приступать к разработке сайта
▫️Кого обязательно нужно привлечь к этапу проектирования
▫️Что общего у строительства дома и создания сайта
▫️7 ролей в команде разработки

Переходите смотреть видео по ссылке —>

#видео #разработкаСайта #SEO

Как спроектировать оформление заказа в корзине

Если очень нужно, можно добавить чекбокс вроде «Зарегистрироваться для следующих покупок». Но лучше объяснить, зачем — например, зарегистрированные пользователи могут отслеживать заказы и получать документы на почту.

#ХорошоПлохо #eCommerce #разработкаСайта #конверсияТрафика

​Зачем нужно проектирование сайта перед разработкой? — новое видео уже на YouTube

Представим, что вы хотите построить дом. Выбираете место и вызываете строительную бригаду. На словах объясняете рабочим, как видите свой дом и даете рисунок, который набросали. Бригада без лишних расспросов приступает к работе и за несколько месяцев воздвигает стены и крышу. Вы радуетесь готовому результату, снаружи дом выглядит классно. Рассчитываетесь с рабочими и уезжаете, чтобы собирать вещи для переезда. Через неделю вы собираетесь въезжать, приезжаете на участок и обнаруживаете что крыльцо обрушилось, а на боковой стене дома зияет трещина…

Почему так произошло?
— Не были произведены геологические исследования почвы
— Не были подготовлены проект дома и технологическая карта
— Не был заложен фундамент дома

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

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

Этого можно было бы избежать, сделав предварительное «Проектирование сайта», на котором:

— Разбираются цели и задачи сайта;
— Прорабатывается портрет целевого клиента;
— Прорабатывается презентация услуг или товаров;
— Подготавливаются прототипы и технические задания для дизайнеров и разработчиков,.

Это тот самый фундамент, который надо заложить перед разработкой.

Чтобы было наглядней в новом видео, мы смоделировали 1 год из жизни двух проектов:

1. На котором делалось предварительное проектирование
2. На котором не делалось предварительное проектирование

#видео #разработкаСайта

Дайджест материалов по тегу: «Разработка сайта»

Теги в Телеграм-канале — это средство навигации. Если нажмете на какой-нибудь тег в посте, то Телеграм сделаем поиск в рамках данного канала (не глобальный поиск по всем каналам и чатам, как в Instragram или VK). Поэтому на этом канале в постах мы ставим теги: обычно в конце сообщения, но бывают и в начале. Используйте их, чтобы находить все посты по интересующей теме.

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

Основы создания сайта/общие гайды:
▪️Видео «Как сделать продающую посадочную страницу?»
▪️Лонгрид «Как сделать посадочную страницу?»
▪️Разработки сайта — этапы и специалисты
▪️Зачем нужно проектирование сайта перед разработкой?
▪️Структура сайта для SEO-продвижения
▪️Как не надо разрабатывать сайт
▪️Почему сайт не продает?
▪️Карточки «Как повысить конверсию посадочной?»

Перед началом разработки:
▪️ Чек-лист: «Как предпринимателю подготовиться к разработке и продвижению сайта?»

Советы по отдельным элементам страницы:
▪️ Как сделать продающий первый экран сайта
▪️ Делаем правильную форму заявки (CTA) на сайте
▪️ Хорошо/Плохо: «Как спроектировать форму заявки на лендинге»
▪️ Хорошо/Плохо: «Как спроектировать оформление заказа в корзине»
▪️ Как сделать «Блок отзывов»

#навигация

​Зима близко... Поэтому самое время разобраться, как правильно оформить шапку на своем сайте.

В видео вы узнаете:
▪️ Элементы шапки для сайта услуг и интернет-магазина
▪️ Разбор мобильных версий
▪️ Разбор антипримеров

#видео #разработкаСайта

Кейс «Как мы запускали интернет-магазин товаров для электросамокатов — от идеи до первых заявок с SEO»

Продолжаем знакомить вас с проектами, которые команда кузницы реализовала в этом году.

В кейсе рассказали о разработке интернет-магазина на движке OpenCart от проектирования до индексации. История рассказана не в стиле: «А, Б, В — успех». Тут мы описали пять этапов разработки, по ходу затронув провалы и ошибки (их было немало), так как в них заключены наиболее ценные уроки.

Этапы, которые мы прошли:
➜ Подготовительный этап
➜ Проектирование
➜ Дизайн
➜ Программирование (фронтэнд и бэкэнд-разработка)
➜ Наполнение товарами и SEO

По итогу работы появился интернет-магазин, готовый для дальнейшего масштабирования и продвижения. Всего за три месяца после запуска интернет-магазин посетило 430 человек из бесплатной поисковой выдачи Яндекс и Google. Это дало поток первых заказов.

Подробнее по ссылке ➜

#кейс #разработкаСайта #SEO

Если есть только два варианта, красивенький или удобненький, лучше удобненький. ☺️

#ХорошоПлохо #разработкаСайта

​Видеозапись эфира «Алгоритм создания продающей страницы сайта»

▫️Рассмотрели 5 этапов разработки продающей посадочной страницы
▫️Разобрали 4 примера наших посадочных страниц
▫️Ответили на вопросы из зала.

Смотреть видео ➜

P.S. Завтра в 19-00 пройдет следующий эфир. Анонс темы будет в первой половине дня, так что добавляйте событие в календарь.

#эфир #разработкаСайта #видео

Правильный фокус при разработке сайта

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

Главный вопрос, который нужно задать для этого – «Что мы кладем в центр?».

Можно положить в центр маркетинговые техники, приемы, фишки: «Ребята, тут есть крутая технология AIDA для создания заголовка, давайте её используем!». Но в этом случае мы можем упустить из виду итоговую задачу. Сайт не будет продавать, хотя мы сделали все так, как говорят крутые маркетологи. Они, получается, шарлатаны?

Нет, просто в центр нужно класть «потенциального клиента и решение его проблем». Фишки и приемы безусловно нужны и работают, но без этого центра, они могут быть бесполезны.

Как только в центре оказывается «клиент», все технологии и фишки начинают фокусироваться вокруг одной общей цели «Сделать хороший сайт для потенциального клиента». Это и есть рецепт.

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

▫️Покрасим кнопочку в красный цвет, ведь красный цвет точно заставит человека кликнуть ➜ Покрасим кнопочку в красный цвет, а может и увеличим размер, ведь так она будет более заметна и клиенту не придется её искать

▫️Сделаем калькулятор потому что у конкурентов он есть, нам тоже нужно ➜ Сделаем калькулятор, потому что он важен клиенту для выбора и продумаем его так, чтобы было удобно пользоваться

▫️Сделаем оффер по системе 4U, потому что это рабочая технология, которую придумали маркетологи ➜ Сделаем оффер по системе 4U, потому что в таком виде он даст больше информации и ясности клиенту

▫️Сделаем запись на стрижку с формой в WhatsApp, потому что мне там удобнее принимать заявки ➜ Сделаем запись на стрижку с той формой, которую удобнее будет отправить клиенту

▫️Не дадим клиенту цены с сайте, потому что тогда они будут больше звонить, чтобы их узнать ➜ Дадим клиенту примерные цены, чтобы он рассчитывал свои бюджеты

▫️Напишем текст в духе «наша компания 150 лет на рынке», главное что солидно смотрится ➜ Напишем ясный текст, чтобы клиент четко понял наше предложение и у него не осталось вопросов

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

#РазработкаСайта

​Шумы и сигнал

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

— Что сейчас сказал главный герой?
— Я тоже не услышал…

Аналогичная ситуация и с рассказом о продукте: на сайте, в рекламных материалах, рассылках.

Сигнал — это суть вашего предложения. Шум — всё, что отвлекает от главного. Если шума слишком много, то сигнал будет искажен и не понятен.

К шуму на посадочной странице относится следующие элементы.

1. Непонятный язык

Профессиональная терминология,
Сложные метафоры,
Шутки, которые понятны только узкому кругу людей.

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

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

Пример

Наш клиент — маркетолог. Используем слова:

▫️Лиды
▫️Трафик
▫️CPL
▫️Рисерч

Наш клиент — предприниматель. Меняем профессиональные термины на более простые формулировки:

▫️Лиды ➜ Заявки
▫️Трафик ➜ Посетители сайта
▫️CPL ➜ Цена одной заявки
▫️Рисерч ➜ Анализ

2. Неверно расставленные акценты

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

За счёт подобных приемов суть предложения быстро улавливается.

Для примера взгляните на оформление этого поста: он разбит на небольшие абзацы, есть главный заголовок и подзаголовки. Мельком изучив его за 5-10 секунд можно понять о чем он.

3. Отсутствие визуального ряда

Хорошая презентация — не простыня текста, а визуальный рассказ, который ясно показывает ценность продукта.

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

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

4. Лишние детали

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

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

*****

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

Если нужна помощь в этом, то знаете куда писать @Webengineer

#разработкаСайта

​50% продающих свойств сайта закладывается на этапе прототипа

Главное в лендинге товара или услуги — количество и качество заявок, которое он приносит бизнесу.

Чем больше заявок, тем лучше

Сколько посетители оставляют в среднем заявок на сайте: 1 заявка на 100 посетителей, 3 на 100, 10 на 100?

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

Главное для высокой конверсии

Основа для высокого процента конверсии — сильная презентация продукта, которой характерны следующие признаки:
▫️ясные идеи;
▫️понятные тексты;
▫️акценты на главном;
▫️ориентация на конкретную целевую аудиторию;
▫️определенная последовательность блоков информации;
▫️приемы визуального повествования: схемы, таблицы, рисунки;
▫️визуализация результата с помощью кейсов, фото, видео.

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

Модный дизайн, аккуратный программный код и различные уловки вроде «через 60 минут скидка сгорает» имеют значительно меньшее влияние на решение о том, стоит ли оставлять заявку на этом сайте.

Красивый сайт и аккуратный код — это тоже важно, но они служат для решения главной цели потенциального клиента, а не являются самоцелью.

С чего начать

Создание лендинга, на котором посетители будут оставлять заявки, потому что реально заинтересованы в вашем продукте начинается с разработки прототипа.

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

Резюме

➜ Лендинг, как мастер продаж должен проявлять заботу и уважение к клиенту и великолепно знать свой продукт.

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

➜ Разработка сайта начинается с разработки прототипа.

#разработкаСайта