Секрет хорошего сайта — в деталях. Вы должны всегда публиковать качественный оптимизированный контент, предоставлять незабываемый пользовательский опыт и конвертировать посетителей в реальных клиентов без задержек.
Что нужно для успешного сайта: 10 ключевых элементов
Mobile friendly
Вы можете закатить глаза: «О нет, снова!»
Но важность отзывчивого дизайна невозможно переоценить. Мобильный трафик стремительно растет: только за 2015 год он увеличился на целых 75%, а в 2016 году количество мобильных пользователей Интернета достигло 2 миллиардов.
Стоит ли продолжать? Остается убедиться, что сайт обеспечивает одинаковые возможности просмотра на разных устройствах и операционных системах.
Даже если пользователи просматривают каталог на 5-дюймовом экране, они должны видеть все, что нужно, без чрезмерной прокрутки, масштабирования и минимизации.
Уникальные шрифты
Разработка уникальных или использование очень редких шрифтов позволяет посетителям идентифицировать их с вашим брендом.
Выбранный тип шрифта невербально сообщает, какая вы компания: веселая, серьезная, связанная со здоровьем, образованием и т. д.
Кроме того, типографика сайта помогает направлять читателей на требуемые страницы (если шрифты грамотно объединены в систему).
Призыв к действию на сайте
Эффективный, привлекательный и актуальный призыв к действию очень важен.
Его текст должен открыто сообщать потенциальным клиентам, что ожидает после нажатия кнопки. Например, «Загрузите бесплатную электронную книгу», «Подпишитесь на рассылку» или «Купить сейчас».
Помимо четких формулировок, призыв к действию на сайте должен соответствовать правилам маркетинга.
Большое главное изображение
Построив страницу вокруг эффектного изображения, вы создадите уникальный визуальный опыт и подогреете любопытство посетителей, побуждая их прокручивать ниже и кликать куда нужно. Такие изображения помогают рассказать свою историю на эмоциональном уровне, без чрезмерной привязки к тексту.
Независимо от используемого устройства (смартфон или десктоп), огромные мощные изображения наверняка привлекут внимание. Они могут одновременно работать пробелами между блоками контента (для улучшения читабельности) и повествовать о бизнесе без лишних слов.
Добавьте сюда удачную цветовую гамму, и сердце клиента ваше!
Фоновое видео
Научный факт: визуальный контент привлекает больше людей, чем текст. Человеческий мозг обрабатывает видео в 60 000 раз быстрее текста; большинство посетителей уходят, если им приходится читать тонны «букаф», но они с удовольствием продегустируют ваш видеоконтент.
С увеличением скорости передачи данных пользовательский видеоконтент приобретает массовую популярность — это лучшее подтверждение эффективности нового формата. Ненавязчиво предлагая фоновое видео на сайте, вы будете информировать и обучать пользователей, повышая конверсии.
Загрузка и навигация по сайту
Ваш проект не стоит и гроша без ключевых вещей: простая навигация и быстрая загрузка. Какой смысл от дорогостоящего дизайна и контента, если 90% посетителей разворачиваются, не дождавшись загрузки? Или попросту не могут отыскать несчастный «гамбургер» главного меню?
Исследования показывают, что более 40% пользователей отказываются от веб-сайтов, которые загружаются более 5 секунд. Ускорить это дело можно с помощью автокеширования, системы распределения контента (CDN), сжатия изображений и минимизации количества НТТР-запросов.
Подробнее о том, как ускорить сайт на 1С-Битрикс, читайте в нашей статье.
Второе. Убедитесь, что навигация от главной до самой глубокой страницы с последним уровнем вложенности проста и интуитивно понятна.
Предоставьте людям возможность добраться до требуемой страницы с минимальным количеством кликов. Желательно ограничивать меню 7 опциями — психологи считают, что большее количество пунктов запутывает пользователя.
Не забывайте, что заголовки меню должны быть понятными и описательными. Элементы навигации — это худшее место для литературных опытов.
Даже если вы расскажете историю бизнеса через видео, не забудьте разработать полноценный раздел «О нас» (текст). К сожалению, многие компании не осознают важность этого раздела и теряют потенциальных клиентов.
Третье. Позвольте людям связаться с компанией, разместив свою контактную информацию на каждой странице. Предложите им несколько каналов связи на выбор: электронную почту, телефон, чат, онлайн-форму и т. д.
Релевантный и интересный контент
При нынешнем изобилии посетителей тошнит от однообразного контента, когда нужно найти ответ на популярный вопрос. Попробуйте, например, отыскать полезные сведения по какому-нибудь заболеванию среди десятков рерайтов, взятых с одних и тех же сайтов и скомпонованных далекими от медицины дилетантами!
Убедитесь, что вы публикуете именно то, что актуально и интересно целевой аудитории. В первую очередь, контент должен быть авторитетным, не содержащим фактических ошибок. Отвечайте на вопросы, решайте реальные проблемы — тогда подписки и расшаривание гарантированы.
Да, не забывайте употреблять правильные ключевые слова и оптимизировать контент для поисковых систем. Вы ведь хотите быть услышанными?
Свободное пространство
Пространство имеет решающее значение, поскольку оно контролирует все — от потоков посетителей до удобочитаемости контента. Современные веб-дизайнеры все более изящно управляются с пространством, поэтому важно не следовать текущим тенденциям и своевременно освежать свои страницы.
Пространство позволяет указывать важность тех или иных элементов, акцентирует внимание посетителей на нужных кнопках и изображениях. Хотя в мире существуют сайты с несуразным оформлением, приносящие уйму денег, мы не советуем экспериментировать с вашими бизнес-проектами.
Обратитесь к талантливому дизайнеру и следуйте его рекомендациям.
Меню «гамбургер»
Некоторые разработчики говорят, что «гамбургер» уходит в прошлое, но факт остается фактом: три полоски являются понятным и общепринятым символом, с которого начинается знакомство с новым веб-сайтом.
Зачем их использовать? Это экономит много места на экране и придает дизайну вашего сайта более чистый, приятный внешний вид. Если вы работали с Яндекс Браузер, то могли заметить «гамбургер» в верхнем правом углу.
Сделав навигацию проще и устранив отвлекающие факторы, вы помогаете людям отыскать нужную им информацию и совершить необходимые действия.
Огромные изображения продуктов
Какого размера должно быть фото продуктов на сайте? 1920х1080?
Если превью следует делать небольшими и быстро загружаемыми, то основное изображение слишком большим не бывает. Гигантские масштабы позволят легко выделить конкурентные преимущества продукта и рассмотреть его «вживую», развеяв последние сомнения придирчивого покупателя.
С другой стороны, изображение продуктов на лендинге и некоторых других страницах стоит изначально делать яркими и огромными. Это поможет впечатывать положительный образ в умы аудитории, воздействуя на подсознательном уровне.
Вывод
Вы наверняка слышали высказывание: «Дьявол в деталях». Вот оно!
Что нужно для успешного сайта?
Внимание к деталям — это отличительный признак хорошего онлайн-проекта.
Если хотите, чтобы аудитория нашла вас среди двух миллиардов конкурентов, позаботьтесь об актуальности, индивидуальном опыте и SEO оптимизации.
Хотите раскрутить сайт в кратчайшие сроки?
Смело обращайтесь к специалистам Студии Вячеслава Денисова.
