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

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

2. Низкая скорость сайта

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

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

3. Перегруженность первого экрана и отсутствие визуальной иерархии

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

Например, этот сайт.

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

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

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

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

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

4. Непродуманный дизайн

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

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

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

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

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

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

6. Некачественные картинки

Интернет-магазин по продаже зеркал. Заходим и сразу видим очень странные фотографии. Во-первых, непонятно что это: 3-D модели или настоящие фотографии. Изображения тёмные, на них различимы пиксели. Такие фотографии не дают никакой информации. Этот визуал максимально плохо сделан, абсолютно не продуманы композиция, фон, интерьер, освещение.

7. Недостаточно информативная главная страница

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

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

8. Мелкие контакты в шапке

Ваши контакты должны быть хорошо видны.

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

9. Отсутствие заголовка

Часто встречаются сайты без заголовков.

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

10. Отсутствие четкого оффера и утп

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

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

куда клиент попал (например, «Томская шоколадная фабрика») плюс выгодное предложение для клиента, суперсила компании или её преимущества.

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

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

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

11. «Избитые» заголовки

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

О нас

Наши преимущества

Мы в цифрах

Этапы работ

Честность и ответственность

Условия

Профессиональная работа и так далее.

Почему важно так не делать?

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

12. Неуникальные преимущества

90% всем известных преимуществ: «индивидуальный подход», «высокое качество» и другие можно вырезать, скопировать и поставить на любой другой сайт. Они прекрасно подойдут и туда тоже. Никакой конкретики в этих преимуществах нет. Например, как здесь.

Высокое качество

Сбалансированная стоимость

Индивидуальный подход

Гарантия и поддержка

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

Например, у вас есть персональный менеджер, который закрепляется за компанией-клиентом, и он находится на связи с ним 24/7. Индивидуальный подход? Да, но это и есть конкретика.

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

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

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

14. Мелкий шрифт

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

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

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

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

На этом первая часть поста заканчивается. Переходите в профиль для прочтения второй :)