как сделать (дизайн) + что разместить

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

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

Как Сделать главную страницу сайта

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

1. Меню

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

1. Классическое расположение. Слева (вертикально) или вверху (горизонтально). Не надо экспериментировать с расположением самого главного и заставлять пользователя нервничать в поисках строки меню в подвале. Большинство посетителей не будут этим заниматься и уйдут к Вашему конкуренту;
2. Удобство чтения. Делайте меню читабельным. Под этим подразумевается читаемый (крупный и не рукописный) шрифт, хорошая контрастность и понятные названия разделов. Не используйте аббревиатуры, сложные слова на английском и на русском тоже;
3. Адаптивность . Меню не должно «плавать» в зависимости от того, с какого гаджета пользователь посещает Ваш сайт. Адаптируйте его для компьютеров, ноутбуков, планшетов, смартфонов с разным разрешением.

2. Баннер

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

1. Лаконичность содержания. Взгляд на баннере посетитель задерживает буквально на несколько секунд, поэтому он должен отражать выгоду и содержать призыв к действию. Но не пытайтесь впихнуть в него всю информацию, которая Вам кажется важной: только основное, лучше — до 4 строк текста;
2. Универсальный формат. Ими считаются считаются форматы JPG, PNG, GIF или HTML5: они откроются на подавляющем большинстве страниц. И размер файла лучше делать до 150 Кб. Иначе главная страница будет тормозить, а картинка не загрузится у пользователей со слабенькими девайсами и низкой скоростью интернета;
3. Не убирать баннер вниз. Лучше разместить его на главной странице вверху, под строкой меню или логотипом. Проще говоря, пользователь должен видеть баннер, не прокручивая страницу вниз.

3. Кнопки

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

1. Четкая узнаваемость элемента . Онлайн-кнопка должна напоминать реальные кнопки или привычные в интернете (например, из соцсетей). Обязательно делайте ее контрастного цвета с фоном страницы, оставляйте вокруг нее пространство;
2. Эффективное расположение. Помещайте конверсионные кнопки в правой нижней части. Здесь руководствуемся диаграммой Гутенберга, согласной которой верхний левый и правый нижний квадрант получают больше всего внимания пользователя;
3. Оптимальный размер кнопки. Он должен быть большим, но не переборщите, чтобы кнопка оставалась в поле зрения пользователя, но не отвлекала от основного контента.

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

4. Логотип

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

1. Удачное месторасположение. Логотип лучше расположить в левом верхнем углу. Это его классическое расположение, и пользователь будет чувствовать себя на сайте комфортнее, чем в альтернативных случаях;
2. Кликабельность. Сделайте так, чтобы он приводил на главную страницу в один клик. Такой подход помогает пользователю, который получил всю нужную информацию, вернуться на главную, чтобы, например, зайти в каталог товаров или узнать контакты организации;
3. Адаптивность. Проверьте, что логотип не расползается, остается на своем месте и не теряет читабельность при открывании ресурса с разных устройств.

По теме:

Конструктор логотипов: 6 лучших + 10 секретов созданияПрограмма для создания логотипа: 25 лучших (бесплатно и платно)

5. Дескриптор рядом с логотипом

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

1. Минимализм содержания. Дескриптор должен быть емким и понятным. Его главная задача — дать пользователю ответ на вопрос, куда он попал и что это ему даст;
2. Конкурентное преимущество. Например, если все предлагают заказ еды с бесплатной доставкой, а Вы еще со скидкой, то дескриптор должен выглядеть примерно так: «Заказ еды с бесплатной доставкой и скидкой 5% на всё»;
3. Контрастный дизайн. Сделайте так, чтобы он бросался в глаза. Лучше всего использовать контрастные цвета или увеличить высоту и ширину букв, не отходя от корпоративного шрифта.

6. Контактные данные

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

1. Все варианты связи. Даже если Вы предпочитаете звонки, пользователю может быть проще написать Вам на электронную почту или в мессенджер. Поэтому укажите адрес, номер телефона, адрес электронной почты, ссылки на социальные сети и ссылки, ведущие в мессенджеры;
2. Стационарный номер. Вместо мобильного телефона лучше указывать его. Стационарный номер (особенно начинающийся с 8-800) вызывает больше доверия у пользователей, а также с большей вероятностью попадет в топ Google или Яндекс;
3. Кликабельность. Если Вы указываете в блоке контактов ссылки на социальные сети и мессенджеры или их значки, сделайте их кликабельными, чтобы пользователь с сайта мог напрямую связаться с Вами удобным способом.

7.

Строка поиска

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

1. Классическое расположение. Строка поиска должна быть в верхней части страницы и сразу заметна. Иногда человек заходит за чем-то конкретным, ему проще сразу обратиться к строке поиска, ввести искомое слово (например, «кардиолог» или «iPhone») и попасть в нужный раздел;
2. Функция предиктивного набора. Это еще больше упрощает поиск пользователя: посетителю не обязательно вводить все данные продукта, потому что уже после 2-3 введенных букв ему будет предложено несколько вариантов;
3. Функция автоматической смены раскладки. Если пользователь случайно ввел поисковый запрос на английском языке. То есть чтобы даже при запросе, например, «ntktdbpjh» человек попадал в раздел каталога с телевизорами.

8. Кнопки «вход» и «регистрация»

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

1. Близость к меню и другим элементам. Лучше расположить кнопки в шапке, чтобы пользователь мог легко и быстро выполнить нужное действие;
2. Быстрое открытие формы. Будет удобнее, если кнопки Вход и Регистрация будут приводить к открытию формы на странице, а не нового окна или вкладки. В этом случае посетитель экономит время на загрузке ресурса;
3. Требования к содержанию полей. Если человек придумает пароль и нажмет Зарегистрироваться, а сайт выдаст ему ошибку (например, слишком короткий пароль), велика вероятность, что человек покинет его и не будет пытаться снова.

9. Онлайн-консультант или чат-бот

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

1. Узнаваемость. Оформить кнопку лучше таким образом, чтобы пользователю было понятно, что это онлайн-консультант. Можно написать что-то вроде «написать нам», «получить консультацию», «могу помочь» и т.п.;
2. Фиксация на одном месте. Оптимальное расположение кнопки — нижняя часть окна. Кнопка должна быть неподвижной, т.е. даже если человек прокручивает страницу вниз, она всегда остается в поле его зрения;
3. Общий дизайн с сайтом. Придерживайтесь корпоративных цветов и делайте кнопку вызова онлайн-консультанта похожей по стилю на все остальное оформление.

Интересно. Новая фишка сайтов — видеовиджет. Повысит вовлеченность и вызовет wow-эффект. Кликайте и тестируйте -> Getreview

10. Подвал (футер)

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

1. Не продающий контекст. Помещайте в подвал только те разделы и информацию, которая напрямую не влияет на продажи. Это, например, «О нас», франчайзинг, юридические данные и пр. ;
2. Дублирование важного. Внизу также можно продублировать блок контактов или ссылку на социальные сети: это практикуется на многих сайтах, поэтому пользователь может отправиться за этой информацией вниз;
3. Минимализм исполнения. Не размещайте в подвале баннеры, яркие картинки для привлечения внимания, макеты. Футер должен быть максимально свободным и легким, лучше — только текст и пара иконок соцсетей.

11. Карта

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

1. Расположение. Логично внедрить карту в контактный блок или создать для нее отдельный раздел «Как нас найти». Обязательно укажите рядом (сверху или снизу), как добраться до Вас на общественном транспорте, укажите названия остановок;
2. Отметка компании. Не должно быть ситуаций, когда клиент ищет Ваш адрес, а затем судорожно изучает карту в поисках нужного здания. Установите в нужном месте, к примеру, логотип или красный флажок;
3. Интерактивность. Сделайте карту активной — с возможностью передвигаться, чтобы посмотреть, что находится рядом, и возможностью менять масштаб. Просто скрин или фотография для некоторых людей (неместных, например) будут бесполезны.

12. Калькулятор

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

1. Место ближе к началу. Лучше расположить калькулятор или аналогичный блок чуть выше середины страницы, особенно если она длинная. Не все прокручивают до конца, и наиболее выгодное расположение блока — ниже баннеров;
2. Адаптивность. Не используйте ползунки, как на скрине выше: лучше пусть будут пустые окошки для ввода данных. С ползунками очень удобно за компьютером, а вот со смартфона заполнять такие формы некомфортно: сложно достичь нужной точки;
3. Иллюстрации. Вставляйте картинки, если того требует контекст. К примеру, клиент на Вашем сайте заказывает такси. Над вариантом «грузовое» расположите изображение машины, а над вариантом «с детьми» разместите фото детского кресла.

13. Лид-форма

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

1. Привязка к офферу. Не отрывайте лид-форму от Вашего коммерческого предложения. Если Вы под логотипом разместили баннер с условиями акции, где-то рядом — сбоку или снизу — уже должна находиться форма обратной связи;
2. Не много полей. Избегайте большого количества полей. Даже если хочется получить как можно больше информации. Если Ваша лид-форма будет слишком длинной, конверсия, увы, упадет. Ограничьтесь тремя полями;
3. CTA-кнопка. Напишите на ней одно-два коротких слова, которые будут отражать результат заполнения лид-формы. Хорошие варианты: «получить скидку», «получить консультацию», «скачать». Плохие — «зарегистрироваться», «завершить» (не ясно, что даст заполнение формы).

Интересно. Еще крутую лид форму поможет создать спец.виджет. К тому же там есть много фишек, которые поймают больше клиентов (а значит и продаж будет больше). Кликайте -> Генератор клиентов

14. Социальные доказательства

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

1. Не накрученные отзывы. Не пишите отзывы сами, исключительно хвалебные и все — одним почерком. Добавьте форму для оставления отзывов, иначе ее отсутствие вызовет у пользователей вопрос, а реальные ли они вообще;
2. Расположение. Расположите их внизу страницы, друг рядом с другом, чтобы пользователь при необходимости мог прокрутить сетку с отзывами и прочитать их;
3. Фото автора. Используйте в отзывах фотографии реальных клиентов/партнеров. Например, если Вы осуществляете ремонт, предложите клиенту сфотографироваться на фоне обновленной квартиры. Чтобы дополнительно их на это замотивировать, предложите скидку за отзыв.

15. Новостной блок или блог компании

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

1. Местоположение. На главной странице не место блогу: лучше дать ему отдельный раздел в строке меню. А вот новостной блок можно расположить в левой или правой части, где будут видны только миниатюры фотографий, заголовки и даты публикаций;
2. Регулярные обновления. Плохо, если пользователь решил почитать Ваши новости или блог, а последняя запись была опубликована несколько месяцев или недель назад, у него возникнет логичный вопрос: а работаете ли вы вообще? Обновляйте раздел хотя бы несколько раз в неделю:
3. Структуризация. Разбивайте статьи на темы, если они относятся к разным категориям. Не лепите в кучу и интервью с руководителем компании, и ТОП-5 причин заказать натяжные потолки, и отчет о прошедшем розыгрыше.

На правах рекламы

ЧТО РАЗМЕСТИТЬ НА ГЛАВНОЙ СТРАНИЦЕ САЙТА

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

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

1. Онлайн-консультанты

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

Благодаря онлайн-консультантам Вы можете равномерно распределять заявки среди операторов, получать заявки из разных источников (социальные сети, e-mail, мессенджеры, приложения) в одном месте, оперативно обрабатывать обращения и отслеживать активность.

Сервис	Цена (в месяц)	Бесплатный период
Jivosite	от 742 ₽ (промокод “inscale” — 30 дней бесплатно + 5 операторов)	14 дней
Talk-me	от 600 ₽ (промокод “INSCALE” + 7 дней бесплатного пользования)	14 дней
Chatra	от 990 ₽	Бесплатный тариф

2.

Конструкторы квизов

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

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

Сервис	Цена (в месяц)	Бесплатный период
Marquiz	От 600 ₽	Без ограничений с помощью тестовых значений
Quizgo	499 ₽	7 дней
Enquiz	От 667 ₽	10 дней

По теме:

Конструктор квизов: ТОП-6 для создания викториныСоздать квиз: 7 важных шагов + 7 программ

3.

Виджеты для сайта

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

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

Сервис	Цена (в месяц)	Бесплатный период
Envybox	От 290 ₽	7 дней
Сallibri	От 600 ₽	по просододу «76C6IMERUQ» +500 р. на баланс
Carrot Quest	От 1680 ₽	14 дней

4.

Пуш-уведомления

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

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

Сервис	Цена (в месяц)	Бесплатный период
Notisend	Бесплатно	Бесплатный тариф
UniSender	От 518 ₽	7 дней

5. Системы лояльности

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

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

Сервис	Цена (в месяц)	Бесплатный период
iDiscount	От 19 $	7 дней
Dinect	От 10 000 ₽	14 дней

Коротко о главном

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

И это не значит, что Вам предстоит денно и нощно разбираться в HTML, потому что существующие сервисы помогают здорово облегчить задачу. Кстати, сделать всё еще проще поможем мы, вот готовое решение по программам:

• Онлайн-консультанты — Jivosite;
• Конструктор квизов — Marquiz;
• Виджеты для сайта — Envybox;
• Пуш-уведомления — Notisend;
• Системы лояльности — iDiscount.

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

По теме:

Лучшие конструкторы сайтов: наш ТОП-25 + как выбратьКонструктор Landing Page: ТОП-11 сервисов + как создатьКонструктор интернет магазина: ТОП-23 лучших для создания сайта

Как оформить главную страницу сайта

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

Роль главной страницы сайта в работе с аудиторией

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

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

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

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

Какими бывают главные страницы

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

Сайт услуг

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

• экспертность;
• дружелюбие;
• доступность.

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

• Наглядный каталог услуг. Он должен быть в зоне видимости, с удобной навигацией и понятными названиями категорий. Чаще всего такое меню располагают слева или по центру главной страницы.
• Преимущества. Не нужно стесняться говорить о том, чем вы хороши. Пока вы скромничаете, другие зарабатывают. Сделайте на главной странице блок с 3-5 вашими основными достоинствами, которые зацепят будущих клиентов: делайте это грамотно, этично и честно, предварительно проведя работу по изучению целевой аудитории.
• Портфолио. Покажите людям результаты работ, которые вы уже проделали, ведь вам есть чем гордиться. Сделайте это красиво, стильно и презентабельно. Для портфолио можно выделить отдельную страницу, ссылка на которую будет на главной, и вынести выборку лучших или последних работ на главную страницу, чтобы посетитель сразу их увидел.
• Прайс. Если вы обозначите цены на услуги сразу, это повысит доверие к вам как к профессионалу. Вы не “темните”, не пытаетесь запутать человека, а сразу и честно сообщаете, сколько стоит ваша работа. Цены лучше делать отдельным разделом с обязательным размещением ссылки на главной. Если услуг немного, цены можно указать прямо на плашках с услугами, вместе с картинкой-превью.
• Контакты. Человек, который окинул первым взглядом вашу главную страницу и заинтересовался услугами, должен иметь возможность сразу связаться с вами. Укажите телефон, адрес, электронную почту — лучше прямо в шапке сайта.

Интернет-магазин

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

Что разместить на главной странице интернет-магазина, чтобы эта коммуникация была удачной?

• Каталог товаров с поиском по категориям и фильтрам. В случае с товарами очень важно, чтобы человек мог легко и быстро найти то, что ему нужно. Даже если посетитель пока точно не знает, что ищет, такой поиск может ему помочь определиться. Меню каталога категорий товаров обычно размещают в левой части главной страницы сайта.
• Выборка популярных или сезонных товаров. Это сделает более доступными те товары, на которых можно лучше заработать, то, что люди ищут. Такой блок можно делать слева под каталогом или отдельным слайдером по центру.
• Акции и спецпредложения. Отдельная страница для акций, безусловно, должна быть, но на главной обязательно должны отображаться актуальные акции, которые могут заинтересовать посетителей уже сейчас и будут способствовать увеличению продаж. Акционный блок имеет смысл делать в центральной части страницы, в виде слайдера или плитки из 2-4 плашек.
• Обратная связь. Нужно дать клиенту возможность связаться с вами уже здесь, когда он на главной странице. Онлайн-чат — это один из самых полезных и продающих инструментов для интернет-магазинов.  
• Отзывы. Да, прямо здесь, на главной, вы можете разместить слайдер с отзывами довольных покупателей, чтобы те, кто пришёл на ваш сайт только что, сразу уловили вашу востребованность.
• Контакты. Адрес главного офиса или шоурума, телефон и электронная почта — это всё должно быть прямо в шапке сайта.

Лендинг

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

• Презентация торгового предложения. Важно показать товар или услугу максимально подробно, выгодно и ярко. Описание должно с первых секунд отвечать на “боли” посетителя и демонстрировать готовность эти боли закрыть. Рекомендуем сопроводить эту часть ярким ёмким заголовком, например, провокационным вопросом.
• Иллюстрация вашего оффера. Конечно, должно быть хорошее фото и видео, где можно рассмотреть детали со всех сторон.
• Навигационная кнопка “Узнать больше”. В остальных частях лендинга раскрываются все остальные подробности торгового предложения — цены, условия, варианты и пр. Кнопка “Узнать больше” ведёт к этим подробностям и ответам на вопросы. 
• Кнопка для обратной связи. Это должен быть очевидный и доступный шаг, который может сделать клиент навстречу к вам. “Заказать обратный звонок”, “Сделать расчёт”, “Забронировать”, “Задать вопрос” — предоставьте людям варианты быстрой связи с вами.
• Кнопка целевого действия. “Заказать”, “Купить”, “Оставить заявку”. Призыв к целевому действию должен быть уже на главном экране лендинга. По опыту, такой лид-магнит работает очень эффективно.

Информационный сайт

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

Что здесь нужно размещать:

• Логотип и название организации. Здесь объяснения излишни — на главной странице сайта должно быть очевидно, что это за организация и чем она занимается.
• Описание. Дайте посетителю с первых секунд понять, что полезного он может узнать на этом сайте. Информацию можно распределить по направлениям и категориям, сделать меню или кликабельные плашки.
• Адрес и контакты. Важно демонстрировать доступность и открытость. Разместите контактные данные в шапке сайта, и не забудьте сделать отдельный раздел “Контакты” с картой проезда, дополнительными телефонами и другими способами связи (телефоны разных отделов или руководителей направлений), а ссылку на этот раздел разместите в шапке.
• Обратная связь. Люди приходят на сайт за информацией, и нужно дать им возможность эту информацию дополнить, если у них возникли вопросы. На главной будет логично сделать форму обратной связи или ссылку на неё.
• Репортажный блок. Здесь размещаются фотоотчёты с мероприятий, выполненные работы.
• Анонс мероприятий. Аудитория, заинтересованная в деятельности вашей организации, должна иметь представление о том, чем вы занимаетесь и что планируете сделать. Так вы добьётесь общественного признания, доверия и популярности.

Что общего

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

• Презентация и описание;
• Контакты;
• Обратная связь.

Другие элементы, в зависимости от вида сайта, могут варьироваться, но чаще всего на главных страницах коммерческих сайтов есть ещё и эти элементы:

• каталог товаров или услуг;
• форма заявки или заказа.

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

Что будет лишним

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

Старайтесь избегать на главной странице таких элементов:

⛔ Полный каталог товаров и услуг. 

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

⛔ Большие текстовые описания. 

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

⛔ Слишком много преимуществ или хороших отзывов. 

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

⛔ Некачественные изображения. 

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

Как размещать элементы на главной странице

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

1. Продумайте юзабилити. Главная страница должна быть эргономичной, удобной и интуитивно понятной. Её вёрстка и внешний вид — это то, что должно быть продумано ещё на этапе прототипирования. Для этого нужно будет изучить сайты конкурентов, сформировать образ целевой аудитории и определить фирменный стиль вашей компании. Это поможет вам сделать главную страницу понятной, удобной, доступной и приятной визуально.
2. Акцентируйте внимание на том, что важно. Если у вас коммерческий сайт, не стесняйтесь подчёркивать достоинства ваших УТП. Главная страница — это то, что должно зацепить и удержать внимание посетителя, чтобы он стал клиентом. 
3. Сделайте навигацию удобной и понятной. Логика навигации на главной странице должна быть выстроена так, чтобы привести посетителя к целевому действию, которое вам нужно. Как именно будет построена главная, зависит от вида сайта, но эргономика — это очень важно. Дайте посетителю возможность найти все нужные разделы и кнопки сразу, интуитивно.
4. Меньше слов — больше дела. Не перегружайте главную страницу текстами! Человек только зашёл к вам, и ему меньше всего хочется вовлекаться в текстовые массы, которыми пестрит главная страница. Он пришёл сюда не почитать, а удовлетворить свои потребности, поэтому лаконичность, смыслы и краткость — ваши друзья.
5. Адаптируйте страницу для мобильных устройств. Главная страница вашего сайта должна корректно открываться и читаться не только с компьютера, но и со смартфонов и планшетов. Продумайте, как основные элементы и меню будут располагаться в мобильной версии, что можно сократить, что переместить или скрыть. Помните об эргономике — мобильная версия должна быть такой же удобной, красивой и понятной, как и основная.
6. Думайте о посетителе! Ваша главная страница должна быть не только демонстрацией вашей компании, но и первым дружеским жестом в сторону будущего клиента. Дружелюбие и готовность помочь, положительный эмоциональный настрой, понимание и отзывчивость — вот что должен почувствовать посетитель вашего сайта, чтобы стать вашим лояльным клиентом. Старайтесь транслировать это в заголовках, описаниях, иллюстрациях — грамотно, этично и доброжелательно.

Что разместить на домашней странице веб-сайта

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

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

4 вопроса, на которые должна отвечать ваша домашняя страница

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

1. Чем вы занимаетесь?

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

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

Консультанты печально известны своей неясностью. Не спрашивайте меня, почему! Я набрал в Google «консультанты», когда писал это, и выбрал первую попавшуюся ссылку. Это был идеальный пример. Очень смешно! Я не хочу дискредитировать эту компанию, но хочу показать вам, что я имею в виду.

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

Пытаясь придумать главный заголовок или слоган для своего веб-сайта, просто подумайте, что бы вы сказали, если бы встретили кого-то нового и он спросил вас: «Чем вы занимаетесь?»

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

Это не должно быть сложным или замысловатым. Чем проще, тем лучше.

2. Какая мне от этого польза?

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

Например, я мог бы сказать:

• Я помогаю владельцам малого бизнеса разрабатывать планы продаж и маркетинга. И что? Какая разница?
• Вас найдут и заметят новые потенциальные клиенты. И что?
• Вы достигнете своих целей роста, увеличив доход от продаж нового бизнеса. О! Прохладный. Теперь ЭТО интересно.

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

3. Почему я должен тебе доверять?

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

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

4. Что делать дальше?

Не думайте, что люди будут нажимать на ваш сайт — этого не будет! Вы должны сказать им ТОЧНО, куда идти дальше. Сделайте это очень ясным.

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

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

Вот некоторые примеры того, что люди могут делать дальше:

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

Вот пример домашней страницы

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

Пример HubSpot: https://www.hubspot.com/

• Чем вы занимаетесь? Программное обеспечение для маркетинга и продаж
• Какая мне от этого польза? Развивайте свой бизнес
• Почему я должен тебе доверять? Более 11 500 компаний в 70 странах используют HubSpot
• Что мне делать дальше? Начать бесплатную пробную версию / Узнать больше о платформе

Смотрите! Это не должно быть так сложно.

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

Вспомогательные элементы

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

Изображения

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

Видео

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

Если вы пойдете по этому пути, сделайте , а не , чтобы видео (или любой другой аудиоконтент) воспроизводилось автоматически. Ничто не объявляет «Я сейчас не работаю!» как громкий веб-сайт посреди кубической фермы. Не настраивайте своих посетителей на неприятности.

Хорошо организованные страницы

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

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

Иконки социальных сетей

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

Контактная информация

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

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

Веб-сайты находятся в стадии разработки

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

Основные страницы веб-сайта: улучшите свой сайт с помощью советов экспертов

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

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

«Какие страницы сайта должны быть на моем сайте?» — хороший вопрос! Каждый веб-сайт начинается с домашней страницы, но какие еще страницы нужны вашему веб-сайту?

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

Сколько страниц должно быть на моем сайте?

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

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

Итак, какие страницы

должны быть на моем веб-сайте?

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

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

В этой статье мы разделим структуру сайта на:

• Страницы, которые должен иметь ваш сайт 

• Страницы, которые приятно иметь

• Другие общие страницы на веб-сайте

Бессовестная вилка

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

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

Слайдер

• Курс цифрового маркетинга

• Часы

• Онлайн-класс

• Недвижимость

• Автор

• Тренер по здоровью

• Портфолио веб-дизайна

8 страниц веб-сайта, которые должны быть у каждой компании

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

Домашняя страница

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

Что разместить на главной странице вашего сайта:

• Заголовок и подзаголовок

• Описание продукта или услуги

• Ссылки на важные страницы, например категории продуктов

• CTA

• Социальные доказательства, такие как обзоры и рекомендации

• Любой другой контент, который вызывает любопытство и усиливает ваше сообщение

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

Пятисекундный тест

Отличным способом измерения релевантности страницы является пятисекундный тест. Five Second Tests — это форма исследования пользователей, используемая для оценки эффективности вашей веб-страницы. Участников просят просмотреть дизайн в течение 5 секунд, а затем ответить на несколько вопросов, чтобы оценить, насколько хорошо передается сообщение на странице.

Как создать призыв к действию (CTA), который работает

Чтобы создать правильный контент, спросите: «Если посетитель видит только эту страницу, что я хочу, чтобы он сделал?» Посетить магазин? Заказать звонок? Подпишитесь на рассылку новостей? Читать блоги?

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

​👉 Совет

Страница «О нас»

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

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

Возьмем, к примеру, иллюстраторское агентство Красавчик Фрэнк — их история забавная, познавательная и личная.

👉 Совет

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

Контактная страница

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

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

Интегрированная контактная форма с проверкой CAPTCHA может помешать спам-ботам связаться с вами.

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

​👉 Совет

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

Страница продукта (если вы предлагаете товары)

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

Типичная страница продукта включает:

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

• SaaS: Функциональная страница, которая объясняет продукт и ведет посетителя на страницу регистрации

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

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

На странице ниже от иллюстратора Альи Хорват показана страница печатного продукта с соответствующей информацией.

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

​👉 Совет

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

Страница услуг (если вы предлагаете услуги)

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

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

​👉 Совет

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

Страница блога

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

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

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

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

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

👉 Совет

С помощью MailerLite вы можете легко добавить раздел блога на свой веб-сайт. Посмотрите видеоруководство Марсина, чтобы узнать, как настроить свой блог в MailerLite.

Страница политики конфиденциальности

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

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

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

​👉 Совет

Не уверены в копии вашей страницы Политики конфиденциальности? Вы можете создать собственную Политику конфиденциальности с помощью GetTerms или любого другого онлайн-генератора.

Страница условий обслуживания

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

​👉 Совет

Создайте свои правила и условия с помощью генератора Shopify.

6 отличных страниц веб-сайта

Страница отзывов или отзывов

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

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

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

​👉 Совет

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

Страница часто задаваемых вопросов

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

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

​👉 Совет

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

Страница карты сайта

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

​👉 Совет

См. официальную документацию Google, чтобы узнать, как создать карту сайта.

Страница не найдена страница

Эта страница 404 сообщает читателям, что вставленный URL-адрес больше не существует. Обычно это ссылки на домашнюю страницу.

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

​👉 Совет

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

Страница возврата/возмещения

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

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

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

​👉 Совет

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

Страница с информацией о доставке

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

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

👉 Совет

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

5 другие распространенные типы страниц веб-сайта

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

1. Страница результатов поиска

2. Страница новостей с обновлениями о вашей компании (см. нашу страницу что нового )

3. Карьера или страница вакансий с открытым вакансии

4. Страница партнера или эксперта (см. наш здесь )

5. Другие страницы раскрытия информации для рекламодателей или аффилированных лиц

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

Бонус: Контрольный список страниц веб-сайта

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

✅ Контрольный список: Контрольный список страниц сайта

Обязательно

1. Домашняя страница

2. О странице

3. Контактная страница

4. Страница продукта

5. Страница услуги

6. Блог

7. Политика конфиденциальности

8. Условия предоставления услуг

1. Отзывы

2. Часто задаваемые вопросы карта

3. Страница не найдена (404)

4. Страница возврата

5. Страница политики доставки

Дополнительные страницы

1. Страница результатов поиска

2. Страница новостей

3. Страница карьеры

4. Страница эксперта

5. Страница раскрытия информации

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