4. Текст для сайта

Привет. Сегодня будет объёмный урок, поэтому устройтесь поудобнее и приготовьтесь погрузиться в чарующий мир текста.

Рекомендации по оформлению текстов

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

Хочу обратить ваше внимание, что на Mac OS не все указанные сочетания клавиш будут работать так, как обозначено в инфографике. Это зависит от настроек клавиатуры. А, быть может, и из-за ошибки авторов :)

Арт-директор: Илья Рудерман
Редактор: Алексей Тиматков
Дизайнер: Антон Мизинов

Скачать версию в PDF можно тут.

Ещё рекомендую почитать «Ководство» Артемия Лебедева. Там есть достаточно много интересных мыслей, в том числе и по типографике. Занятное чтение.

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

Сочиняем текст для сайта

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

Если у вас есть в команде копирайтер, то всё становится проще, т. к. он может сказать, что нужно запросить у клиента и «нарастить мяса» на тезисы, которые прислал клиент.

Если же копирайтера нет, то придётся поработать самостоятельно.

Дальше я постараюсь русским языком, на примере, рассказать о некоторых моментах.

«Каркас» или текстовый черновик

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

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

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

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

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

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

Нам понадобится разработать несколько экранов.

1. Представимся и озвучим наш основной оффер.
2. Создадим или усилим потребность в нашем продукте.
3. Выгоды от нашего продукта.
4. Почему мы?
5. Наши преимущества.
6. О нас в цифрах.
7. Доказательства (работы, отзывы).
8. Цены, закрытие заявки.

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

Домашнее задание

Вам нужно составить каркас посадочной страницы вашего будущего сайта. Ориентируйтесь на пример каркаса от нашего копирайтера.

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

Напишите подробно. Позже лишнее из текста можно будет убрать.

Ссылку на ваш каркас присылайте в чат, отмечайте меня @timur_bv и добавьте в сообщение тег #домашка. Вместе мы доработаем текст вашей страницы.

Если возникнут вопросы или затруднения, пишите в чат.