Курс «Создание Landing Page»

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

В первой главе мы рассказали, что такое лендинг и зачем он нужен. Напомним: лендинг — это одностраничный сайт с призывом что-то сделать. Скачать презентацию, подписаться на рассылку, купить товар. Лендинг создается для конкретной аудитории. Чем точнее выделена аудитория, тем проще ей что-то предложить. Аудитория и целевое действие — основа лендинга.
В этой главе мы покажем, как создавать такой сайт. Шаг за шагом пройдем все этапы и на каждом получим конкретный результат. Тем, кто делает лендинг впервые, рекомендуем не пропускать этапы и выполнить все задания. Тогда в конце вы получите практически готовый сайт.


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

Приступим.

Анализ конкурентов

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

Найдите конкурентов в интернете

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

Допустим, вы продаете кожаные сумки.

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

Или вы продаете курсы по тайм-менеджменту.

Потребность: успевать больше и не забывать важное.
Конкуренты: другие курсы и тренеры, книги и блоги по тайм-менеджменту, планировщики задач и календари, дзен-курсы о том, что успевать больше не надо, а надо жить спокойно.
Нельзя обращать внимание только на тех, кто делает такие же курсы или шьет такие сумки. Кто кроме вас удовлетворяет ту же потребность? Чем шире вы смотрите, тем лучше поймете свою аудиторию, ее мотивы и сомнения.
Алексей запускает лендинг для курса о том, как проводить мероприятия. Потребность, которую он удовлетворяет — чтобы конференция или семинар прошли без хлопот, приехали интересные спикеры, гости купили билеты и пришли на следующее событие. Чтобы прийти к этому, есть разные способы:
1
Пойти к конкурентам Алексея, которые проводят такие же курсы.
2
Купить книгу о том, как проводить конференции.
3
Нанять организатора, который все сделает сам.
4
Не проводить конференцию, а потратить деньги на рекламу, и так найти клиентов.
Итак, начните с изучения конкурентов. В этом помогут поисковые системы, контекстная реклама и социальные сети.
3 способа узнать о конкурентах
1. Воспользуйтесь поиском

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

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

Поищите конкурентов в социальных сетях. Смотрите группы и личные страницы пользователей. Например, товары ручной работы часто рекламируют на собственной странице.
3. Изучите объявления

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

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

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

Составьте таблицу конкурентов

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

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

Возьмите список конкурентов, который составили в прошлой части. По каким параметрам вы отличаетесь от них? Сильные и слабые стороны, стоимость, какие-то особенности именно вашего продукта. Обращайте внимание на сайты, тексты и материалы. Все ли вам понятно, есть ли красивые изображения на сайте и бесплатные материалы. Записывайте все, что вам нравится, или, наоборот, то, что вы хотели бы улучшить.
Выделите свои слабые стороны. Это пункты, по которым у клиента будут сомнения. Почему цена выше? Почему доставка платная? Все сомнения вы позже проработаете на лендинге.
Выделите свои сильные стороны. Это пункты, которые надо подробно раскрыть на лендинге.
Алексей нашел двух конкурентов и еще один образовательный курс. Составив таблицу, он отчетливо видит слабые стороны, которые увидят и его пользователи: автор неизвестен, стоимость почему-то выше, чем у других. Эти моменты нужно будет объяснить на сайте.

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

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


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

      Анализ целевой аудитории

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

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

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

      Определите целевую аудиторию лендинга

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

      Целевая аудитория и аудитория сайта могут отличаться.

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

      Идем дальше. Допустим, на сайте вы продаете сумки с персонажами из популярных фильмов: «Звездные войны», «Стражи галактики» и так далее. Целевая аудитория этого продукта на сайте — те, кто хочет купить необычную сумку в подарок. Возможно, это девушка, которая встречается с  фанатом этих фильмов.
      Аудитория
      «Люди с сумками»
      Аудитория
      «Люди с сумками
      в Санкт-Петербурге»
      Аудитория
      «Люди, которые ищут сумку в подарок
      в Санкт-Петербурге»
      Целевая аудитория
      «Люди, которые ищут необычную сумку в подарок в Санкт-Петербурге»
      Смотрите. Мы только что сузили аудиторию от «люди с сумками» до «девушка со странным парнем». Чем точнее вы выделяете свою аудиторию, тем проще ей объяснить пользу вашего продукта.

      Чтобы определить целевую аудиторию лендинга, сформулируйте точное предложение — оффер. О том, как его написать, мы расскажем дальше. Сейчас просто подумайте, что именно вы предлагаете и есть ли какие-то ограничения. Ограничением может быть что угодно: праздник, распродажа, время года.
      Практика
      Подумайте, кто ваша целевая аудитория и кто аудитория вашего сайта. Посмотрите группы конкурентов в социальных сетях. Какие люди на них подписаны? Кому предлагают свой товар сами конкуренты?
      Рассмотрим два популярных метода анализа, которые используются в разработке сайтов: метод Персон и метод Jobs To Be Done. Первый поможет понять, кто покупает ваш продукт и зачем им это нужно. Второй поможет в проектировании: вы поймете, как люди будут использовать ваш сайт и что они ожидают там увидеть.

      Выделите потребности аудитории: метод персон

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

      Найти персон проще всего среди собственных клиентов или в социальных сетях, если клиентов пока нет:
      1
      Поищите в любой соцсети группы и встречи по вашей теме
      2
      Посмотрите, кто в них состоит, что у них общего
      3
      Объедините пользователей в группы по общим признакам и потребностям
      4
      Просмотрите 3−4 личных страницы участников каждой группы
      5
      Составьте обобщенный портрет пользователя каждой группы
      Алексей нашел во вконтакте встречу, посвященную организации событий. Смотрит, кто состоит в группе, читает комментарии. Становится видно, что некоторые типажи встречаются чаще всего и пишут похожие комментарии:



      • Пиарщик в крупной организации. 25−40 лет. Спрашивал о программе.
      • Пиарщик из госпредприятия. 30−40 лет. Спрашивал о стоимости и документах для работодателя.
      • Владелец небольшого бизнеса. 25−40 лет. Интересовался, будет ли разбор примеров.
        Не все люди пользуются соцсетями, поэтому поиск нужно расширить. Изучите тематические форумы, почитайте комментарии, которые оставляют на сайтах конкурентов.

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

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

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

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

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

        Для всех персон пропишите цели и сомнения. Чем вы ответите на их сомнения?
        У Алексея получилось две главных персоны: пиарщик из компании и профессиональный организатор, который хочет стать лучше. Именно для них Алексей запускает свой сайт.

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

        Метод Персон помогает живо представить аудиторию. Так проще понять, о чем с ней разговаривать и на какие вопросы отвечать.

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


        Элла, пиарщик

        • Что это такое?
        • Зачем вообще этому учиться?
        • Что я получу в итоге?
        • Как проходит обучение?
        • Есть бесплатные материалы?
        • Почему автору можно доверять?
        • Автор точно практик?
        • Научите работать без бюджета?

        Сергей, организатор

        • Что это такое?
        • Что я получу в итоге?
        • Как проходит обучение?
        • А домашние задания будут?
        • Есть бесплатные материалы?
        • Почему автору можно доверять?
        • Автор точно практик?
        • Как справляться с типичными ошибками?
        Никита Обухов
        Основатель Tilda Publishing
        Уделите внимание сомнениям — что может смутить покупателя? Чтобы было проще, представьте, что вы написали пост на Facebook о вашем продукте. В комментарии пришли поклонники вашего конкурента и просто не очень добрые люди. Что они напишут? К чему будут придираться? Над чем будут смеяться? Эти страхи, скорее всего, есть и у ваших клиентов. Выпишите спорные моменты заранее, чтобы потом на лендинге их закрыть.
        Никита Обухов
        Основатель Tilda Publishing
        Уделите внимание сомнениям — что может смутить покупателя? Чтобы было проще, представьте, что вы написали пост на Facebook о вашем продукте. В комментарии пришли поклонники вашего конкурента и просто не очень добрые люди. Что они напишут? К чему будут придираться? Над чем будут смеяться? Эти страхи, скорее всего, есть и у ваших клиентов. Выпишите спорные моменты заранее, чтобы потом на лендинге их закрыть.
        Мы поняли, какие люди придут на сайт и что им важно узнать. Но у каждого пользователя будут свои условия, при которых он купит ваш продукт. Чтобы выявить эти условия, используйте второй метод — Jobs To Be Done.

        Определите цели аудитории на лендинге: метод Jobs To Be Done

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

        Jobs To Be Done — это «задача, которую надо выполнить». Маркетологи и проектировщики используют этот метод, чтобы выявить задачи пользователей на сайте. Чем больше задач поможет выполнить лендинг, тем выше вероятность, что у вас что-то купят.

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

        Ответьте на эти вопросы:
        1
        В каких условиях будут использовать ваш сайт. Будут вдумчиво изучать или мельком посмотрят в метро.
        2
        Какие главные задачи пользователи будут решать на сайте?
        3
        Какие второстепенные задачи помогут им решить главную?
        4
        Что должно быть на сайте, чтобы все задачи были решены?
        У Алексея довольно разная аудитория, но есть повторяющиеся ситуации:

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


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


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

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

        Пишем текст

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

        Чтобы такого не было, мы подготовили фундамент:
        1
        Сводная таблица конкурентов
        2
        Портреты персонажей
        3
        Список вопросов и задач, с которыми персонажи придут на сайт
        4
        Список решений
        Текст на таком фундаменте ведет пользователя за ручку: последовательно отвечает на вопросы, прорабатывает их страхи, показывает аргументы в нужных местах. В таком тексте не будет лишних слов для красоты или потому что их рекомендовали в какой-то статье.

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

        Лендинг для продажи сумок — история о том, что такая сумка не порвется и в нее поместятся все ваши гаджеты.

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

        Прежде чем придать истории форму, подумайте, как ее рассказать.

        Как написать текст для лендинга

        Есть четыре главных этапа:
        1
        Придумать структуру
        2
        Написать оффер
        3
        Написать текст
        4
        Оптимизировать его
        Рассмотрим каждый.
        1. Придумайте структуру

        Структура текста — это скелет, на который вы нанизываете подробности.

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

        Логично

        • Что здесь: кожаные сумки
        • Для кого это: для модных людей
        • Чем они хороши: классное качество!
        • Чем докажете: шьем сами
        • А кто вы: профессиональные швеи
        • Купите сумку: ну ладно

              Туманно

              • Купите сумку: какую сумку?
              • А кто вы: профессиональные швеи
              • Для кого это: для модных людей
              • Чем они хороши: качество — во!
              • Что здесь: кожаные сумки
              • Чем докажете: шьем сами
              Чтобы вытянуть структуру текста, возьмите вопросы персонажей. Сгруппируйте их по смыслу, подумайте, в каком порядке отвечать на вопросы, чтобы получился логичный рассказ. Добавьте обязательные части: рассказ о себе и оффер — суть вашего оффера в одном-двух предложениях.
              Вот такая структура лендинга получилась у Алексея:
              Если о продукте нужно рассказать что-то, чего не было в вопросах, не стесняйтесь добавить эту часть. Вы знаете свой продукт лучше всех.
              2. Составьте оффер

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

              В таблице конкурентов найдите вашу самую сильную сторону и поместите в оффер. Если есть какое-то ограничение по времени или скидка, добавьте ее тоже.
              Алексей пишет оффер:

              Как организовать конференцию. Онлайн-курс с домашними заданиями для пиарщиков и предпринимателей
              Подробная статья про оффер в нашем блоге:
              3. Напишите текст

              Мы проанализировали конкурентов, чтобы понять свои сильные и слабые стороны, и проанализировали аудиторию, чтобы понять, с какими опасениями и вопросами придут пользователи на сайт. Теперь мы используем эту информацию, чтобы написать убедительный текст.
              Никита Обухов
              Основатель Tilda Publishing
              Не пишите текст сразу на сайте. Используйте Google Docs или обычный Word. В любом текстовом редакторе намного удобнее работать с текстом — быстро понять структуру, поменять части местами, удалить лишнее. В Google Docs можно поделиться файлом с коллегами, если вы работаете в команде. Они смогут оставить комментарии к тексту — что хорошо сформулировано, а что затянуто или предложить свой вариант.
              Никита Обухов
              Основатель Tilda Publishing
              Не пишите текст сразу на сайте. Используйте Google Docs или обычный Word. В любом текстовом редакторе намного удобнее работать с текстом — быстро понять структуру, поменять части местами, удалить лишнее. В Google Docs можно поделиться файлом с коллегами, если вы работаете в команде. Они смогут оставить комментарии к тексту — что хорошо сформулировано, а что затянуто или предложить свой вариант.
              При написании используйте инфостиль — удаляйте штампы и необъективные оценки, пишите о фактах. Не надо мудрить со сложными выражениями. Берите вопрос, отвечайте на него, приводите доказательства. Сразу думайте, чем подтвердить слова. Чтобы рассказать о производстве, покажите фотографии с него. Чтобы рассказать о красоте продукта, покажите его фотографии.
              Алексей начинает писать текст, просто отвечая на вопросы:
              Ира Смирнова
              Директор по развитию клиентского опыта Tilda Publishing
              Отправьте готовый текст другу или знакомому. Еще лучше — тому, кто попадает в вашу целевую аудиторию. Узнайте, легко ли им было читать текст, не приходилось ли перечитывать одно и то же несколько раз, чтобы понять смысл. Захотелось ли им кому-то о вас рассказать? Улыбнулись ли они или заскучали? Что они почувствовали? А что поняли? Какая главная мысль?
              Ира Смирнова
              Директор по развитию клиентского опыта Tilda Publishing
              Отправьте готовый текст другу или знакомому. Еще лучше — тому, кто попадает в вашу целевую аудиторию. Узнайте легко ли им было читать текст, не приходилось ли перечитывать одно и то же несколько раз, чтобы понять смысл. Захотелось ли им кому-то о вас рассказать? Улыбнулись ли они или заскучали? Что они почувствовали? А что поняли? Какая главная мысль?
              Читайте в нашем блоге:
              4. Оптимизируйте текст

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

              Техническая оптимизация делается для поисковых роботов. Так им легче попасть на сайт и проиндексировать его. Чем лучше индексируется сайт, тем проще его найти через поиск. Оптимизировать сайт на Тильде просто, понимать в программировании не нужно. Читайте наше руководство:
              Оптимизация текста — это добавление в текст ключей. Это фразы, по которым люди ищут в интернете продукт как у вас. Для нас это важно, потому что ключи могут повлиять на внешний вид сайта и его структуру. Чтобы собрать ключи, используйте сервис Яндекса Подбор слов. Вот такие ключи можно собрать для лендинга по продаже кожаных сумок:
              Ключи лучше видны поисковым системам, если ставить их в заголовки. Например, на лендинге про сумки можно использовать такие ключи в качестве заголовков: купить кожаную сумку, магазин кожаных сумок. Еще есть хороший ключ «кожаные сумки через плечо». Если вы продаете такие, можно посвятить им целый раздел на сайте.

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

              2. Напишите оффер. Подумайте, что вы предлагаете и как это поможет вашим клиентам.

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

              Подберите ключевые слова для текста через Подбор слов Яндекса
              Алексей начал писать текст. Рядом он сразу отмечает, какие ему потребуются материалы
              Кликните на изображение, чтобы открыть документ или перейдите по ссылке: docs.google.com/document

              Прототипирование

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

              Прототип решает две задачи:
              1
              Помогает расположить содержимое сайта относительно друг друга: здесь будет текст, тут — фото, а вот здесь поставим ссылку на презентацию. Держать это в голове невозможно, обязательно что-то забудете.
              2
              Помогает протестировать расположение элементов: удобно ли пользователям двигаться по информации в таком порядке, все ли расставлено логично.
              Теперь берем структуру нашего сайта и переносим на бумагу.
              Совет: не рисуйте прототип слишком широким. На листе А4 ширина страницы должна быть 5−6 см. Тогда всю страницу вы разместите на листе и вам будет понятна структура.

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

              Заполните секции контентом — обозначьте схематично текст и картинки. Заголовки обозначаются линиями потолще, картинки — перечеркнутый прямоугольник, текст — обычными линиями.
              Ира Смирнова
              Директор по развитию клиентского опыта Tilda Publishing
              Чтобы не выдумывать, как и что должно выглядеть, просмотрите библиотеку блоков в Тильде. Она разбита на категории: обложка, о проекте, команда и т. д. — и вам будет легко выбрать внешний вид того или иного раздела. Например, каким будет раздел о курсе? Это будет просто заголовок и текст? Или тут будет иллюстрация? Может быть, фотография на фоне? Или цветной фон? Нарисуйте несколько вариантов страниц, а потом выберите лучшие решения.
              Ира Смирнова
              Директор по развитию клиентского опыта Tilda Publishing
              Чтобы не выдумывать, как и что должно выглядеть, просмотрите библиотеку блоков в Тильде. Она разбита на категории: обложка, о проекте, команда и т. д. — и вам будет легко выбрать внешний вид того или иного раздела. Например, каким будет раздел о курсе? Это будет просто заголовок и текст? Или тут будет иллюстрация? Может быть, фотография на фоне? Или цветной фон? Нарисуйте несколько вариантов страниц, а потом выберите лучшие решения.
              Когда прототип готов, самое время вспомнить список задач, который мы собрали с помощью метода Jobs To Be Done. Проверьте, что такая схема помогает пользователю успешно пройти все сценарии. Возьмите любого персонажа и представьте, как он будет смотреть этот сайт, в каком месте ему будет не хватать информации.
              Чтобы посмотреть, удобный ли получился прототип и где на нем можно запутаться, Алексей использует персонажа Сергея. Это профессиональный организатор.

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

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

              2. Отметьте, где будет текст и визуальные материалы.

              3. Если часть текста можно заменить чем-то более наглядным — фотографией или видео — сделайте это.

              4. Возьмите любого персонажа и проведите его по прототипу. Все ли ему понятно?

              Дизайн страницы

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

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

              На этом все. В следующей главе расскажем про анатомию лендинга и разберем его по косточкам: от первой фотографии до иконок соцсетей в футере сайта.
              Домашнее задание
              1
              Составьте список ваших конкурентов. Выпишите в табличку их сильные и слабые стороны. Что вам нравится на их сайтах, а что вы хотели бы сделать иначе?
              2
              Составьте портреты 3−4 Персон для вашего сайта. Кто они, как им поможет ваш продукт?
              3
              Составьте список задач, которые пользователи будут решать на вашем сайте.
              4
              Набросайте структуру вашего лендинга. Следите за тем, чтобы она отвечала потребностям Персон.
              5
              Напишите текст. Расскажите своими словами историю о вашем продукте. Почему его стоит купить?
              6
              Составьте оффер.
              7
              Подберите список ключей для вашего сайта.
              8
              Нарисуйте прототип на бумаге. Отмечайте места, где будут находиться фотографии, видео, ссылки. Следите за тем, чтобы прототип был логичным и последовательным.
              9
              Выберите заглавную фотографию для вашего сайта.
              Понравилась глава? Поделитесь с друзьями!
              Текст: Филипп Бразговский
              Дизайн, иллюстрации и верстка: Юлия Засс

              Читайте другие лекции курса:
              Создайте лендинг для вашего бизнеса
              С Tilda Publishing сделать лендинг пейдж просто, быстро и бесплатно