Всем привет, на связи Юлия Чмыхало, руководитель Digital-агентства «Клиенты здесь». Сегодня поговорим об эффективной структуре корпоративного сайта для малого и среднего бизнеса.
1621 просмотров
Речь идет о компаниях, которые не готовы вкладывать в разработку онлайн-ресурса 300 0000 руб. и больше, но при этом ищут стильное, современное и главное — конверсионное решение.
В целом задача не нова. С таким запросом к нам систематически обращаются организации, у которых:
- старые сайты формата 90-х годов, которые сложно обслуживать и поддерживать;
- вообще нет онлайн-ресурса (стартап, новый бизнес или направление), и есть задача — разработать сайт недорого.
Нужно понимать, что у каждого сайта свои цели.
Если вам нужен высоконагруженный ресурс с высокой посещаемостью и развернутым функционалом, например, крупный онлайн-магазин, или ресурс с множеством филиалов и регулярно обновляемой информацией, то малым бюджетом не обойтись.
Однако если вам нужно:
- обозначить компанию в интернет-пространстве (или обновить текущий информационный сайт);
- предоставить клиентам описание услуг / продуктов;
- показать команду, потенциал: техническое оснащение, производство;
- вести блог для поддержания имиджа и SEO-продвижения;
- привлекать людей с помощью контекстной рекламы и увеличить продажи.
То в данном случае есть решение, которое позволит вам вложиться в бюджет до 100 000 руб. и получить полноценный функциональный ресурс, с мобильной версией и, что немаловажно, панелью администрирования.
С помощью панели управления (админки) вы сможете:
- менять контент на страницах: изображения, текст;
- добавлять / удалять новые разделы и страницы.
Кроме того, наличие админки не предполагает систематической абонплаты, как в случае онлайн-конструктора (Тильда, LPmotor, WIX).
Для начала давайте разберемся, из каких разделов состоит такой сайт компании.
Структура сайта компании 2022
Этот раздел будет полезен всем, кто планирует разрабатывать сайт компании. Если у вас уже есть онлайн-ресурс, вы можете проверить его эффективность по данному ЧЕК-ЛИСТУ.
Главная страница — лицо вашего сайта.
Обычно человек попадает на главную с других страниц сайта.
- например, из блога — находит вас по ключевому слову в статье «медицинская страховка” /“строительство домов», изучает информацию, а затем переходит на главную почитать о вас;
- попадает на главную со страницы конкретной услуги, на которую вы привели его с контекстной / таргетированной рекламы, по SEO.
Или сразу попадает на главную с рекламы, в зависимости от вашей воронки.
Как бы там ни было, у главной несколько задач:
- кратко рассказать о вас;
- показать что вы предлагаете;
- отразить для кому актуально ваше предложение;
- вызвать доверие клиента;
- в идеале — закрыть его боли и призвать к действию.
Также важно предусмотреть на главной возможности быстрой связи с вами и навигации с другими разделами. Сейчас разберем более подробно.
Многие допускают ошибку: запускают рекламу на неподготовленные страницы сайта. И речь идет не только о главной, но и страницах услуг, например.
Попадая на сайт, пользователь видит примерно следующее:
Это полно текста, где сложно вычленить смыслы. Поэтому конверсия в продажи с такой главной будет минимальной.
Все прогрессивные компании используют главную в формате лендинга, и мы также предлагаем клиентам такой формат.
Структура главной: 11 блоков для «начинки»
Сейчас не будем говорить о таких вещах, как логотип, контакты, подвал и прочее.
Важно: структура может разниться, в зависимости от сферы бизнеса. Рассмотрим фундаментальные блоки, из которых все состоит.
Блок: заголовок (1 экран)
Это может быть слайдер, где поочередно меняется перечень услуг с преимуществами.
А также статическое изображение (видео) с вашим УТП (уникальным торговым предложением). Про это есть у меня есть отдельная статья.
Как делать нельзя:
Нельзя размещать полотно текста вверху главной страницы. Это сразу отпугнет ваших потенциальных клиентов. Более того, от этого нужно уходить на всех страницах.
2. Блок: выгода клиента
Раскройте суть вашего УТП, покажите клиенту наглядно, какую проблему решает ваш продукт, услуга или в целом компания.
Для этого можно использовать такой формат:
Или такой формат:
3. Блок: о компании
Кратко и емко опишите ключевые факты о вашей компании. Используйте те данные, которые интересны клиентам либо как-то подчеркивают ваше преимущество перед конкурентами.
Избегайте размытых формулировок, используйте максимум конкретики: факты, цифры, гарантии, пр.
И, конечно, не забывайте поставить кнопку, которая будет вести в соответствующий раздел: О компании.
3. К блоку о компании можно добавить блок: «О нас в цифрах», только не делайте его (О нас) слишком большим и громоздким. Не перегружайте.
4. Блок с описанием основных услуг
Вы можете продублировать информацию, раскрытую в слайдере-заголовке, но дать более подробное описание (без фанатизма).
Важно, чтобы главная наглядно демонстрировала ваши услуги.
По нажатию на каждую услугу пользователь будет проваливаться в подраздел 2 уровня сайта.
5. Блок: преимущества
В идеале вам нужно изучить конкурентов и выделить свои конкурентные преимущества. В чем вы сильнее: ассортимент, скорость доставки, качество, кадры и прочее. На базе этого формируется позиционировании компании.
Как нельзя делать: писать банальные преимущества в формате «индивидуальный подход”, “оперативная доставка».
В написании продающих текстов мы используем техники: ХПВ, AIDA, 4U, и вам рекомендуем.
5. Блок: разделитель с важной информацией или призывом
Чтобы глаз пользователя не замыливался, важно избегать повторения схожих блоков.
Отличный вариант — выделить побольше места под 1 важное преимущество, например, внутренний контроль качества.
Или же вынести в отдельный блок призыв к действию с описанием выгод. Это отличный способ разбавить пространство.
6. Блок: кому подойдет
Здесь нужно красочно описать портрет вашей аудитории. Чтобы посетитель узнал себя и задумался о необходимости вашего продукта.
7. Блоки доверия
Здесь могут быть отзывы клиентов. Выберите 3-5 отзывов от самых значимых клиентов для главной.
А под ними поставьте кнопку [Смотреть все отзывы], ведущую на страничку с отзывами (2 или 3 уровень).
Какие отзывы работают в 2022?
- сканы (печать, подпись);
- видео (в идеале).
Как получить отзыв от клиента? С клиентами мы используем такой формат: предварительно подготавливаем макеты-шаблоны благодарственных писем, которые затем согласовываем с клиентом и получаем сканы. Не всегда у клиента есть возможность составить отзыв.
Также одним из элементов доверия может быть блок Наши клиенты. Разместите логотипы (также 6-8 будет достаточно, не перегружайте).
Как нельзя делать: заполнять страницу множеством отзывов и логотипов
8. Блок: новости
Это вывод последних новостей из вашего блога. Позволяет сделать главную более живой и продемонстрировать, что вы выедете активность.
- описание крайних проектов;
- поздравление с праздниками;
- участие в отраслевых мероприятиях.
9. Блок: портфолио
Это актуально для B2B сектора. Тема портфолио многогранна. При грамотной упаковке этот элемент позволяет в разы увеличить продажи.
Что отразить в портфолио:
- краткое описание проекта (задача, с которой обратился клиента);
- порядок реализации (возможные трудности / как преодолевали);
- результаты клиента;
- его отзыв (скан, видео в идеале).
10. Блок: наша команда
Для повышения доверия можно расположить блок с командой, но только в том случае, если вы его правильно оформите, иначе он может навредить.
По возможности проведите съемку и используйте профессиональные фото.
Лайфхак: если у вас удаленный штат, то можете поручить сотрудникам сфотографироваться дома на фоне стены и поручить дизайнеру сделать фото в едином стиле.
11. Форма заявки
Клиент изучил вашу главную страницу и готов связаться с вами. Предоставьте ему такую возможность в пару кликов.
Важно: минимизируйте количество полей — чем меньше, тем лучше.
Необязательно использовать все блоки. Краткость, как известно, сестра таланта. В некоторых сферах лучше работают длинные главные, а в других — короткие.
Почему я так много внимания уделила главной? Потому что некоторые блоки могут использоваться на других страницах. Рассмотрим подробнее.
Какие базовые разделы предусмотреть на сайте?
Речь идет о базовой структуре, которая, конечно же, может меняться, как расширяться, так и сокращаться, в зависимости от конкретной задачи.
Для разработки грамотной структуры проводится сбор семантического ядра и различные мероприятия. Сейчас говорим о самой простой основе для рядовой задачи.
Важно знать!
Структура может разниться, например, блок Партнерам или Клиенты могут выделяться как отдельная категория.
Также может быть добавлен раздел Продукция, если, кроме услуг, вы предлагаете клиентам поставку продуктов. Или любой другой раздел. Чтобы узнать, какие именно блоки нужны в вашем случае, проводим исследование.
На что обратить внимание при разработке структуры страниц 2-3-го уровня?
Сейчас речь пойдет о страницах второго, третьего и последующих уровней вложенности.
В чем особенность данных страниц?
Они не менее важны, чем главная, поскольку основная задача данных разделов (в зависимости от сферы бизнеса):
- предоставить пользователю информацию;
- закрыть его возражения;
- побудить к целевому действию (купить, связаться с вами);
- помочь рассчитать стоимость (калькулятор);
- и прочие задачи.
Как делают многие компании?
Размещают на странице полотно текста. При этом, что делает пользователь, попадая на такую страницу с рекламы или информационной статьи (SEO)? Правильно, теряется и закрывает, иногда читает, если текст качественный.
Как лучше сделать?
Чтобы вы могли сэкономить рекламный бюджет и сделать сайт максимально конверсионным, рекомендуем сделать эти страницы структурированными, также как и главную.
Особенность: на этих страницах, в отличие от главной, допускается размещать более объемные тексты. Например, 3-4 структурированных абзаца о компании, более детальные характеристики оснащения, пр.
Лайфхак: вы можете использовать некоторые блоки, заготовленные для главной. Например, блок «Мы в цифрах» можно разместить и на Главной и в разделе «О компании».
То, что было бы лишним на главной, отлично сработает здесь, так как имеет точечный целенаправленный подтекст.
Важно: если у вас широкий ассортимент и сложно сделать страницу-лендинг под каждую услугу, выберите несколько основных, на которые будет запускаться трафик.
Информацию на остальных можно разместить в виде текста с ориентацией по последующее структурирование.
Плюсы от применения такой стратегии:
- простое и комфортное восприятие информации пользователем;
- увеличения конверсии в продажи.
Итак, напоследок пример структуры хорошо оформленного раздела О компании.
1. Блок: текстовое описание (о нас) + мы в цифрах.
2. Блок преимуществ.
3. Обращение руководителя.
5. Важное преимущество (отдельный экран).
6. Блок доверия (команда).
7. Блок закрытия возражений.
Как видим, некоторые блоки могут дублироваться с главной, это нормально.
Пример структуры страницы 3 уровня, выполненной в формате текста:
Как видим, здесь расположен полноценный текст объемом до 3000 символов.
Но при этом все равно присутствует наглядная структура внизу:
- команда;
- схема работы;
- стоимость услуг;
- форма заявки.
Выводы: в настоящее время в рамках 100 000 руб. можно разработать сайт компании с грамотной структурой главной и страниц 2-3 уровня. Да, это не будет высокотехнологичный и высоконагруженный ресурс, однако для рядовых задач компаний малого и среднего бизнеса: рассказать о себе и привлечь клиентов — это отличное решение.
. В чем сильные стороны ресурса:
· проработанная структура с маркетинговой точки зрения (производим маркетинговое исследование, формируем УТП, правильную подачу смыслов, структуру, которая будет доносить смыслы до вашей ЦА),
· простота управления (работая админка — никаких конструкторов).
. В чем слабые стороны: решение НЕ подходит для крупных проектов с высокой нагрузкой, а также B2B-сегмента с широкой географией работ и огромным количеством систематически обновляемых данных. Шаблонные дизайнерские решения. (Разработка уникального проекта — в разы дороже).
Разработку такого сайта вы можете заказать в нашем Digital-агентстве, которое работает с 2015 года. Для связи пишите мне в Телеграм, обсудим детали, я направлю вам примеры работ и разработаем для вас эффективный сайт с экономией бюджета.
P/S Отвечать на комментарии разъяренных хейторов не буду, можете не тратить зря время. Кому нужно получить информацию — тот возьмет. Если вам неактуально или вы «и так все знаете», просто проходите мимо.
Источник: vc.ru
Как сделать сайт для бизнеса: основные моменты и советы предпринимателям
Итак, вы поняли, что вам нужен сайт. Поздравляем! Это первый шаг к продвижению бизнеса в интернете. В этой статье расскажем, что должно быть на сайте ИП или организации, которые продают товары или услуги.
Что нужно сделать до создания сайта
Определим цели
Сначала уточним, для чего вообще нужен сайт:
- привлечь новых клиентов. Даже если ваш бизнес давно и успешно работает в офлайне и имеет свою постоянную ЦА, новая аудитория никогда не помешает;
- выйти в другие регионы. Если вы работаете в пределах своего города, вас все знают – это отлично, но заказчики из других городов просто не имеют представление о вашем бизнесе. Надо им помочь;
- повысить статус компании. «Как, у вас даже сайта нет?!» — если вы часто слышите эту фразу, значит, пора что-то менять!
- рассказать о новом товаре или услуге, которую вы запустили и хотите продвигать;
- наладить обратную связь с клиентами, которым удобнее обращаться к вам по интернету;
- увеличить прибыль в результате всех этих действий.
Смотря какие цели вы ставите – такой сайт вам и нужен: визитка, лендинг, полноценный корпоративный сайт, интернет-магазин. Об этом расскажем чуть ниже.
Определим ЦА
Теперь уточним, для кого мы делаем сайт. Кто будет изучать ваш сайт? Откуда он про него узнает, что будет там искать? От ЦА зависит все: дизайн сайта, его наполнение, тексты, приложения и виджеты. Например, если ЦА – молодежь, сайт нужно наполнить современными эффектами, чтобы попасть точно в яблочко.
Если пожилые люди – облегчить им задачу: использовать крупные шрифты, детально объяснять каждое действие, писать как для чайников. Бывает так, что видов ЦА много: вашими услугами пользуются и молодые, и старые, и мужчины, и женщины. В этом случае лучше сделать основной сайт и несколько лендингов – свой на каждую аудиторию.
Выберем подрядчика
Кто будет делать ваш сайт – знакомый программист, неизвестный фрилансер или надежная студия дизайна? Вариантов много. Если хотите дешево, но без гарантий – найдите частного веб-дизайнера, если надежно, но подороже – воспользуйтесь сарафанным радио. Оптимальный вариант, как нам кажется, – студия дизайна или диджитал-агентсво.
Там вы получите все гарантии, техподдержку, современный дизайн. Решать вам.
Виды сайтов
Снова вспомним про цели и рассмотрим основные виды сайтов.
1. Сайт-визитка
Это обычный стандартный сайт, который есть у каждой компании или индивидуального предпринимателя. Визитка — лицо бизнеса, именно этот сайт покажется в поисковике тем, кто наберет название вашей компании. Соответственно, в нем содержится вся информация: кто вы, чем занимаетесь, что продаете, какие услуги оказываете. По желанию на корпоративном сайте можно разместить такие разделы, как «Новости», «Вопрос-ответ», «Отзывы», информацию о руководителе и сотрудниках, обязательно – указать контакты.
Важное правило: напрямую сайт-визитка ничего не продает – просто информирует посетителей о вашем бизнесе.
2. Лендинг, или посадочная страница
А вот этот небольшой одностраничник именно продает – причем одну конкретную услугу или товар. Или одну и ту же услугу, но для разной ЦА. Подробнее об этом мы писали в статье про лендинги. Одностраничники плохо продвигаются в SEO – посетитель не найдет их в поисковике. Зато ссылки на них можно давать в тех каналах, которыми пользуются ваши потенциальные клиенты.
Это сторонние сайты, соцсети, канал на «Ютубе», мессенджеры. И вот с лендинга ваши клиенты как раз попадут на основной сайт и повысят ваш трафик.
3. Страницы захвата
В отличие от лендингов, эти страницы ничего не продают – они созданы с целью лидогенерации. То есть привлекают внимание посетителей и собирают их контактные данные – лиды. А потом уже делайте с ними что хотите: присылайте электронные письма, звоните и пишите сообщения, информируйте о новых товарах и услугах, акциях и скидках.
4. Интернет-магазин
Если вы торгуете несколькими товарами – пора создавать интернет-магазин. Структурированная информация позволит посетителю лучше разобраться в вашем ассортименте. Разделяйте корпоративный сайт и интернет-магазин – все в куче смотрится не очень, посетитель посмотрит, потыкается да и покинет сайт. Давайте мухи будут отдельно, а котлеты отдельно.
На визитке – информация о компании и краткий перечень услуг. В интернет-магазине – подробные карточки товара и возможность сделать заказ. И, разумеется, ссылки с одного ресурса на другой – для повышения трафика и большей информированности посетителей.
Итак, получается несколько сайтов, и каждый из них выполняет свою задачу. Не много ли? Да нет. Крупные компании имеют по несколько интернет-магазинов (для каждой ниши) и десятки лендингов. Мы рекомендуем начать все же с сайта-визитки, а там будет понятно, чем его дополнить.
Ну а теперь к делу! Каким должен быть сайт для бизнеса?
Продающим, современным, удобным. Это если вкратце. Рассмотрим подробнее все основные моменты.
1. Хостинг
В зависимости от того, какой хостинг вы выберете – настолько безопасным и качественным будет ваш сайт. И, что немаловажно, — настолько быстрым. Вряд ли посетителям понравится, если страницы будут грузиться со скоростью беременной черепахи. Понятно, что лучше выбирать проверенные известные варианты и не гнаться за подозрительно дешевыми предложениями.
2. Домен
Выбирайте звучное имя, которое отражает название компании или личный бренд (фамилия предпринимателя). Если у вас неоригинальное название (например, магазин «Весна» или бар «Москва»), оно наверняка уже будет занято. Поищите другие комбинации – возможно, связанные с вашей региональной принадлежностью. И, конечно, выбирайте известный всем домен — ru, рф, com и так далее.
3.Движок, или CMS
Можно выбрать уже готовую платформу (для интернет-магазинов – InSales, для бизнес-блога — WordPress, для корпоративного сайта – Joomla) или разработать ее самостоятельно. Мы бы советовали все же обратиться к специалистам, которые подберут наиболее подходящий вариант.
4. Адаптивная версия
Сразу необходимо решить – будете вы делать адаптивную версию сайта для смартфонов, ноутбуков, планшетов или нет. Это значит, что сайт должен одинаково хорошо просматриваться и читаться со всех устройств. Поскольку больше 50% пользователей заходят в интернет с телефона – это необходимый шаг, чтобы не потерять половину клиентов.
5. Юзабилити
Юзабилити – от слова «пользоваться». Это понятие включает в себя несколько моментов:
- главная страница — сразу дает представление, кто вы и чем занимаетесь;
- удобное меню, которое просматривается с каждой страницы сайта;
- кликабельные ссылки на основные товары и услуги;
- понятная удобная структура, наличие разделов и фильтров;
- удобный переход со страницы на страницу, перелинковка;
- простая регистрация без утомительных шагов и введения кодов. Желательно вообще сделать кнопки соцсетей, чтобы посетитель мог войти через свой аккаунт;
- простой заказ товара – в три клика, не более;
- отсутствие мертвых страниц, страниц с неактуальными товарами.
6. Дизайн сайта
Тоже важный момент. Когда-то популярны были сложные нечитаемые шрифты, кислотные цвета, примитивные текстуры типа древесины, цветов или камушков. Вся эта вычурность давно ушла в прошлое – теперь в моде строгость и элегантность. Только простые четкие шрифты, удобная типографика, спокойные цвета или умеренный контраст и воздух – много воздуха.
Об этом мы писали в статье «Основные тренды веб-дизайна-2018». Если хочется выделиться – обратите внимание на необычные фишки и эффекты.
Также сайту для бизнеса необходимо заботиться об удобстве посетителя. Представьте, что вы сами первый раз зашли на сайт. Что вы изучите сначала, на какую ссылку нажмете, чем заинтересуетесь? Вот этим и занимается UX/UI дизайн, который прокладывает карты маршрутов посетителя и облегчает ему жизнь, расчищая дорогу к совершению целевого действия – покупке товара или услуги.
Выбрать шаблон или индивидуальный дизайн? Новичку можно остановиться на шаблоне – это намного дешевле. Потом всегда можно дополнить шаблон уникальными элементами или заказать индивидуальный дизайн. Если у вас уже разработан фирменный стиль – тут уже деваться некуда, нужно оформлять его в корпоративных цветах, использовать логотип. Или сделать ход конем – провести ребрендинг и создать фирменный стиль заново.
7. Наполнение сайта
Контент на сайте – это тексты, фотографии, видео. Все то, что воздействует на пользователя и мотивирует его сделать выбор.
Виды текстов на сайте:
- текст на главной странице – краткая информация о компании или ИП, ваше уникальное торговое предложение, преимущества работы с вами и короткий призыв к действию (позвоните, закажите, напишите). Здесь надо сделать краткую выжимку. Отразить все плюсы, а в других разделах рассказывать уже более подробно;
- текст лендинга – на 100% продающий. Это не статья, а краткие информационные блоки: информация о товаре, его преимущества, отзывы, расценки, сравнение с другими товарами, схема работы и, конечно, призывы к действию;
- карточки товаров – максимально подробная информация о товаре: его описание, характеристики, стоимость. Можно сюда же добавить отзывы о товаре;
- собственно отзывы – не восторженные, не фальшивые, а реальные, взятые у конкретных людей. Задача контент-менеджера или копирайтера – собрать отзывы и отредактировать их;
- новости – небольшие заметки о важных событиях вашего бизнеса. Это могут быть полученные достижения, участие в конкурсе, новинки ассортимента, начало распродаж. Не забывайте про развлекательный контент: позитивные новости повысят лояльность посетителей сайта;
- статьи в блоге. Советуем внедрить этот инструмент продвижения – статьи можно публиковать как в самом блоге, так и на других ресурсах: соцсетях, онлайн-изданиях. Если они написаны талантливо, посетители сами захотят делиться ими и распространять информацию о вашем бизнесе.
Виды фото на сайте:
- фотографии команды: как отдельно, так и всех вместе. Обязательно подпишите, кто есть кто для лучшего узнавания вашего бренда;
- фото товаров – обычно в карточках товаров или на главной странице;
- фото офиса, карта проезда;
- фото клиентов, идеально – с вашими товарами. Для этого можно провести конкурс на лучшее фото – сами будут присылать.
Видео на сайте:
- трудовые будни, или как проходит работа. Показывайте сотрудников в процессе работы, выкладывайте сторисы и прямые эфиры;
- видеоинструкции по использованию товаров – снимите сами или возьмите у производителя, если вы их только продаете;
- видеообзоры на несколько групп товаров, чтобы облегчить выбор клиенту. Подробнее о видео в веб-дизайне читайте здесь.
8. Обратная связь
Важнейшая часть бизнес-сайта – наличие обратной связи с клиентами. В эпоху без интернета пообщаться с предпринимателем можно было разве что лично, по почте или по телефону (факсу). Теперь же – красота! Виджеты обратного звонка, онлайн-чаты, окна консультантов – все для того, чтобы человек в любое время мог написать свое мнение, узнать о товаре подробнее или пожаловаться.
Также добавьте опцию «Оставить отзыв» — пусть пишут, не стесняются. Только не удаляйте неугодные комментарии – лучше извиниться и решить проблему.
9. Полезные фишки
Сайт почти готов – осталось совсем немного. Полезные фишки помогут увеличить конверсию и повысить средний чек. Иногда посетителя надо «дожать» до покупки – например, предложить ему возможность купить в кредит. Установите этот виджет на сайт – не пожалеете.
Или предложите ему что-нибудь бесплатно взамен на регистрацию и оставление заявки – этот прием хорошо работает на лендингах. Повысить средний чек поможет сервис товарных рекомендаций – это когда клиент выбирает какой-то один товар (платье), а система предлагает дополнить образ – купить еще и туфли, и сумочку.
Конечно, даже идеальный сайт нужно раскручивать и вкладываться в рекламу, чтобы он приносил еще больше прибыли. Но это уже тема для другой статьи. Удачи!
Источник: www.idbi.ru
Каким должен быть хороший сайт: краткое руководство и подборка полезных инструментов
Интересный факт — сегодня в интернете насчитывается более 1 миллиарда веб-сайтов. Выделиться среди такого количества не так-то легко, при этом сайт компании — это зачастую единственное, что видят ее потенциальные клиенты.
Привлечь первый трафик — непростая задача сама по себе, а уж сделать так, чтобы посетители остались на сайте, еще сложнее. И для этого он должен быть не просто хорошим, а очень хорошим. Иначе — среди миллиарда сайтов наверняка найдется тот, что принадлежит вашим конкурентам. Команда проекта Formilla написала пост о том, на что нужно обращать внимание при создании веб-сайта для бизнеса — мы подготовили адаптированную к российским реалиям версию этого материала.
Какой сайт можно назвать хорошим
- Цель. Хороший дизайн всегда начинается с формулировки задачи. Прежде чем делать хоть что-то, нужно спросить себя о том, для чего вообще нужна каждая веб-страница. Если цели нет, то создавать ее не стоит.
- Эстетика внешнего вида. Сайт должен выглядеть хорошо и современно. Если же он «передает привет из 90-х» — это плохо, нужно срочно исправлять ситуацию.
- Релевантный и оригинальный контент. Содержимое сайта должно соответствовать бизнес-задачам, контент должен быть уникальным. Плагиат — это плохо и наказывается поисковыми системами.
- Понятная навигация. То, насколько просто и понятно можно передвигаться по сайту — очень важно. Любая его страница должна быть доступна за три клика с любой другой страницы. Навигация должна быть простой и понятной — это положительно сказывается на конверсии и даже на ранжировании в поисковиках.
Теперь рассмотрим описанные выше пункты более подробно.
1. Визуальный дизайн («красота»)
Представим сценарий – пользователь ищет в интернете подарок на день рождения своей сестры. В ленте соцсети он видит сообщение, в котором кто-то из знакомых делится ссылкой на сайт по продаже вещей, сделанный другом. Наш пользователь кликает, а затем видит это:
Конечно же, он тут же уйдет с такого сайта. Безусловно, это экстремальный пример. Но он позволяет понять, насколько важен внешний вид веб-страницы.
Дизайн влияет на все — от показателя конверсии до времени, проведенного посетителем на странице, степени доверия к сайту и наличию органических ссылок на него, что полезно для SEO.
Формула выглядит следующим образом:
Хороший дизайн = Больше доверия = Выше конверсия
Но как добиться того, чтобы сайт выглядел хорошо? Нужно начать с бренда.
Веб-дизайн и брендинг
Бренд — это то, как выглядит компания в глазах клиентов. На восприятие влияет все — цвета, шрифты и т.д. В своем руководстве по брендингу Соня Грегори говорит, что «ваш небольшой бизнес может конкурировать с крупными компаниями, у которых преданные покупатели. А значит, вам нужно найти способ выделиться и создать свой собственный бренд». Что люди должны думать, когда видят ваш сайт?
Управлять эмоциями посетителей можно с помощью дизайна, для этого нужно обратить внимание на психологию цветов — каждый из них выражает разные эмоции. Авторы исследования под названием «Влияние цветов на маркетинг» выяснили, что до 90% быстрых суждений о продуктах могут основываться лишь на цвете.
Помимо цвета, вы влияете и на выбор шрифта. И, аналогично, за каждым из шрифтов также стоит психология.
При выборе шрифта для логотипа или сайта нужно всегда отдавать предпочтение читабельности перед эмоциональным восприятием. Как правило, это значит, что нужно будет выбрать шрифт без засечек — они лучше всего воспринимаются в вебе. И еще — не нужно использовать больше чем два шрифта одновременно.
Главный вывод: не нужно выбирать больше трех цветов и двух шрифтов для выражения бренда компании. Необходимо определиться с ними и использовать всегда только конкретные цвета и шрифты — нужно выписать их коды, чтобы случайно не перепутать.
Поиск, создание и использование изображений
Важный элемент дизайна — это изображения. И в этой области совершается множество ошибок. Хорошие изображения добавляют ценность контенту в глазах посетителя. Они помогают объяснить сделанные утверждения, а также позволяют глазам отдыхать от текста. Изображения могут продавать продукты и услуги.
Например, если у вас интернет-магазин, то вы захотите сделать фото своих продуктов как можно более качественными. Какой из этих цветков вы бы захотели купить?
С большой долей вероятности пользователь, увидевший изображение справа, тут же уйдет с сайта и никогда на него не вернется. Изображение в середине лучше, но все еще далеко от идеала. Картинка слева же вызывает доверие. Так что нужно запомнить простой факт — плохие картинки делают сайт менее читабельным.
При работе с изображениями необходимо всегда вспоминать первый принцип веб-дизайна: у всего должна быть цель. Если картинка на странице «просто так», а не решает определенную задачу, от нее нужно отказаться.
Кроме того, картинки не должны быть слишком большими — иначе сайт становится медленнее, что негативно сказывается на общем юзабилити и плохо влияет на SEO.
2. Дизайн с технической точки зрения («айтишность»)
- адаптивность и дружелюбность к мобильным устройствам;
- высокую скорость загрузки;
- поисковую оптимизацию (SEO);
- SSL-шифрование;
- архитектуру сайта и навигацию.
Рассмотрим их подробнее.
Адаптивный дизайн и дружелюбность к мобильным устройствам
SmashingMagazine определяет адаптивный веб-дизайн так:
«Адаптивный (отзывчивый) веб-дизайн — это подход, согласно которому дизайн и разработка сайта должны отвечать поведению пользователя и используемой им среде на основе размера экрана, платформы и ориентации устройства».
Другими словами, адаптивный сайт — это такой сайт, который хорошо отображается на любом экране и устройстве. Звучит непросто, и так оно и есть на самом деле. Однако адаптивность очень важна — уже сейчас смартфоны генерируют более 51% всего интернет-трафика, а на долю планшетов приходится 12%. Эти цифры растут.
Поисковые системы также уделяют много внимания тому, чтобы сайты были адаптированы для показа на смартфонах — в мобильной выдаче таким ресурсам отдает приоритет, они располагаются выше.
Что все это значит для не-дизайнера?
Прежде всего, нужно понять, является ли ваш сайт mobile-friendly — если он плохо выглядит на смартфоне, то предстоит заняться мобильной версией. Поисковик Google позволяет легко проверить, будет ли сайт считаться адаптивным его поисковым роботом:
- Шаблоны MegaGroup
- Шаблоны WordPress
- Шаблоны Shopify
- Шаблоны BigCommerce
- Шаблоны Magento
- Template Monster
Высокая скорость загрузки
Согласно исследованиям, почти половина пользователей интернета ожидают, что интересующий их сайт загрузится за две секунды или быстрее, а если этого не произойдет за три секунды — они его покинут.
Кроме того, 79% пользователей, совершающих покупки онлайн, заявляют о том, что если столкнутся с проблемами быстродействия сайта, то не совершат на нем покупок в будущем, а около 44% из них еще и расскажут друзьям о своем негативном опыте. Таким образом, если у вас медленный сайт, это может привести к серьезным проблемам.
Поэтому необходимо тестировать скорость загрузки страниц вашего сайта — для этого можно использовать специальный инструмент от Google. Кроме того для решения этой задачи есть проекты Pingdom и GT Metrix.
Каждый из этих инструментов показывает, что замедляет работу сайта, и подсказывает, как это можно исправить.
Как видно из скриншота, существует много способов улучшить скорость загрузки страниц, например, применение кэширования и поэтапной загрузки контента. Но простейшим способом оптимизации является сжатие изображений и отказ от ненужных картинок. Их передача нагружает каналы связи, так что нужно использовать только по-настоящему важные изображения.
Для сжатия картинок можно использовать инструмент Gimp — на его сайте можно найти руководство по использованию (на английском).
Поисковая оптимизация (SEO)
Хороший сайт должен хорошо индексироваться поисковыми системами. Если все сделать правильно, то можно получить постоянный приток новых посетителей, а если наделать ошибок, то найти вас через Google или «Яндекс» будет очень сложно.
- Необходимо понимать, кто целевая аудитория сайта, и подбирать ключевые слова – в рассылке мы рассказывали о некоторых хитрых способах их получения.
- SEO-оптимизацию нужно проводить на уровне страницы — здесь представлена полезная инфографика о том, как это сделать.
- У сайта должна быть проработанная карта, это положительно скажется на ранжировании в поисковиках.
Это очень упрощенный взгляд на поисковое продвижение, существует масса дополнительных факторах, вроде повышения кликабельности сайта в выдаче и его региональной привязки.
Защита сайта с помощью SSL-шифрования
Вероятно, при заходе на некоторые сайты вы выдели в адресной строке зеленый замок:
Это значит, что сайт защищен шифрованием SSL. Как правило, поисковые системы лучше ранжируют сайты, которые собирают данные пользователей с помощью различных форм и при этом защищают их шифрованием. Однако даже более важным является фактор доверия, которое возникает, когда пользователи видят привычный зеленый замок. Особенно важно это для сайтов, которые продают что-то, а значит и обрабатывают платежные данные посетителей.
Миграция на SSL — не всегда простой процесс, здесь можно подробнее почитать об этом.
Архитектура и навигация
- Повышение качества поискового продвижения — роботам «Яндекса» и Google проще перемещаться по сайту.
- Улучшение юзабилити — пользователям проще найти то, за чем они пришли на сайт.
Важно придерживаться «правила трех кликов»: каждая страница на сайте должна быть доступна с любой другой страницы за три клика. Чтобы добиться этого нужно составить карту сайта. Сделать это можно с помощью инструментов вроде Slickplan или просто ручки и бумаги. Выглядеть карта должна как-то так:
Наличие физической карты помогает видеть, где не хватает ссылок между страницами, а также облегчает общую организацию сайта.
Кроме того, следует размещать все важные призывы к действию в верхней части страницы. Посетители чаще всего смотрят именно в эту область, так что все важные кнопки вроде «Купить» или «Написать нам» должны быть сверху.
Инструменты развития сайта («как сделать сайт лучше»)
Мы говорим об инструментах улучшения сайта в последнюю очередь, поскольку они не помогут исправить ситуацию, если сам сайт плох. Однако с их помощью можно сделать хороший сайт еще лучше.
Прежде всего, очень полезно разместить на сайте модуль онлайн-консультанта. Чат позволяет обеспечить высокий уровень поддержки пользователей, это просто удобно — людям не надо никуда звонить или долго ждать ответа по электронной почте, если консультанту можно быстро написать прямо с сайта. Пример такого чата — онлайн-сервис Onicon.
Еще один полезный инструмент Conversio Cart Abandonment Recovery позволяет возвращать пользователей, которые пытались совершить заказ на сайте, но покинули корзину. Программа автоматически рассылает таким пользователям email-сообщения, с целью их вернуть — например, в них можно предлагать людям скидки.
В среднем, 69% пользователей бросают корзины в процессе совершения покупки, так что мысль вернуть хотя бы кого-то из них – очень хороша.
Почтовые формы MailChimp полезны для сбора базы подписчиков на email-рассылку, а удобные социальные кнопки позволяют привлекать больше трафика на сайт за счет «шейров» пользователей.
Для ускорения загрузки сайта стоит заняться организацией кэширования страниц — сделать это можно с помощью инструмента W3 Total Cache (здесь подробно рассказано о том, как им пользоваться).
Ну и необходимые инструменты аналитики для владельцев сайтов — это «Яндекс.Метрика» и Google Analytics.
Заключение
Итак, что можно сказать после всего написанного выше?
Сайт компании — это ее визитная карточка. Это первая и часто единственная вещь, которую видят клиенты и потенциальные партнеры. Если сайт компании выглядит хорошо и современно, то имидж бизнеса в глазах всех людей будет хорошим, о вас будут думать, как о профессионалах в своей области.
Кроме того, проработанный и качественный сайт выше ранжируется поисковиками, ссылками на него пользователи сети делятся чаще.
Ну и, в конце концов, на дворе 2017 год, хороший сайт теперь это не «чтобы было», а абсолютно необходимый инструмент бизнеса
- Чек-лист повышения конверсии сайта: 7 важных моментов
- Как испортить лендинг: 3 надежных способа
- Как не надо делать: 3 ошибки при работе с ключевыми словами для продвижения сайта
- Почему компании платят за плохие сайты: 3 причины
- 4 типа людей, покупающих в Интернете: как с ними работать?
- Как получить больше заявок без увеличения рекламного бюджета
Источник: spark.ru