Файл: Разработка Web – сайтов.pdf

• Простая (двухуровневая), главная страница и много внутренних страниц 2 – го уровня (home.ru/stranica1 и home.ru/stranica2 и т.д.) (см. рис. 2)
• Сложная (древовидная, три и больше уровней вложенности home.ru/category/stranica1 и home.ru/blog/statya и т.д.) (см. рис. 3)

Рисунок 2. Структура простая

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

Если кроме главной вы планируете создавать 20 – 30 или же 100 страниц, обязательно создайте структуру, разбейте страницы и будущие страницы на группы, это будет правильно и в дальнейшем позитивно скажется на продвижении вашего сайта.

Древовидная структура сайта самая распространенная и правильная, она используется на большинстве крупных сайтов, интернет – магазинах и порталах. Внешний вид имеет такой:

Рисунок 3. Структура древовидная

На примере схемы показаны все виды структуры, в совокупности это и есть древовидная структура сайта.

Важные элементы при создании сайта

Каждый сайт по – своему уникален. Тем не менее, есть общие для всех элементы, которые должны присутствовать на каждом ресурсе. Особенно это актуально для коммерческих проектов, где конверсия посетителей в покупателей является вопросом выживания.

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

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

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

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

Рисунок 4. «О нас»

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

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

2. Примеры работ

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

Хорошо работает сравнение в стиле «До и после», которое позволяет сравнить изменения (см. рис. 5):

Рисунок 5. Пример работы

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

3. Отзывы клиентов

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

Имейте в виду, что добавление фотографий и другой персонифицированной информации (фамилия, должность и компания) к отзывам, повышает уровень доверия к ним. А отзывы в видеоформате можно и вовсе назвать высшим пилотажем. (см. рис. 6,7)

Рисунок 6. Отзыв

Рисунок 7. Видео – отзыв

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

4. Хорошая страница контактов

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

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

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

Также можно добавить карту с отметкой, где именно находится ваш офис. Это важный момент для локального бизнеса, ориентированного на привлечение клиентов из конкретного региона. (см. рис. 8)

Рисунок 8. Страница контактов

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

5. Часто задаваемые вопросы (FAQs)

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

Рисунок 9. Задаваемые вопросы

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

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

6. Подробности о сотрудничестве

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

• что нужно для того, чтобы заключить с вами контракт;
• как происходит процесс выполнения работы;
• даете ли вы какие – нибудь гарантии и т.д.

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

Часто практикуется вывод данной информации прямо на странице товара в виде информационных блоков. Например, вот так (см. рис. 10):

Рисунок 10. Подробности о сотрудничестве

7. Призывы к действию (CTA)

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

Вот наглядный пример, взятый с сайта всем известной компании (см. рис. 11):

Рисунок 11. Призыв к действию

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

Простая кнопка «Перезвонить мне» для заказа обратного звонка, расположенная в шапке сайта, уже способна положительно повлиять на конверсию. Хоть и не очень креативно, но уже лучше, чем ничего.

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

8. Качественные фото

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

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

Рисунок 12. Пример того, как НЕ нужно делать

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

9. Подробное описание продукта

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

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

Рисунок 13. Подробное описание продукта

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

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

Аналитика. Оценка поведения пользователей и посещаемость сайта

Видео – посещения

Видео – посещения – запись экрана пользователя во время его нахождения на сайте. Позволяет вживую увидеть то, о чём другие метрики говорят в цифрах. (см. рис. 14)

Рисунок 14. Видео – посещения

Посмотрев видео посещений, вы поймёте, с чем у пользователей возникают трудности. Улучшите сайт, чтобы на нём было приятнее находиться.

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

Карта ссылок

Карта ссылок – инструмент, который показывает статистику переходов по ссылкам. (см. рис. 15)

Рисунок 15. Карта ссылок

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

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

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

Карта кликов

Карта кликов – инструмент, который показывает статистику по кликам на сайте. (см. рис. 16)