Landing Page: характеристики и особенности создания

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

Для чего нужен лендинг

Лендинг может пригодиться во многих случаях. Например:

• Если нет базового сайта. К примеру, вы – отличный дизайнер аксессуаров и работаете на заказ. Яркий лендинг поможет привлечь потенциальных покупателей;
• Ели решено создать собственное крупное дело. Такая продающая страница поможет вам удостовериться, что людей интересует либо не интересует ваш товар или услуга;
• Для продажи услуг и товаров. Но это срабатывает только в том случае, если категорий не так уж много. Если их больше десятка, тогда будет правильнее озадачиться созданием полного сайта;
• Для сбора лидов. Им можно посылать рекламные сообщения и письма, делать дополнительные предложения;
• Чтобы делать рекламу. Если есть базовый сайт, лендинг пейдж станет прекрасным помощником, когда нужно сконцентрировать внимание пользователей на конкретном событии.

Как должен выглядеть правильный Landing page

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

Часто можно наблюдать, что после заголовка размещается масштабное описание или информация о товаре либо услуге почти на всю страницу. И это основная ошибка. Смысл лендинга – в привлечении внимания и конкретике. Лучше добавить на страницу больше инфографики, чем текста.

Стадии построения лендинга

Разработка такого сайта, даже невзирая на единственную страничку – дело не на пять минут. Как, впрочем, и обычное создание сайта. Лендинг создается по следующему алгоритму:

• Анализ конкуренции в избранной нише. Можно просмотреть аналоги и сделать собственное предложение более уникальным.
• Проверка потенциальных покупателей. Чего желает ваша аудитория? Осталось лишь узнать и предложить им это.
• Создание описания. Как уже упоминалось, текст должен быть завлекающим, но кратким. Поскольку, как показала практика, большие тексты людям читать лень и большую часть они пропускают, либо разу закрывают страницу.
• Оформление страницы. Здесь есть где разгуляться. Можно вставить много фотографий, видеороликов – всего, что так или иначе связано с вашим товаром или услугой. Добавить отзывов реальных покупателей.
• Реклама. Нужна, чтоб привлечь побольше пользователей.

Побольше конкретики и креатива – и дело в шляпе!

для чего делать одностраничные сайты

В 2019 году наличием сайта никого не удивишь: сейчас сайты есть у всех – от мелких собственников до религиозных организаций. Но что же такое landing page по факту?

Давайте подробно рассмотрим это понятие, разберемся, зачем нужен landing page, и сравним, как изменились основные принципы разработки эффективного лендинга с 2016 года.

 Лендинг : понятие и основные характеристики

Landing Page (дословно «посадочная страница») — это одностраничный сайт, который создается для того, чтобы побудить пользователя сделать конкретное целевое действие: совершить звонок, оставить заявку, перейти по ссылке, заполнить форму и пр. Лендинги очень удобны при проведении различных рекламных кампаний – начиная от обычных e-mail рассылок и до запуска медийной рекламы на крупных новостных СМИ.

Существует несколько признаков лендинга:

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

Все это позволяет пользователям лендинга быть более сосредоточенными на требуемом действии, что без сомнений повысит конверсию на 10-30%. Лэндинг влияет на эффективность сайта, с которым он связан.

Посредством лендинга можно продвигать практически все, что угодно. Но существуют ситуации, когда специалисты настоятельно рекомендуют создать landing page.

Вот некоторые из них.

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

Как создать лендинг?

• Сделать самому. Но лендинг – это не та ситуация, когда «хочешь сделать хорошо, сделай сам». Единственный выход в этой ситуации — воспользоваться специальным конструктором сайтов, который сгенерирует лендинг по предложенному шаблону за несколько часов. Но такой лендинг не будет отличаться оригинальностью и функциональностью.
• Заказать сайт у фрилансера. Основное преимущество фриланса – это относительная дешевизна. О качестве и скорости работы стоит задуматься, поскольку далеко не все фрилансеры обладают нужной квалификацией и знаниями. И, конечно, отсутствие какой-либо ответственности за дальнейшую работу сайта.
• Заказать разработку лендинга в веб-агентстве. Обойдется услуга дороже, на разработку уйдет больше времени, но качество лендинга будет высоким. Созданный профессионалами сайт с учетом всех нюансов и «подводных камней» даст гарантии и примерные прогнозы будущих продаж.

 Формула AIDA  на лендинге

Для определения очередности выстраивания секций стоит использовать технику успешных продаж AIDA.

Attention — внимание.

Внимание пользователя захватывает заголовок. Как правило, от него зависит, посмотрят ли ваш лендинг пользователи.

Interest — интерес.

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

Desire — желание.

Далее стоит максимально показать достоинства продукта/услуги.

Action — действие.

Самый важный этап. Здесь пользователь решает, оставлять ли ему заявку.

Формула AIDA  – не волшебная таблетка или «генератор продаж», как любят выражаться многие копирайтеры. Но она может помочь продемонстрировать выгоды продукта четко, быстро и эффективно.

Принципы разработки эффективного лендинга: 2016 vs 2019

2016

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

2019

• Акцент на лица. Лица людей вызывают доверие у посетителей сайта. 
• Работа над текстом. Из текстового наполнения лендинга стоит исключить жаргоны, профессионализмы, редкие и сложные слова.
• Доверие и трастовость лендинга. Грамотно расписанная целевая страница, анализ аудитории и нестандартные идеи — основа создания эффективного лендинга.

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

 

 

 

18.12.2018

Что такое посадочная страница Landing Page — основные характеристики и свойства | Центр Компьютерного Обучения

Курсы по web-дизайну в Москве

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

Все зависит лишь от того, насколько умело и качественно будет выполнена «посадка», как называют ее люди, занимающиеся SEO-продвижением. «Посадка» должна быть самодостаточной, внушать пользователю доверие и непреодолимое желание воспользоваться предлагаемыми услугами, испробовать выгодное предложение.

Если от человека требуется лишь ввести свое имя и адрес электронной почты, чтобы ему пришел, скажем, купон на скидку в респектабельном Интернет-магазине – он не станет долго раздумывать. Один вдохновленный клик – у вас новый клиент!

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

Некоторые сайты отталкивают посетителя уже в момент «посадки», например, кучей выскакивающей рекламы, баннеров и супер-предложений, как консультанты магазинов бытовой техники, облепившие вошедшего покупателя, раздражают его. Чтобы избежать такой убийственной ошибки, необходимо иметь определенный объем знаний. Посадочная страница: что это? И для чего она нужна? Подробнее мы рассмотрим эту тему далее в статье.

Удачной посадки!

Имейте в виду, что из 100% пользователей, волею судеб, оказавшихся на вашей посадочной странице, лишь 5-8% выполнят на ней какое-либо выгодное вам действие, которого вы, собственно, этой самой «посадкой» и добивались. Ничего не поделаешь, такова статистика. Неужели пользователи всемирной паутины настолько привередливы? Или все-таки оптимизации посадочных страниц уделяется недостаточное внимание? Давайте же поломаем статистику!

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

Меньше текста

Большая часть сетевого контингента предпочитает воспринимать информацию в картинках и фотографиях. Так называемое клиповое мышление обусловило неприятие пользователями длинных текстовых материалов. Среди подростков даже появился красноречивый комментарий: «Много букаф» (читай, букв). Он означает нежелание субъекта читать до конца предоставленный текст по причине больших объемов последнего. Хотя и «клиповость» мышления – большая проблема нынешнего поколения, этот фактор все же необходимо учитывать.

Меньше раздражителей

Перегруженная анимацией и прочими яркими элементами посадочная страница может отпугнуть пользователя и подорвать репутацию компании. Наличие «сочных» пятен приветствуется, но они должны дополнять дизайн страницы, а не составлять его.

Внушительный призыв к действию

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

Заставьте доверять себе

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

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

Будьте честны со своими клиентами

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

Дайте понять, чего вы ждете

Если вам необходимы зарегистрированные пользователи, разместите на самом видном месте кнопку «Регистрация». Если нужно увеличить продажи – «Купить». Все, что вторично, должно оставаться в тени. Не оставляйте пользователю выбора в хорошем смысле этого слова!

Освойте новую профессию веб-дизайнера пройдя наш курс web-дизайн для начинающих, создание сайта с нуля, и научись создавать как многостраничные сайты, ьак и одностраничники, посадочные страницы – Landing Page

Битрикс — ROMZA: Landing Page для Старт

Обсуждения (19)

Обсуждения (19 )

Установка

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

1. Нажмите кнопку «Установить» в карточке решения, укажите адрес вашего сайта.
2. После загрузки запустите мастер установки «Продающий лендинг программного обеспечения» из раздела: Настройки > Настройки продукта > Список мастеров.
Следуйте инструкциям.

Внимание! Типовое решение устанавливается только на ПО «1С-Битрикс:Управление сайтом» с активной возможностью получения обновлений и технической поддержки.

Поддержка

Ответы на часто задаваемые вопросы: FAQ по решениям…

По вопросам установки и настройки типового решения, пожалуйста, пишите в нашу техническую поддержку:
http://portal.yenisite.ru/support/
(необходимо зарегистрироваться)

Режим работы: 9:00 — 18:00 по московскому времени.
Время реакции на обращение – 24 часов.
Выходные дни: суббота и воскресение.

При создании обращения, пожалуйста, сразу предоставьте нам:

1. Административный доступ на сайт.
сайт:
логин:
пароль:

2. FTP аккаунт с правами на чтение/запись всех папок и файлов сайта (включая ядро).

хост:
логин:
пароль:

Если с этим пунктом проблема, то предоставьте доступ к панели управления хостинг-аккаунтом.
панель хостера:
логин:
пароль:

3. Хостинг должен удовлетворять минимальным техническим требованиям ПО 1С-Битрикс, то есть скрипт:
http://www.1c-bitrix.ru/download/files/scripts/bitrix_server_test.php
и в административной панели:
http://ваш_сайт.ру/bitrix/admin/site_checker.php?lang=ru
и
http://ваш_сайт.ру/bitrix/admin/perfmon_panel.php?lang=ru
не должны показывать ошибок.
Важно! Для нормальной скорости работы сайта производительность веб-сервера должна быть НЕ ниже эталонных 30!

ТП по гарантии оказывается в течении 12 месяцев со дня приобретения типового решения.

Через 1 год использования решения Вы можете за 50% от стоимости решения приобрести возможность получать техническую поддержку и новые версии модуля в течении еще одного года. Покупка осуществляется из панели управления Вашего сайта:
Рабочий стол -> Marketplace -> Установленные решения.
Скриншот: https://s.mail.ru/AsDm/D7Av82v46
Там же указываются сроки получения обновлений.

Дизайн Landing page | HiSEO

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

Дизайн landing page – это художественная реализация прототипа с соблюдением заложенной логики и функциональности. Его результат – макет с демонстрацией того, как будет выглядеть web-ресурс на экране смартфона, планшета или компьютера.

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

Какие вопросы вы решаете на этапе дизайна:

• выбираете концепцию визуального восприятия;
• получаете полное соответствие фирменному стилю;
• определяете «внешний вид» landing page.

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

Выделяется два ключевых этапа дизайна.

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

Какие преимущества вы получаете на этапе дизайна

• Понимание как все будет выглядеть на экранах устройств.
• Дополнительную проверку на соответствие ожиданиям.
• Способ подтвердить правильность выбранной стратегии. 
• Отчет для руководства о ходе работ.
• Соблюдение выделенного бюджета.

В чем особенности подхода HiSEO к созданию дизайна посадочной страницы

Адаптация к задачам web-проекта

Любой элемент дизайна нацелен на общий успех проекта. Поэтому мы всегда объясняем, как выбранный шрифт, цветовая гамма и другие детали помогут вашим клиентам совершать целевые действия.

Перфекционизм

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

Современный арсенал технических средств

В штате HiSEO работают дизайнеры с опытом UI/UX, навыками работы с 3D, анимацией и другими инструментами, которые могут потребоваться для запуска landing page

Приоритет функциональности

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

Согласование программиста

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

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

Ответы на вопросы:

А если мне не понравились 2 предложенные концепции?

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

Чем регулируется создание дизайна?

Работа по созданию дизайна является частью работы по созданию web-проекта и регулируется общим договором.

Входят ли правки в стоимость?

Да, в стоимость входят небольшие правки, которые не меняют сути предложенной идеи. Например, размер кнопок или шрифта.

Какой порядок оплаты услуги дизайна?

Работа дизайнера состоит из двух этапов: подготовка концепции и подготовка макета. Стоимость дизайна определяется до начала работ и фиксируется в договоре.

Поэтапно оплата выглядит следующим образом.

• До начала работы дизайнера уплачивается аванс – 50% стоимости.
• После окончания первого этапа вы получаете результат в виде презентации двух концепций. Вы письменно согласовываете и выбираете одну из них.
• На основании выбранной идеи разрабатывается дизайн каждого элемента и страницы, предусмотренной прототипом. По итогу работы вы получаете электронные и печатные версии файлов макета дизайна сайта. После согласования оплачиваете оставшиеся 50% стоимости.  

MMP Group — Наши работы

Цель:

Главная цель – разработка Landing Page для продвижения новых батончиков премиум сегмента и выстраивание продажи их через Интернет. Заказчику нужно увеличивать охват целевой аудитории. Первый инструмент для этого стал сайт, информирующий о вкусах, составе и грамотно поясняющий пользу товара. Одновременно должен был отвечать современным требованиям веб-дизайна и верстки, подчеркнуть положительный имидж и увеличивать доверие к новому бренду.

Ссылка на сайт: rolipoli.ru

Что сделано:

Мы добились:

• батончики описываются вкусно с акцентом на их полезность и натуральность;

• получился мини интернет-магазин, есть все для оформления покупки: описание продукции, ее характеристики, кнопка с выбором количества, инфо о способах оплаты и доставки;

• подключен эквайринг «Альфа-Банка» для оплаты заказа банковскими картами сразу при оформлении заказа на сайте;

• дизайн гармонично объединен с дизайном упаковки RoliPoli;

• адаптивная верстка делает удобным просмотр сайта с любых устройств;

• сайт реализован на CMS WordPress, что дает возможность заказчику редактировать контент на сайте своими руками;

• реализован функционал создания разных промо-кодов с различной скидкой, что позволяет отслеживать эффективность промо-акций на мероприятиях и стимулировать новых покупателей.

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

Что такое pre-land и зачем он нужен?

Landing page

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

Что такое pre-land и зачем он нужен

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

Чтобы понять, зачем нужен Pre Landing и как с ним работать, достаточно одного факта — он способен увеличить конверсию на 100-200%.

Преленд создается по следующей схеме:

• обозначение проблемы;
• предложение её решения при помощи представленного продукта;
• демонстрация результатов его использования;
• отзывы пользователей.

Данная структура позволяет понять, зачем нужен Pre Landing и как с ним работать, он обозначает проблему и предлагает её решение. Pre Landing дают потенциальному покупателю нужную информацию — обеспечивает лендингу качественный трафик заинтересованных в продукте посетителей. Созданный по этой схеме преленд эффективно отсеивают нецелевую аудиторию, и оказывает огромное влияние на конверсию. Если вас интересует, как создавать преленд или нужно заказать создания сайта любой сложности, обращайтесь к специалистам компании Nomax.

Каким должен быть продающий преленд

Отвечая на вопрос: «PreLandinghowtomakethem?», нужно понимать, что продающий преленд обладает следующим характеристиками:

• побуждает пользователя к конкретному действию;
• содержит небольшое количество шагов до совершения конверсионного действия — как правило, 3-5;
• цепляет взгляд — вызывая желание кликнуть по нему, чтобы добраться до оффера;
• прорисован в одном стиле с самим оффером;
• быстро загружается.

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

По данным исследований, в прелендах лучше всего вызывают доверие:

• форма личного блога или форума;
• иконки соцсетей, лайки, репосты:
• реалистичные фотографии;
• мнение экспертов.

Текст pre-land должен не вызывать ощущения, что перед пользователем реклама, быть написан простым языком — легко читаться. Лучший вариант — придумать историю, вызывающую ответные эмоции у пользователей и вокруг неё построить преленд.

Как создавать преленд

Некоторые владельцы лендингов могут использовать Pre Landing, который есть у крупных рекламодателей — просто взяв их вариант. Но иногда случается, что рекламных материалов для оффера нет или существующие преленды почему-то не подходят.

Создать сайт-прокладку можно самому, воспользовавшись:

• веб-редакторами — к примеру, можно использовать Web Builder;
• конструкторами сайтов — например, platformalp.ru;
• отредактировав готовый преленд по своему желанию с помощью парсера сайтов.

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

Подробное руководство по созданию лучших изображений для целевых страниц

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

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

1) Поиск бесплатных изображений

Конечно, первое, что вам нужно, это изображения.Вы можете приобрести их в многочисленных онлайн-фотоагентствах или, что еще лучше, HubSpot предлагает множество бесплатных стоковых фотографий для целевых страниц.

Как только вы найдете идеальную фотографию для своей целевой страницы, самое время оптимизировать ее для Интернета.

2) Эффекты изображения

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

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

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

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

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

Изменяя теплоту и фокус, вы можете получить очень хорошие эффекты, если хотите создать красивое фоновое изображение:

3) Изображения и производительность страницы

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

Вы можете протестировать все уже существующие целевые страницы (и все изображения на этих страницах) с помощью бесплатного инструмента Google PageSpeed ​​Insights.

Это легко сделать, просто введите URL своей целевой страницы и введите:

Для ваших новых изображений вы всегда должны помнить о производительности страницы при создании изображения.

4) Определение размеров изображения

Самая большая проблема с производительностью страницы — это размеры изображения.Многие люди загружают очень большое изображение (например, 2000 на 2000 пикселей) и используют HTML, чтобы «уменьшить» изображение до 200×200 пикселей. Проблема в том, что браузер по-прежнему загружает изображение размером 2000×2000 пикселей, то есть загружает в 10 раз больше, чем нужно.

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

Помните: большинство веб-сайтов имеют ширину всего 900–1200 пикселей на рабочем столе, поэтому вы вряд ли захотите видеть размеры изображения в диапазоне 1000+.

5) Изменение размера изображения целевой страницы

Существует множество инструментов для этого как в автономном, так и в автономном режиме. Один из наших фаворитов, когда мы не используем редактор HubSpot, — это бесплатный онлайн-редактор фотографий от Pixlr.com

.

Сначала откройте файл изображения или URL-адрес, используя меню «Файл» в верхней части экрана. Затем нажмите «Изображение» в верхнем меню и выберите «Размер изображения».

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

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

6) Размер изображения для социальных сетей

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

Каждая социальная сеть имеет свои стандарты размеров изображений.

• Facebook рекомендует изображения размером не менее 600 x 315 пикселей
• Twitter рекомендует только изображение размером более 60 x 60 пикселей
• Изображения LinkedIn должны быть меньше или равны 180 x 110 пикселей.

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

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

7) Сжать изображения

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

Я предпочитаю tinypng.com для сжатия изображений. Его результаты надежны и, несмотря на название, он сжимает как .jpg, так и.png файлы.

Просто перетащите файлы на страницу, и программа сразу же их сожмет.

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

Теперь вы можете загружать свои изображения на свой сайт!

8) Установите настройки изображения

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

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

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

При написании тегов alt помните следующее:

• Убедитесь, что описание связано с изображением.Не заполняйте замещающий текст нерелевантными ключевыми словами.
• Хотя официального ограничения на количество слов, добавляемых в замещающий текст, не существует, лучше сделать его кратким. В этом сообщении в блоге Hobo Internet Marketing говорится, что поисковые системы перестают читать замещающий текст после 16 слов. На самом деле, для описания многих изображений потребуется менее 10 слов.

Заключение

Готово! У вас должно быть хорошо продуманное и оптимизированное изображение целевой страницы, которое поможет ускорить конверсию.

7 типов посадочных страниц

Хотите узнать, насколько эффективны ваши целевые страницы? Запустите свою страницу с помощью анализатора целевой страницы, чтобы получить настраиваемый отчет уже сегодня. Серьезно. Я хотел использовать иллюстрацию из 7 типов целевой страницы, но 4 смурфа в шортах разного цвета — это все, что я смог придумать в кратчайшие сроки.

Не все целевые страницы одинаковы; по замыслу или намерениям. В сегодняшнем посте я расскажу вам о 7 различных типах целевой страницы.

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

Это третий день из серии «7 дней к лучшей целевой странице».

Что такое целевая страница? — Краткий обзор

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

• Результат поисковой системы (например, Google)
• Баннерная реклама
• Объявление Google AdWords или AdSense
• A ссылка в электронном письме
• Печатная реклама
• Телереклама

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

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

Есть 3 основные категории целевых страниц:

1. Автономные целевые страницы: К ним относятся; Переход по ссылкам, захват потенциальных клиентов (создание потенциальных клиентов или сжатая страница), рекламные ролики и вирусные целевые страницы.
2. Микросайты: Небольшой многостраничный веб-сайт (или сайтлет), обычно создаваемый как дополнение к основному веб-сайту.
3. Внутренние целевые страницы веб-сайта: Домашние страницы и страницы с описанием продуктов.

---

7 типов посадочных страниц (в форме смурфов)

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

1. Переход по целевым страницам (Quickie Smurf)

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

Quickie Smurf на самом деле не заботится о ваших потребностях, его интересует только убедиться, что вы знакомы с предлагаемым предложением, прежде чем передать вас на кассу. Он будет использовать быстрые маркеры, чтобы объяснить преимущества, большой знак, чтобы показать предложение (скидка 50%!), А затем он подтолкнет вас к большой блестящей кнопке, которая перенесет вас в Accounting Smurf на главном веб-сайте.

Пример целевых страниц с переходом по ссылке

---

2. Целевые страницы для захвата лидов (Hungry Smurf)

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

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

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

Пример целевой страницы захвата лида

---

3.Информационные целевые страницы (Sham Wow Smurf)

Как следует из названия, эти целевые страницы являются рекламными роликами мира онлайн-маркетинга. Обычно в длину около 50 футов (много прокрутки), они работают с использованием того же возбудимого языка, который вы видели в рекламных роликах Sham Wow по телевизору. По мере того, как пользователь читает дальше по странице, он все глубже погружается в коммерческое сообщение, и из-за количества усилий, затрачиваемых на это чтение, они прививают определенную приверженность, которая заставляет их читать.

Это как плавание через океан. Как только вы пересечете 51% пути, нет смысла возвращаться назад.

К тому времени, когда вы прочитаете 2 абзаца текста и 15 пунктов маркированного списка, вы, вероятно, сомневаетесь в подлинности предложения, но это ТАК хорошо, что вы не можете не надеяться, что оно реально. Sham Wow Smurf прямо здесь, предлагая вам ограниченное по времени предложение 2 к 1. Купите сейчас, пока не закончатся запасы. Он даже попытается убедить вас, что Extenz действительно делает вас больше.

Продукты Sham Wow Smurf недоступны в магазинах.

---

4. Вирусные целевые страницы (Network Smurf)

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

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

1. Отличное содержание: Как бы вы ни старались, ваша работа никогда не станет вирусной, если она Хромой. Как и его реальный аналог — медицинский вирус — он не будет распространяться так сильно, если инфицированный человек не обладает достаточным влиянием, интересом или мобильностью для взаимодействия с другими людьми. Компании, слепо гоняющиеся за собственным вирусным моментом, часто просто прыгают на подножку модных словечек.Вы можете предпринять шаги, чтобы активировал вирусный процесс , но, в конце концов, ваша страница должна быть действительно крутой и актуальной, чтобы иметь шанс.
2. Активаторы общего доступа: Поистине отличный контент технически не нуждается в активаторах , так как люди просто скопируют и вставят URL-адрес в электронное письмо или MSN-мессенджер. Но вы можете повысить свои шансы на успех, включив простые инструменты социальных сетей. Хорошим примером является кнопка Twitter Re-Tweet, которую вы увидите вверху и внизу этого сообщения.Это имеет двойное преимущество: упрощает совместное использование, а также увеличивает воспринимаемую ценность человека, который делится им, особенно если он одним из первых сделал это.

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

---

5. Микросайты (Independent Smurf)

Микросайт — это небольшой, но полноценный дополнительный веб-сайт, используемый для довольно крупных кампаний.Обычно у них есть собственный тщеславный URL, связанный со сроками и актуальностью кампании. Несмотря на то, что это более чем одна страница, она по-прежнему классифицируется как целевая страница, так как это место назначения, куда клиенты обращаются за счет платной онлайн-рекламы, а также рекламы в печати и на телевидении.

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

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

Независимый Смурф — немного сноб. У него большой дом и куча денег, и ему не нужно ничего из «корпоративного».Он думает, что вполне самодостаточен и может устроить у себя вечеринку со всеми необходимыми развлечениями.

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

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

Примеры микросайтов

---

6. Целевые страницы с описанием продукта (всезнайка Smurf)

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

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

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

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

---

7. Домашняя страница как целевая страница (Смурф от синдрома дефицита внимания)

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

Почему это плохо? Потому что слишком много отвлекающих факторов. Основная предпосылка успешной целевой страницы состоит в том, что у нее есть единственная конкретная цель. Целенаправленная целевая страница позволяет вам измерить эффективность вашей кампании от начала до конца — и настроить рекламный текст, предложение и обмен сообщениями, пока вы не увидите оптимальные результаты. Как? Что ж, если никто не заходит на вашу целевую страницу, баннеры и объявления Google AdWords не выполняют свою работу. Если они попадают на целевую страницу, но не конвертируются, ваша целевая страница не оптимизирована.

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

Отправка ваших потенциальных клиентов из платного поиска на главную страницу сродни запросу

ADD Smurf не может работать даже при слишком большом выборе.Ему нужен тонкий длинный коридор с большой красной дверью в конце.

Рекламируйте 42-дюймовый телевизор с плоским экраном, затем бросьте ADD Smurf в центр Sony Store, и вы быстро обнаружите, что он сидит на удобном диване и смотрит «Звездные войны» на 120-дюймовом ЖК-экране с массивными беспроводными динамиками объемного звука.

Наслаждаясь этим возвышенным (но неправильным) опытом в течение 5 минут, он встает, не понимая, почему он вообще в магазине, и выходит за дверь.

---

Какой тип целевой страницы лучше всего?

Это действительно зависит от целей вашей кампании, но в целом более сфокусированная целевая страница будет лучше конвертироваться.Считается, что использование отдельной целевой страницы по сравнению с отправкой посетителей на вашу домашнюю страницу повышает коэффициент конверсии примерно на 25% (источник Omniture).

Еще одно важное соображение — оптимизация целевой страницы . Выполняя простое A / B-тестирование своих целевых страниц, вы можете повысить их коэффициент конверсии с 2X до 10X. Довольно часто бывает труднее получить одобрение изменений, когда они находятся на вашем корпоративном веб-сайте. Это может быть связано с техническими ограничениями ресурсов или инфраструктурными ограничениями, которые затрудняют реализацию среды тестирования.

Отдельные страницы могут частично решить эту проблему. Они могут находиться за пределами основной структуры веб-сайта, и, поскольку они не связаны с внутренними ссылками (вы попадаете на них только из рекламы), меньше шансов на политическое сопротивление частым изменениям.

Если вы не используете отдельные целевые страницы, вам следует попробовать создать быстрый шаблон страницы для своей следующей кампании PPC (для справки, попробуйте выполнить наше упражнение «Как создать дизайн целевой страницы за 10 минут»). Настройте 2 одинаковых объявления и направьте 50% трафика на целевую страницу и 50% на домашнюю страницу, чтобы узнать, какое из них наиболее эффективно.

В завтрашнем посте мы более подробно рассмотрим целевые страницы Lead Capture, где обсудим 7 вещей, которые вы можете передать потенциальному клиенту в обмен на его личную информацию.

Какой тип целевой страницы был для вас наиболее успешным?

Расскажите мне о своем опыте (в комментариях ниже) использования различных типов и полученных результатах.

— Оли Гарднер

Лучшие практики дизайна посадочных страниц

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

Увеличьте количество конверсий.

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

Вопрос в том, не слишком ли много для одной страницы?

Абсолютно нет.

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

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

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

целевых страниц после клика должны направлять посетителей к одному действию.

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

Однако все целевые страницы после клика должны иметь только одну цель конверсии.

Почему целевые страницы после клика должны иметь единую цель

Основным фактором, отделяющим целевую страницу после клика от вашей домашней страницы, является сингулярность.

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

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

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

И наоборот, эта выделенная страница с гораздо большей вероятностью приведет к конверсиям:

Если вы хотите продемонстрировать программное обеспечение Kissmetrics, какая страница, по вашему мнению, лучше всего подходит для увеличения числа регистраций?

Да, второй.

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

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

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

Это также известно как психология обращения.

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

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

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

Что должно делать ваша целевая страница после клика?

Убедите посетителей достаточно, чтобы они совершили конверсию в вашей форме.

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

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

• Заголовок должен включать ваш UVP, чтобы посетители точно знали, как вы собираетесь решить их проблему.
• Изображение должно быть актуальным и сопереживающим, чтобы объяснять, что делает ваш продукт, а также эмоционально связывать с вашими посетителями.
• Ваш экземпляр должен подробно объяснять ваши предложения, преимущества и особенности.
• Индикаторы доверия, такие как значки клиентов, значки доверия, ссылка на политику конфиденциальности и отзывы клиентов, помогают вселить уверенность в конверсию в вашей форме.
• В форме сбора потенциальных клиентов не следует просить посетителей предоставлять информацию, которая не является необходимой для предложения. Кроме того, поля формы должны быть правильно расположены.
• Ваша кнопка CTA должна четко представлять ценность. Он должен вызывать чувство срочности, быть оформлен в контрастном цвете и написан с использованием персонализированной копии.

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

1. Принципы воздействия
2. Когнитивные искажения

6 принципов влияния Чалдини

Теория влияния

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

1.Принцип симпатии

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

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

Чтобы продемонстрировать, когда Signal v.Компания Noise протестировала «человеческую» страницу по сравнению с исходным дизайном, и они увидели увеличение конверсии на 102,5%:

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

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

2.Принцип взаимности

Людям нравится делать что-то для других, которые делают что-то для них. Итак, если вы ожидаете, что посетители подпишутся на вашу услугу только потому, что вы сказали им, насколько она хороша, ждите долго.

Хотите информацию о ваших посетителях? Предложите им что-нибудь взамен — для этого и создается типичная сжатая страница.

На странице

Copy Hackers посетителей просят ввести свой адрес электронной почты в обмен на код купона со 100% скидкой на одну из их оригинальных книг:

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

Если вы хотите увеличить количество подписчиков на вашу услугу, попробуйте сначала предложить им бесплатную пробную версию — это то, что делает Autopilot на своей целевой странице после клика:

3. Принцип социального доказательства

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

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

4. Принцип согласованности

Нам нравятся люди, которые выполняют взятые на себя обязательства. Другими словами, люди ценят людей, которые остаются верными своему слову.

Вы можете применить этот принцип к выделенным страницам, установив соответствие сообщения между объявлением и самой целевой страницей после клика.

Это реклама Facebook для руководства Vidyard по персонализации вашего маркетинга с помощью видео:

Это целевая страница после клика, связанная с объявлением:

Страница и объявление имеют отличное сообщение, потому что:

• Заголовки объявления и страницы содержат одно и то же сообщение.
• Изображение в объявлении соответствует изображению на странице.
• Цвет кнопки CTA одинаков как на целевой странице объявления, так и на целевой странице после клика.

Чтобы повысить коэффициент конверсии, поддерживайте постоянный путь посетителей, убедившись, что сообщение совпадает между вашим объявлением и целевой страницей после клика.

5. Принцип авторитета

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

Crazy Egg следует этому принципу на своей целевой странице после клика:

Авторитетность целевых страниц после клика может быть продемонстрирована путем включения отзывов от влиятельных людей в вашей отрасли. Хотя приведенный ниже пример взят с домашней страницы Backlinko, которая включает панели навигации и полный нижний колонтитул, он демонстрирует, что отзывы от влиятельных лиц (таких как Нил Патель) помогают укрепить доверие:

6.Принцип дефицита

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

Вы можете сделать свое предложение более привлекательным, поставив на него часы (таймер обратного отсчета целевой страницы после щелчка сделает свое дело).

Вот как Instapage использует таймер обратного отсчета, чтобы стимулировать регистрацию на веб-семинары:

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

Это то, что делает целевая страница Animoto после клика:

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

Merlin’s Pest Control делает с их копией кнопки CTA:

Копия кнопки CTA делает предложение срочным.

Вот инфографика, которая суммирует принципы влияния Чалдини.

Когнитивные предубеждения

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

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

Эффект фон Ресторфа

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

Это то, что делает целевая страница после клика AWeber:

Зеленый цвет выделяется на сером фоне, заставляя посетителей запоминать кнопку перед тем, как покинуть страницу.

The Deictic Gaze

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

Postcard Mania использует указатель направления, чтобы указать на кнопку CTA, привлекая больше внимания посетителей к «приступить к работе»:

Эффект превосходства изображения

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

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

Целевая страница после клика HubSpot не только демонстрирует преимущества сервиса с помощью копии, но также использует скриншоты панели инструментов вместе с копией. Это дает их посетителям оптимальные впечатления от просмотра:

Эффект фокусировки

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

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

Это то, что Avast делает со своей целевой страницей после клика, добавляя их UVP в заголовок:

Конечно, на странице упоминаются и другие преимущества:

Но, сосредотачивая внимание на своей UVP в заголовке, они позволяют своим посетителям закрепиться и сосредоточиться на этом конкретном преимуществе.

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

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

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

F-образный узор

F-шаблон (он же «быстрый» шаблон) назван из-за направления, в котором движется глаз пользователя при сканировании страницы, которое выглядит примерно так:

Исследование с отслеживанием взглядов, проведенное Nielson Norman Group с участием 232 пользователей, показало, что основное поведение участников при чтении оставалось довольно постоянным на разных веб-сайтах.Этот метод чтения напоминал букву F и имел следующие компоненты:

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

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

Что это означает для вашей целевой страницы после клика

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

F-шаблон подходит для страниц с большим содержанием контента, поэтому шаблон хорошо работает на более длинных рекламных страницах. Однако вы также можете создавать свои короткие страницы, учитывая этот шаблон.

Так посетители будут видеть страницу Fleetmatics:

1. Пользователь начинает читать страницу по горизонтальной строке; здесь они увидят логотип компании и контактный номер.
2. Затем они будут читать во второй горизонтальной строке; в этой области отображается основной заголовок и изображение.
3. Наконец, они будут сканировать страницу в вертикальном движении; здесь они увидят кнопку CTA.

Z-образный узор

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

Метод чтения Z-шаблона имеет следующий порядок:

1. Пользователь начинает с левого верхнего угла страницы и быстро просматривает ее.
2. Затем пользователь одновременно смотрит влево и вниз по диагонали.
3. В конце концов, поле зрения пользователя снова перемещается по горизонтальной линии слева направо.

Давайте посмотрим на страницу Offerpop в качестве примера:

Вот как будет выглядеть Z-образ на этой странице:

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

Фальцовка страницы и ее значение для дизайна целевой страницы после клика

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

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

Чтобы продемонстрировать, что если разрешение вашего экрана составляет 1366 X 768, то область, выделенная красным ниже, — это место, где будет складываться страница:

По мнению большинства веб-дизайнеров, средняя линия сгиба составляет примерно 1000 пикселей в ширину и 600 пикселей в высоту — это в основном верно для распространенных типов комбинаций монитора / браузера размером 1024 X 786 пикселей.Однако с ростом количества просмотров на мобильных устройствах наиболее распространенным размером сгиба страницы является либо 320 X 568, либо 360 X 640.

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

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

Каждый элемент на этой «целевой странице после клика» размещен над сгибом из-за страха, что посетитель не прокрутит страницу.

Ну правда в том, что посетители действительно скроллируют.

Они прокручивают вашу страницу вниз, если вы убедили их сделать это, разработав дизайн страницы в верхней части страницы.

На самом деле, согласно отчету Google «Важность быть увиденным»: верхняя часть страницы не всегда доступна для просмотра, тогда как нижняя часть страницы обычно:

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

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

Как уменьшить трение на целевых страницах после клика

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

Когда вы размещаете форму слишком рано на целевой странице после клика (т. Е. До того, как вы адекватно описали свое предложение), вы отрицаете принцип взаимности, который мы упоминали в главе 2. Преждевременно размещенная форма просит посетителей дать вам что-то раньше. вы им что-нибудь дали. Это вызывает трение конверсии на целевых страницах после клика.

Из-за этого трения конверсии посетители не решаются совершить конверсию на целевой странице после клика.

По сути, есть два способа устранить трение с целевых страниц после клика:

• Добавьте ссылку на политику конфиденциальности или условия использования рядом с формой.
• Используйте двухэтапную форму согласия для сбора потенциальных клиентов.

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

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

Вот как выглядит начальный экран на одной из целевых страниц после клика Instapage:

Когда пользователь нажимает синий CTA «Покажи мне методы», появляется двухэтапная форма согласия:

У вашей целевой страницы после клика должна быть только одна точка выхода

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

Поскольку существует только одна цель конверсии, также должна быть только одна точка выхода — точка, которая ведет ваших посетителей к этой цели конверсии.

Эта ссылка для выхода представляет собой кнопку призыва к действию на целевой странице после нажатия.

Не должно быть никаких навигационных ссылок, которые заставляли бы людей уезжать и приземляться в другом месте. Однако есть одно исключение из этого правила — ссылка на вашу политику конфиденциальности (как упоминалось выше), потому что она помогает установить доверие. Если вы решили добавить политику конфиденциальности, попробуйте открыть ее в «световом поле», которое удерживает человека на вашей целевой странице после щелчка (и не переводит его на новую вкладку или не открывает новый URL-адрес на той же вкладке. ).Это помогает удерживать их внимание на конвертации.

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

В качестве примера возьмем целевую страницу Act-On после клика:

Панель навигации вверху портит эту прекрасную страницу, потому что эти ссылки служат точками выхода и отвлекают от цели конверсии демонстрационного продукта Act-On.

Теперь давайте посмотрим на эту целевую страницу автопилота после клика:

На этой странице нет ничего отвлекающего. Единственная ссылка для выхода связана с целью конверсии — кнопкой с призывом к действию.

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

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

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

Итак, сколько копий должно быть у вашей целевой страницы после клика? Это зависит от вашего предложения.

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

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

Это то, что делает целевая страница SharpSpring после клика. Страница не только просит посетителей запланировать демонстрацию, как это делает страница сжатия OptinMonster, но и подробно объясняет преимущества услуги с помощью копии и отзыва клиентов.

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

Следуйте примеру AdFicient и как они отображают свой основной текст:

Сделайте вашу копию ориентированной на клиента

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

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

Заголовок целевой страницы сервиса HubSpot Leadin после клика подчеркивает проблему, с которой сталкиваются пользователи: «Вы действительно знаете, кто посещает ваш сайт?» Затем второй заголовок объясняет, как Leadin находит решение их проблемы:

Использование ориентированной на клиента копии на кнопке CTA также помогает побудить посетителей совершать конверсию с помощью кнопки CTA.

См., Например, копию кнопки с призывом к действию «Я готов к загрузке» на этой целевой странице после клика:

Стиль шрифта:

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

Вы можете выбрать один из двух основных типов шрифта:

1. Шрифт с засечками
2. Шрифт без засечек

Шрифты

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

Шрифты

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

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

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

Шрифты

без засечек лучше работают на целевых страницах и веб-сайтах после щелчка, поскольку шрифты с засечками обычно нечитаемы в Интернете.

Вот несколько примеров двух типов шрифтов:

Суть в следующем: убедитесь, что текст и шрифт на ваших целевых страницах после клика наиболее подходят вашей аудитории.Чтобы узнать, сколько копий писать и какой тип шрифта использовать, попробуйте выполнить несколько A / B-тестов.

Ваша целевая страница после клика может использовать медиа в следующих трех форматах:

1. Изображения
2. Видео
3. Gif-анимации

А медиа помогают получать конверсии, потому что это:

1. Помогает сопереживать посетителям
2. Помогает объяснить, что делает ваш продукт
3. Делает вашу страницу более привлекательной

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

Давайте обсудим три различных формата мультимедиа отдельно:

Изображения

Вы можете использовать изображения на своих целевых страницах после клика в следующих целях:

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

Вот что делает один из вариантов целевой страницы Wrike после клика:

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

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

Это то, что делает Ной Каган на своей целевой странице после клика:

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

На странице представлены снимки как выступающего, так и ведущего вебинара.

Другой пример — Kapost, в котором есть главный снимок приглашенного оратора:

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

Целевая страница VWO после клика делает именно это:

Видео

Статистика показывает, что 95% зрителей сохраняют сообщения в видео, поэтому мы настоятельно рекомендуем вам подумать о добавлении видео, чтобы повысить коэффициент конверсии целевой страницы после клика. Фактически, согласно EyeView Digital, доказано, что видео увеличивает конверсию на целых 80%.

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

Веб-страницы с видео более интересны по сравнению со страницами с текстом и изображениями. В среднем пользователь остается на странице с текстом и изображениями всего 43 секунды, тогда как посещение страницы с видео длится около 5 минут 50 секунд.

видеоролика о целевой странице после клика объясняют, как работает услуга / продукт.

Целевая страница после нажатия кнопки Salesforce делает именно это:

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

Размещение видео — это вопрос суждения. Чтобы узнать, правильно ли вы разместили видео на своей странице, потратьте некоторое время на A / B-тестирование различных мест размещения видео.

Однако не все видео с целевой страницы после клика эффективны. Чтобы ваше видео увеличивало ценность предложения, убедитесь, что видео:

• Сделано профессионально — любительские видео не повышают вашу цель конверсии
• Не запускается автоматически и не раздражает зрителя
• Без звука, если вы выбираете опцию автоматического воспроизведения
• Записан правильно
• Имеет озвучивание, ориентированное на клиента, а не на компанию.

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

Gif-анимации

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

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

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

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

То, как кто-то воспринимает определенный цвет, зависит от личного опыта и культурных контекстов. Например, белый цвет на Западе символизирует невест и чистоту, тогда как в Индии белый цвет носят специально на похоронах.

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

Типы цветов:

Есть три основных типа цветов:

Основные цвета: все остальные цвета составляют три основных цвета: красный, синий и желтый.

Вспомогательные цвета: Фиолетовый, зеленый и оранжевый — второстепенные цвета.

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

Этот цветовой круг представляет первичный, вторичный и третичный цвета:

Чтобы понять, как работают цвета, важно понимать визуальную природу цвета.

Например, все они считаются синим цветом:

Они выглядят по-разному, потому что согласно системе Манселла все цвета содержат три компонента:

1. Оттенок: это название цвета, например красного, синего, оранжевого и т. Д. Простое ограничение оттенка в рекламных материалах — не лучшая идея, потому что все три компонента (оттенок, значение и цветность) имеют свои индивидуальные особенности. роль для игры:

2. Значение: это уровень яркости — насколько светлый или темный является определенный цвет.Цвета с низким значением более темными (также называемые «оттенки»), цвета с высоким значением яркости (также называемые «оттенки»):

3. Цветность: это уровень насыщенности (т.е. насколько «яркий» цвет). Другими словами, цвета с высоким уровнем насыщенности яркие, а цвета с низким уровнем насыщенности выглядят размытыми:

Ник Коленда описывает, как выбрать три цветовых компонента в большинстве графических программ:

Согласно Коленде, люди предпочитают разные цвета другим, основываясь на четырех теориях:

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

2. Теория гендерной схемы: Согласно этой теории, когда вы начинаете идентифицировать себя со своим полом в детстве, вы ищите информацию, связанную с полом, и используете эту информацию для разработки концепции пола.Например, многие родители одевают мальчиков в голубое, а девочек — в розовое, что помогает детям ассоциировать эти цвета со своим полом по мере взросления.

3. Теория экологической валентности: EVT диктует, что у людей развиваются предпочтения к разным цветам на основе их эмоционального опыта с этими цветами.

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

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

Выбор цветовых комбинаций

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

1. Аналогичные цвета :

Аналогичные цвета — это цвета с совпадающими оттенками (т. Е. Они располагаются рядом друг с другом на цветовом круге). Цвета имеют тенденцию преобладать друг над другом, и ни один из них не выделяется слишком сильно. Использование аналогичных цветов может создать красивую страницу, но разумно использовать дополнительный цвет, если вы хотите, чтобы один элемент (например, ваша кнопка CTA) выделялся среди остальных.

2. Монохроматические цвета :

Монохромные цвета — это один цвет с разными оттенками, оттенками и тонами. Различия между монохроматическими цветами даже более тонкими, чем у аналогичных цветов. Цвета отлично работают, когда сочетается с с правильным дополнительным цветом.

3. Цвета треугольника, прямоугольника и квадрата:

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

Треугольник (триада) — это цветовая комбинация, состоящая из трех цветов, равномерно расположенных на цветовом круге.Прямоугольник (четырехцветный) — это четыре цвета — цветовое сочетание, состоящее из двух дополнительных пар. Квадрат подобен четырехугольнику; разница в том, что два набора дополнительных пар равномерно расположены на цветовом круге.

Цветовые и словесные ассоциации

Мы склонны ассоциировать разные цвета с определенными эмоциями. Например, красный цвет часто ассоциируется с опасностью, а золото — с роскошью.

Графика

CoSchedule отображает цвета с концепциями, которые они символизируют:

Инструменты

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

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

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

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

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

На специальной странице компоненты цвета разбиты на три части:

1. Фон
2. База
3. Акцент

По словам Джареда Кристоферсона из Yellowhammer, если вы выбираете для своей страницы три цвета, лучше всего следовать правилу 60-30-10.Это означает, что 60% цвета должно быть фоном, 30% — основой (форма или другой раздел страницы) и 10% цвета — акцентами (кнопка CTA).

Давайте посмотрим, как это правило применяется к целевой странице Shopify после клика:

Цвет фона — темно-серый, который составляет большую часть страницы. Базовый цвет — черный, (раздел с формой и кнопкой CTA). И, наконец, цвет кнопки CTA (акцент) зеленый, что хорошо контрастирует с темно-синим и черным.

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

Используйте эту информацию на целевых страницах после клика

На 92,6% решений о покупке влияют визуальные факторы, причем до 90% этого влияния основывается исключительно на цвете.

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

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

Белое пространство не обязательно является «белым» пространством — это просто отрицательное пространство, поэтому оно может быть любого цвета, если оно выполняет свои функции.

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

1.Улучшает понимание

Пустое пространство помогает уменьшить беспорядок в дизайне страницы. Доказано, что использование пробелов на левом и правом полях улучшает понимание до 20%. Когда вы окружаете элемент (например, ваш CTA) пустым пространством, он позволяет ему «дышать» и повышает удобочитаемость.

2. Выяснение отношений

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

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

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

Рисунок, сделанный Nielson Norman Group, демонстрирует разницу между двумя формами, сгруппировав связанные поля вместе и добавив достаточное количество пробелов:

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

3. Сосредоточьте внимание

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

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

Для сравнения, посмотрите на целевую страницу Trumpia после клика, где использование белого пространства не идеально:

Давайте посмотрим на страницу Intacct, негативное пространство вокруг элементов страницы не белое, но оно отделяет элементы друг от друга и уменьшает беспорядок:

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

Формы захвата потенциальных клиентов помогают вам собирать информацию о ваших посетителях на целевых страницах после клика, что автоматически делает их важным элементом страницы. Форма — единственное место на отдельных страницах, где вы просите посетителя что-то вам дать. Остальные элементы страницы (такие как заголовок, копия или отзывы) представляют собой то, что вы им предоставляете.

Однако в вашей форме вы просите посетителей доверять вам свою информацию.

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

Форма Длина

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

Вот почему на многих бесплатных пробных целевых страницах после клика нет длинных форм. В качестве примера рассмотрим форму целевой страницы WalkMe после клика:

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

Длина формы также зависит от вашего предложения. Чем выше ставка в предложении, тем длиннее может быть форма.

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

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

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

Это приводит нас к многоступенчатым формам.

Многоступенчатые формы

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

Векселей.com использует многоэтапную форму на своей целевой странице после клика. Форма переходит к следующему шагу, когда вы вводите необходимую информацию. Вот первый шаг:

Это второй шаг:

Вот третий шаг:

И это последний шаг и форма на целевой странице после клика:

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

Таким образом, форма появляется только для посетителей, которые намерены ее заполнить. Еще одно преимущество двухэтапной формы состоит в том, что она не вызывает трения при конверсии, потому что ее увидят только мотивированные посетители.

Целевая страница после клика Instapage использует двухэтапную форму согласия:

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

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

Формы намерений выхода могут раздражать посетителей, которые просто не готовы нажать кнопку с призывом к действию, поэтому лучше использовать их только в крайнем случае.

Вы можете создавать формы намерения выхода для своих целевых страниц после щелчка, используя такие инструменты, как OptinMonster, Sumo List Builder, Bounce Exchange, Optimonk и даже с Instapage, используя параметр настраиваемого кода.

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

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

На самом деле, было бы неправильно сказать, что судьба любого другого элемента целевой страницы после клика зависит от кнопки с призывом к действию. Разработайте его правильно и получите щелчок; спрячьте его среди остальной части вашей целевой страницы после клика, и вы рискуете отказаться от нее.

Чтобы правильно разработать CTA, примите во внимание следующие факторы:

Позиция

Положение кнопки CTA влияет на коэффициент конверсии. Место, где вы размещаете кнопку, не имеет ничего общего с загибом страницы и полностью связано с вашим предложением.

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

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

Если у вас есть бесплатная электронная книга, вы можете разместить кнопку CTA рядом с основным заголовком, как это делает UserVoice с этой целевой страницей после щелчка:

Размещение меняется, когда посетитель должен заплатить за предложение.

Кнопка с призывом к действию «Купить сейчас» на целевой странице электронной книги Судана Пателя и Роба Уормли привлекает к себе внимание, потому что она представлена ​​после описания предложения и изолирована от всего остального на странице:

Оба приведенных выше примера демонстрируют кнопки CTA, расположенные над сгибом страницы.Разница заключается в количестве копий перед каждой кнопкой. UserVoice считает, что для бесплатного предложения достаточно только заголовка и подзаголовка, чтобы убедить посетителей рассмотреть возможность нажатия кнопки CTA, тогда как 100 Days of Growth требует полного текста, объясняющего, почему покупка электронной книги — хорошая идея.

Размер

Здравый смысл подсказывает, что чем крупнее объект, тем заметнее это будет. Таким образом, имеет смысл сделать кнопку с призывом к действию относительно большой.

Закон Фитта гласит, что «чем крупнее и ближе цель, тем быстрее и легче ее выбрать». Для CTA это, по сути, означает, что чем больше кнопка, тем легче на нее указать и щелкнуть.

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

Синяя кнопка «Посмотреть демонстрацию продукта» на странице Infusionsoft немного меньше окружающих элементов и не привлекает к себе внимания.

Убедитесь, что кнопка больше, чем окружающие ее элементы, чтобы выделяться. Сделайте то, что делает Рэйчил Кук на своей целевой странице после клика:

Теперь это кнопка с призывом к действию идеального размера для данной целевой страницы после клика.

«Идеального размера кнопки CTA» просто не существует, потому что все размеры кнопок должны определяться с учетом общего дизайна целевой страницы после клика.

Цвет

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

Целевая страница после клика Elite Marketing Pro имеет хорошо контрастирующую кнопку CTA:

Несколько кнопок

Хотя это и не рекомендуется, на целевых страницах после клика нередко размещается несколько кнопок с призывом к действию. Дополнительная кнопка CTA не имеет отношения к количеству кнопок CTA. Скорее, он предлагает посетителям альтернативное действие-конверсию.

Для более длинных страниц продаж можно использовать 5-6 кнопок и не иметь ни одной дополнительной кнопки.

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

Копия

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

Например, копия кнопки «Начать бесплатную пробную версию» на целевой странице Desk.com после клика побуждает к действию:

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

Копия кнопки целевой страницы Instapage после нажатия кнопки удерживает посетителя в памяти и делает еще один шаг вперед, персонализируя его с помощью «I:»

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

Это то, что CoSchedule делает со своей бесплатной пробной страницей:

кнопки CTA могут создавать или разрушать целевые страницы после клика, потому что, если вы оптимизировали все остальное на странице — а CTA не предназначен для конверсии, — вы упускаете ценных потенциальных клиентов (и продаж). Убедитесь, что вы разработали свои кнопки с учетом положения, размера, цвета и копии, если вы хотите максимизировать конверсию.

Что происходит после того, как посетители заполняют вашу форму захвата лидов и нажимают кнопку CTA?

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

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

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

Целевая страница веб-семинара Upwork после клика делает именно это после того, как вы конвертируете:

После отправки вы будете перенаправлены на их страницу с благодарностью:

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

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

Upwork делает и то и другое в своем электронном письме с благодарностью:

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

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

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

10 требований для успешного приземления Страница

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

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

1. Соблазнительный заголовок

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

2. Изображения

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

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

3. Привлекающий контент

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

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

4. Контактная форма

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

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

5. Кнопка призыва к действию

Призыв к действию (CTA) — один из наиболее важных аспектов любой целевой страницы. Кнопки CTA мотивируют зрителя двигаться вперед, будь то подписка на рассылку новостей, загрузка предложения контента и т. Д.

Очень важно использовать слова, побуждающие к действию и четко указывающие посетителям, что им делать, например «Отправить», «Загрузить» или «Зарегистрироваться». Дизайн вашей кнопки так же важен, как и выбранный вами набор слов; убедитесь, что ваша кнопка выделяется и контрастирует с другими цветами страницы.

6. Предложение, ориентированное на ценность

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

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

Хорошее простое практическое правило — сначала спросить адрес электронной почты, а потом идти дальше.

7. Устранение внутренних ссылок

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

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

8. Адаптивный дизайн

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

Когда веб-сайт предлагает удобное взаимодействие с пользователем, он может вселить доверие и профессионализм в бренд у тех, кто просматривает этот веб-сайт. ВНИМАНИЕ !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!Напротив, неэффективный или сложный в использовании дизайн веб-сайта вызовет у пользователей чувство разочарования и может мгновенно запятнать их мнение о бренде.

9. Поисковая оптимизация

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

Вы бы предпочли, чтобы ваш веб-сайт был на второй странице результатов поиска Google или в 3-х первых местах первой страницы? Оптимизированный поиск приведет к тому, что больше людей увидят вашу целевую страницу, что приведет к увеличению шансов, что кто-то станет покупателем.При продвижении страницы с использованием платных объявлений полезно включить в копию целевой страницы те же ключевые слова, которые вы использовали в первоначальной рекламе.

10. Страница благодарности

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

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

---

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

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

---

Лучшие размеры видео для вашего маркетинга

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

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

Интересный факт: наша вкладка «Соотношение» упростит создание видео любой формы и размера.

Мобильный мир означает приспособление к формату

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

Лучшие видео для Facebook

Все, и мы имеем в виду всех, сейчас на Facebook. Малый бизнес и крупные бренды покупают недвижимость рядом с вашим лучшим другом из 3-го класса и бабушкой со стороны вашего отца. Это лучшее место для привлечения большой, разносторонней и заинтересованной аудитории, которая уже просматривает более 100 миллионов часов видео на платформе ежедневно, и более 92% смотрят эти видео на мобильных устройствах.

Чтобы охватить и вовлечь эту любящую видео аудиторию на ходу, используйте квадратные видеоролики. Это лучшее измерение для Facebook. Поскольку видео в канале новостей занимают на 78% больше места на экране, чем альбомные. Люди также на 67% чаще смотрят квадратное видео полностью, чем горизонтальное. Кроме того, квадратные видео, похоже, привлекают больше трафика за меньшие деньги, а точнее на 7,5% меньше. Итак, если вы хотите оказаться там, где более 2 миллиардов человек проводят свои дни и одновременно экономят деньги на ваших маркетинговых расходах, то создание квадратных видео для Facebook будет буквально одним из лучших вариантов, которые вы можете сделать.

Лучшие ролики для Instagram

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

Являясь одной из самых популярных социальных сетей в мире, Instagram ежемесячно обслуживает более 800 миллионов пользователей, большинство из которых — подростки и молодые миллениалы в возрасте от 18 до 29 лет.Для компаний и брендов, которые обращаются к этой возрастной группе, ценят красивые изображения, высококачественную графику и понимают силу хэштега, Instagram, несомненно, место для вас.

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

Лучшие видео для Twitter

Twitter совершил революцию в видео, сосредоточившись на новых приложениях (Vine и Periscope) и сделав свою исходную платформу более удобной для видео. Настолько, что видео в Твиттере в 6 раз чаще ретвитируются, чем фотографии, и в 3 раза чаще, чем GIF.

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

Если вы ищете отличное место, чтобы предстать перед этой жаждущей информации аудиторией, ориентированной на общение, тогда поиграйте свои творческие мускулы и разместите квадратные или вертикальные видео. Здесь вы можете по-настоящему поэкспериментировать и посмотреть, что лучше всего подходит для вас, потому что 93% пользователей Twitter смотрят видео с мобильных устройств. Это означает, что и квадратная, и вертикальная могут работать хорошо, учитывая, что они идеально подходят для мобильных экранов и упрощают взаимодействие.

Лучшие видео для вашего сайта

Video — это не только новейший и самый популярный ребенок в блоке социальных сетей, но и король престола контент-маркетинга. Видео помогает всем вашим каналам увидеть лучшие результаты и оказать значительное влияние. Итак, если у вас есть веб-сайт, блог и целевые страницы (что вам нужно, потому что это 2017 год), добавление видео имеет важное значение. Пользователи проводят на 88% больше времени на веб-сайтах с видео, а целевые страницы с видео могут увеличить ваши конверсии на 80%. Нужно ли говорить больше?

Но когда дело доходит до правильного размера видео, на самом деле нет одного явного победителя.Все зависит от того, сколько у вас трафика с мобильных устройств. Если ваши веб-ресурсы оптимизированы только для мобильных устройств, выбирайте квадратные видео. Если к вашим ресурсам в основном обращаются пользователи на их настольных устройствах, снимайте видео в альбомной ориентации (и убедитесь, что ваши видео, веб-сайты, блоги и целевые страницы по крайней мере адаптированы для мобильных устройств).

Пусть результаты говорят сами за себя

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

Создайте и настройте свою целевую страницу — Поддержка DojoMojo

1. Перейдите в Sweepstakes Builder

Перейдите на страницу Sweepstakes > щелкните плитку кампании, которую хотите изменить> Sweepstakes Builder> Настроить

2. Выберите шаблон

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

3. Редактируйте свой контент

Добавить фоновое изображение

Привлекайте потребителей ярким изображением. Просто нажмите Фон и загрузите свою иллюстрацию, нажав Изменить изображение .

Примечание: изображения должны быть меньше 10 мегабайт. Для получения наилучших результатов мы рекомендуем минимальный размер 1920×1080.Не беспокойтесь о размере, поскольку шаблоны очень отзывчивы, и ваше изображение автоматически встанет на место. Каждый раз, когда вы вносите изменения в фоновое изображение, не забудьте нажать Сохранить!

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

4. Добавьте свой текст

С DojoMojo вы получаете то, что видите. Текстовый редактор — это простой процесс «наведи и щелкни».Просто наведите указатель мыши на ту часть страницы, которую хотите отредактировать, и начните вводить текст. Вы также можете редактировать шрифты, цвета и форматирование. Вы можете добавить любой шрифт Google, нажав Fonts слева.

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

5. Отредактируйте форму поля ввода

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

Обязательно проверьте настройки в Legal. В этой части содержится необходимый юридический язык, который позволяет участникам, раздающим раздачу, знать, на что они подписываются, и что они хотят получать маркетинговые сообщения от вас и всех ваших торговых партнеров по кампании. Здесь вы можете выбрать отображение флажков подписки по брендам (у каждого партнера по бренду будет свой собственный флажок) или вы можете упростить это в одну строку текста.Вы можете выбрать, чтобы эти флажки были предварительно отмечены, или вы можете потребовать, чтобы участники установили флажки перед входом.

Независимо от того, как вы отображаете эту информацию, участие в розыгрыше не будет разрешено, если не будут отмечены все флажки.

6. Редактировать логотипы

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

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

7. Завершить отказ от ответственности

Заявление об отказе от ответственности отображается в самом низу страницы. В большинстве случаев это не нужно так сильно обновлять. Однако вы можете настроить его. При редактировании предлагаем обратиться к юристу.

Вы можете использовать наш образец языка, ориентированный на США, но имейте в виду, что мы не юристы, поэтому имейте в виду, что DojoMojo и Innovation Brands Corp не несут ответственности за какие-либо споры или проблемы, возникающие в результате использования нашего чернового заявления об отказе от ответственности. .

8. Оптимизация для мобильных устройств

DojoMojo предлагает редактор для настольных и мобильных устройств. Используйте кнопку «Мобильный», чтобы открыть редактор и настроить макет исключительно для мобильных устройств. Обратите внимание, что правки, сделанные в редакторе Mobile, ничего не изменят и не перенесут в формат Desktop.

9. Предварительный просмотр кампании

Поздравляю, если вы зашли так далеко! Вы почти готовы к розыгрышу призов. Прежде чем сделать это, убедитесь, что все выглядит застегнутым, нажав кнопку предварительного просмотра. То, что вы видите, будет именно тем, что увидят потребители. Не забудьте переключаться между мобильным и настольным ПК, чтобы увидеть, как страница выглядит в обоих форматах (и отредактировать соответственно).

Ищете дополнительную информацию?

Ознакомьтесь с нашими советами о том, как создавать высококачественные списки адресов электронной почты и SMS с раздачей подарков.

Рекомендации по изображениям для блоков содержимого

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

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

Общие советы для изображений

Вот несколько общих советов для ваших изображений.

• Формат
  При сохранении изображений используйте формат PNG, JPG или GIF. Вы можете использовать формат PNG, если вам нужно сохранить прозрачность.
• Цветовой режим или профиль
  Цвета, используемые в Интернете, отличаются от цветов, используемых при печати, поэтому важно убедиться, что цвета на изображениях заданы правильно. Веб-изображения следует сохранять с цветовым профилем или режимом RGB. CMYK, который дизайнеры используют для печати, не отображает точно в Интернете и иногда может нарушить ваше встроенное изображение.
• Альтернативный текст
  К изображениям рекомендуется добавлять замещающий текст. Альтернативный текст важен для доступности и для зрителей, у которых могут возникнуть проблемы с загрузкой ваших изображений. Это также может помочь с поисковой оптимизацией ваших целевых страниц.
• Экраны высокой четкости
  Многие смартфоны, планшеты и ноутбуки оснащены экранами высокой четкости, такими как дисплеи Retina, которые предлагают более высокое соотношение пикселей на дюйм. Это означает, что некоторые изображения могут выглядеть нечеткими на этих дисплеях.Чтобы ваши изображения четко отображались на всех экранах, вы можете использовать фотографию с более высоким разрешением в блоке содержимого изображения и ограничить размеры.
• Размер файла
  Лучше избегать слишком больших изображений как по размеру файла, так и по размеру в пикселях. Мы рекомендуем максимальный размер файла для изображений 1 МБ. 72 DPI обычно достаточно для Интернета, но не требуется. Мы не рекомендуем загружать изображения, размер которых значительно превышает размер области содержимого или шаблона.
• Размер изображения
  Сообщения электронной почты и целевые страницы имеют ограниченную ширину изображений.Чтобы узнать о конкретных рекомендациях по ширине, ознакомьтесь со следующими разделами в зависимости от типа создаваемого вами контента.

Размеры изображений для писем

Шаблоны электронной почты

Mailchimp имеют ширину 600 пикселей, поэтому лучше всего рассчитывать размер изображений с учетом максимальной ширины.

Рекомендации по размеру изображения зависят от количества столбцов в шаблоне электронной почты.

Столбцы	Рекомендуемая ширина изображения
Полноразмерные изображения раздела	564px
2 изображения раздела столбца	26425	26425 917 917

Размер также может варьироваться в зависимости от типа блока содержимого, с которым вы работаете.Вот наши рекомендации по размеру изображений в блоках содержимого «Изображение», «Карточка изображения», «Изображение + текст» и «Группа изображений» в вашей почтовой кампании.

Изображение

Настройки блока содержимого	Рекомендуемая ширина изображения
От края до края	564px

Карточка изображения

Настройки блока содержимого	Рекомендуемая ширина изображения
Поля устанавливаются от края до края	564px
Поля не устанавливаются от края до края текст Настройки блока содержимого Рекомендуемая ширина изображения С выравниванием по левому или правому краю с выравниванием на одну треть ширины подписи 352 пикселя макс. 264 пикс. С выравниванием по левому или правому краю с шириной подписи в две трети 176 пикселей не более С выравниванием по левому или правому краю при ширине подписи в три четверти 132 пикселя макс. Если вы добавляете блоки группы изображений в раздел, состоящий из нескольких столбцов, убедитесь, что изображения меньшего размера достаточно четкие, чтобы их могли видеть получатели. Настройки блока содержимого Рекомендуемая ширина изображения Изображения во всю ширину 564px 2 изображения раздела столбца 26425 7 Размеры изображений для лендингов Целевые страницы Mailchimp бывают разной ширины, поэтому идеальный размер изображения зависит от выбранной вами ширины. Прежде чем загружать изображения в Mailchimp, отмасштабируйте их до необходимого размера, чтобы удалить ненужные пиксели. Если вы установите ширину целевой страницы на 100%, изображения могут отображаться по-разному в зависимости от разрешения экрана человека, просматривающего вашу целевую страницу. В этом случае мы рекомендуем использовать изображения большего размера. Но важно помнить, что изображения большего размера могут замедлить вашу целевую страницу. Вот наши рекомендации по размеру изображений в блоках содержимого «Изображение», «Карточка изображения», «Изображение + текст» и «Группа изображений» на вашей целевой странице. Изображение Ширина страницы Рекомендуемая ширина изображения 780px 564px 960px 924px 24 960px 924px 930px 924px 930 930 Картинка 29 74425 пикселей пикселей пикселей пикселей 917 до края 917 917 край 924px Поля Ширина страницы Параметры блока содержимого Рекомендуемая ширина изображения 780px Поля установлены от края до края 708px 960px Поля установить край к краю 924px 960px Поля не заданы край к краю 888px 1224px Поля не заданы от края до края 888px 1332px Поля заданы по краю 1188px 1188px 1317px Поля не задано 9172 Поля 930 Изображение + текст 917 453 пикселей макс. 917 1224px 585px макс. Ширина страницы Настройки блока содержимого Рекомендуемая ширина изображения 780px Выровнено по левому или правому краю, с шириной заголовка до одной трети 16 780px Выровнено по левому или правому краю, с половиной ширины подписи 363 пикселя макс. 780px Выровнено по левому или правому краю, с двумя третями ширины подписи 211 пиксель не более 780px По левому или правому краю с шириной подписи три четверти 173 пикселя не более 960px Выровнено по левому или правому краю, с шириной подписи на одну треть 642 пикселя не более 960px Выровнено по левому или правому краю, с половиной ширины подписи 29 960px Выровнено по левому или правому краю, ширина заголовка составляет две трети 265 пикселей не более 960 пикселей Выровнено по левому или правому краю, с шириной подписи до трех четвертей Не более 218 пикселей 1224px Выровнено по левому или правому краю, с выравниванием по правому краю 642px макс С выравниванием по левому или правому краю, с половиной ширины подписи 453 пикселя макс. 1224px Выровнено по левому или правому краю, с выравниванием по двум третям 265 пикселей макс. 1224px по левому или правому краю с шириной подписи в три четверти 218 пикселей не более 1332 пикселей Выровнено по левому или правому краю, с шириной подписи в одну треть 827 пикселей не более 1332px Выровнено по левому или правому краю, с половиной ширины подписи 29 1332px Выровнено по левому или правому краю, ширина заголовка составляет две трети 344px макс. 1332px Выровнено по левому или правому краю, ширина заголовка составляет три четверти 284 пикселя макс. Группа изображений 6 917 Adjust30 917 Чтобы настроить ширину целевой страницы, выполните следующие действия. Щелкните значок Кампании . Нажмите Все кампании . Если у вас более одной аудитории, щелкните раскрывающийся список Текущая аудитория и выберите ту, которая связана с вашей целевой страницей. Щелкните черновик целевой страницы, с которой хотите работать. Щелкните вкладку Стиль . Щелкните Page . В разделе «Стиль контейнера страницы » выберите ширину. Нажмите Сохранить . Фоновые изображения на целевых страницах Фоновые изображения большего размера будут выглядеть чище на больших экранах, но мы рекомендуем оставлять изображения шириной от 1500 до 2500 пикселей. Рекомендуемая высота изображения зависит от того, сколько контента у вас на целевой странице, но важно помнить, что изображения большего размера могут замедлять работу вашей страницы. Добавить комментарий Отменить ответ Ваш адрес email не будет опубликован. Обязательные поля помечены * Комментарий * Имя * Email * Сайт Рубрики Бизнес Где искать Инвестиции Разное С нуля Советы Ширина страницы Настройки блока содержимого Рекомендуемая ширина изображения 780px Полноразмерные изображения 744px 0 0 0 363px 960px Изображения во всю ширину 924px 960px 2 изображения раздела столбцов 453px 1224px 917 917 917 917 917 917 917 917 2 изображения раздела столбца 453px 1332px Изображения во всю ширину 1188px 1332px 2 изображения раздела столбца 585px 917 Adjust30