Основы Интернет - технологий.

В условиях пандемии и кризиса офлайн-бизнесу приходится перестраивать многие процессы и переходить в онлайн. Не у всех есть средства и ресурсы, чтобы нанять подрядчиков, которые возьмут на себя создание сайта, работу с рекламными системами и прочие маркетинговые активности. Но это не повод отказываться от идеи перехода в онлайн, ведь многие процессы можно наладить самостоятельно. Команда eLama провела вебинар, в котором Сергеей Болисов из Tilda Publishing, Никита Кравченко из eLama и Юлия Савицкая из Mailigen.ru подробно рассказали об основных этапах перехода бизнеса в онлайн. Сегодня разберем первый шаг — создание лендинга. Что такое лендинг и зачем он нужен Для начала разберемся, что такое лендинг и чем он отличается от обычного сайта. Мы каждый день заходим на десятки сайтов разных тематик. Традиционный сайт обычно решает несколько задач: Демонстрирует пользователю каталог товаров, показывает, что можно приобрести у этой организации. Решает задачи найма, если есть раздел с вакансиями. Помогает связаться с представителями компании. Лендинг — это посадочная страница — одностраничный сайт или страница большого сайта — заточенная под выполнение одного конкретного целевого действия. Задача лендинга — превратить посетителя страницы в лид. Чем может быть полезна Tilda Tilda — это популярный и простой конструктор сайтов. С его помощью можно за несколько часов (для новичка — за несколько дней) создать лендинг и протестировать гипотезу. Конструктор удобен тем, что в нем есть много шаблонов для разных задач. Чаще всего рекламодатели пользуются категориями «Магазин», «События» и «Бизнес». Каждый шаблон сверстан с учетом традиционных паттернов поведения пользователей в конкретной тематике. Есть коллекция из более 500 готовых блоков, которые можно использовать на лендинге: обложки, контакты, виджеты и т. д. Также доступен Zero блок — полноценный редактор для веб-дизайна, благодаря которому можно внутри Tilda создавать лендинги или целые сайты самостоятельно. Он позволяет создать оригинальный проект без использования шаблонов. Интеграция Tilda с различными сервисами — мессенджерами, email-сервисами — позволяет собирать данные с лендинга, на основе которых можно, например, составить список контактов для рассылки или настроить отправку заявки в CRM для дальнейшей обработки. Минусы у Tilda тоже есть: Ограниченность возможностей. Например, если вы используете CRM, у которой нет прямой интеграции с Tilda, настроить интеграцию будет довольно сложно. Шаблонность сайтов. Многие сайты, созданные в Tilda, похожи друг на друга из-за использования одних и тех же шаблонов. Однако здесь все зависит от фантазии и креативности создателя лендинга. Тарифы Tilda В конструкторе доступно несколько тарифов, выбирайте тот, который соответствует вашим потребностям. Бесплатный. Можно сделать один сайт размером до 50 страниц, на сервере доступно 50 MB. Есть доступ к базовой коллекции блоков. Рекомендуется для ознакомления с конструктором. Personal. Тариф для личного пользования и бизнеса. Включает в себя один сайт объемом до 500 страниц. Есть доступ ко всей коллекции блоков, возможность подключать собственный домен и пользоваться другими функциями (SEO, аналитика, загрузка собственных шрифтов и т. д). При оплате за год стоимость месячной оплаты — 500 рублей. При ежемесячной оплате — 750 рублей. Business. Подходит для предпринимателей, занимающихся несколькими направлениями бизнеса. С его помощью можно создать пять сайтов объемом до 500 страниц каждый. Есть возможность экспорта исходного кода. При оплате за год цена за месяц — 1000 рублей. Ежемесячная оплата — 1250 руб. Подробно о том, какие опции доступны в каждом тарифе, читайте на сайте Tilda в соответствующем разделе. Краткий чек-лист сбора лендинга на Tilda Добавить новый проект в Tilda и подключить системы аналитики. На начальном этапе можно пользоваться встроенной статистикой, которую собирает сама Tilda, но желательно также подключить Метрику или Google Analytics. Для этого нужно разрешить доступ Tilda к аккаунту в Метрике или в Google Analytics и выбрать нужный счетчик. Создать новую страницу по шаблону или с пустой страницы. При создании лендинга по шаблону нужно заменить стандартный контент шаблона на актуальный для бизнеса. Если вы работаете с пустой страницей, сконструируйте лендинг из готовых блоков. Подключить сервис приема данных. Это позволит собирать лиды в CRM. Подключить нужный приемщик данных к конкретной форме. Для одной формы можно подключить сразу несколько приемщиков. Например, данные придут в Telegram и также сохранятся в Google Таблице. Создать форму. В Tilda есть разные варианты форм (pop-up, форма с множеством полей, вшитая в страницу, форма с поэтапным заполнением). Внешний вид формы — шрифт, цвет, размер и т. д. — можно настроить. Опубликовать страницу, нажав соответствующую кнопку в верхнем правом углу. 5 факторов, влияющих на эффективность лендинга Четкое позиционирование. Чем четче вы определили целевую аудиторию и обратились к ней на лендинге, тем выше эффективность: посетитель сайта будет напрямую ассоциировать себя с предложением на лендинге. В подавляющем большинстве тематик бизнеса аудитория делится на несколько сегментов. Поскольку у представителей каждого из них разные потребности, для них нужно создавать разные офферы. В идеале под каждое конкретное предложение можно сделать отдельный лендинг. Конкретное и понятное предложение. Оффер должен быть четким и понятным, как на примере ниже, где указаны условия, суть акции и выгода для покупателя. Не используйте завуалированные и непонятные, пространные фразы. Правильный первый экран. С первого экрана важно объяснить пользователю, зачем вы направили его сюда и что предлагаете. Если он этого не поймет, то, скорее всего, уйдет. У первого экрана есть три задачи: заинтересовать посетителя и мотивировать пролистать дальше; объяснить, что вы предлагаете и какую проблему решает продукт; ; погрузить пользователя в тему с помощью визуала и текста. Фокус на целевом действии. Задача лендинга — превратить пользователя в лид. Не забывайте о правиле «Один лендинг — одно целевое действие». На этом действие должны фокусироваться все элементы лендинга: иллюстрации, текст, верстка. Визуальная иерархия. Иерархия позволяет равномерно распределить внимание пользователя от главного к второстепенному. Правильной иерархии можно добиться с помощью разных визуальных эффектов. Вот пример лендинга, где иерархия обозначается с помощью шрифта и размера букв. Основная идея — диетология под ключ — выделена крупным шрифтом. Кнопка призыва к действию и стикер с указанием аудитории — второстепенные, тонкий шрифт и буквы меньшего размера. Остальные текстовые элементы третьестепенные, поэтому они еще менее заметны. Благодаря иерархии вы можете направить пользователя по тому сценарию, который вам выгоден. Читайте по теме: Как создать идеальный лендинг: структура, контент и изображения 7 правил для посадочной страницы 15 вопросов, на которые нужно ответить при создании посадочной страницы Эффективность посадочных страниц: 22 способа сделать конверсию выше Основные ошибки новичков Вот три ошибки, которые чаще всего совершают новички: Не думать об аналитике. Часто новички не подключают системы аналитики — Метрику или Google Analytics — и не могут отслеживать показатели эффективности страницы. Начинайте анализировать результаты сразу же после создания лендинга и вовремя вносите доработки. Забыть о мобильных. Все стандартные блоки в Tilda обычно хорошо выглядят на мобильных устройствах, но это не значит, что вам не нужно самостоятельно проверить внешний вид лендинга со смартфона или планшета. Зайдите на страницу с мобильного устройства и убедитесь, что все блоки отображаются корректно. Не оптимизировать лендинг для соцсетей и поисковиков. Для страницы можно настроить сниппет — карточку, которая будет подгружаться, если кто-то опубликует ссылку на лендинг в Facebook или в других соцсетях. Там же можно прописать все необходимые теги для страницы: заголовок, описание, ключевые слова — элементы необходимые для оптимизации сайта для поисковых систем Яндекса и Google. В следующих частях вы узнаете про оперативный запуск рекламы и сбор лидов на посадочной странице через формы. Следите за публикациями!