мкр. Черная Речка, д.15 Россия, Санкт-Петербург 8 812 497 19 87

10 смертельных ошибок вашего сайта и как их избежать

Автор: 4222 Просмотров Рубрика: Технические моменты
0

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

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

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

До сих пор непонятно что такое коэффициент конверсии? Хрен с ним. Давайте лучше искать косяки на вашем сайте и исправлять их. 

Косяк №1. Время загрузки страницы ппц какое долгое

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

По статистике: после 3 секунд ожидания загрузки вашего сайта более 40% посетителей покинут его.

Как проверить, что происходит у меня на сайте?

Есть неплохой инструмент, называется PageSpeed Insights.  C помощью этого инструмента вы получите четкий список рекомендаций, которые нужно внедрить на сайте для ускорения его загрузки.

Как правило, основные косяки происходят в:

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

Каким образом можно уменьшить фотку без потери качества? Вот парочка популярных инструментов, которые вам помогут: 

  • Compressor.io — онлайн-приложение для оптимизации изображений позволяет “сжать” картинку на 90%;
  • TinyJPG — сервис для сжатия фотографий в формате JPEG;
  • Riot — десктоп-приложение для оптимизации графики. 
Оптимизация скорости загрузки шрифтов

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

Для того чтобы проверить насколько сильно шрифты влияют на скорость загрузки можно использовать сервис Google Fonts.

Ниже приведен пример одного из самых популярных шрифтов Open Sans. При выборе большого количества разновидностей шрифта значение параметра Page Load находится практически в красной зоне:

shrifti_na_saite

Для оформления текста достаточно 2-3 разновидности шрифта. В таком случае параметр Page Load (загрузка страницы) находится в «комфортной» зеленой зоне:

shrifti_na_saite

Косяк №2. Любовь с первого взгляда не состоялась

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

Во-первых, это дизайн сайта.

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

Во-вторых, это  графический стиль сайта.

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

Косяк №3. А это для меня вообще?

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

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

Косяк №4. CTA отсутствует. 

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

call_to_action

Косяк №5. Картинки — полное Г.

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

Источники качественных изображений:

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

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

Косяк №6. Контент ни о чем

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

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

Предоставьте информацию в разных форматах:

  • Видео: обзоры продуктов, видео о компании или процессе производства;
  • Статьи-инструкции;
  • Инфографика;
  • Пресс-релизы;
  • Фотоотчеты.

Используйте подготовленный контент для наполнения сайта и размещения на внешних ресурсах (социальные сети, видео-хостинги). Разные типы контента будут привлекать пользователей с разных площадок.

Косяк №7. Ты кто такой? Давай до свидания

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

Несколько советов, следуя которым, можно повысить доверие к сайту:

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

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

Косяк №8. Сайт кривой на мобильных устройствах

В 2015-году наличие, оптимизированной под мобильные платформы, версии сайта — это “must have” для коммерческих сайтов. Проблемный доступ к сайту с мобильных устройств — это не только потеря значительной части потенциальных клиентов, но также и опасность получения санкций и понижения в общем рейтинге поисковых систем.

Оптимизация под мобильные платформы не всегда предполагает разработку дорогостоящей мобильной или адаптивной версии сайта (хотя это и желательно). Для успешной работы будет достаточно, чтобы сайт удовлетворял требованиям Google’s Mobile-Friendly Test Tool.

mobilnaya_optimizacia

Проверьте свой сайт на удобство просмотра на мобильных устройствах и выполните все рекомендации предложенные сервисом.

Косяк №9. A/B тест в игноре

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

Лучший способ такой проверки — проведение тестирования на отдельном сегменте аудитории (10-20%). Решение, которое продемонстрировало лучший результат, внедряется для всей аудитории ресурса.

Косяк №10. Навигация — чёрт ногу сломит 

Если посетитель не сможет  найти на сайте интересующий его продукт или предложение, конверсии не будет.

Что делать?

  1. Изучите статистику сайта (Google Analytics, Веб-визор) и проанализируйте так ли, как задумывалось, пользователи используют навигацию;
  2. проанализируйте, нет ли в названиях разделов каталога двусмысленных формулировок  и терминов, непонятных целевой аудитории (технические названия, жаргонные термины);
    для названия категорий каталога и разделов сайта используйте простой и понятный язык, чтобы избежать разных интерпретаций;
  3. проанализируйте каждую страницу на наличие вторичных или отвлекающих от покупки элементов;
  4. сделайте навигацию стандартной и понятной для всех страниц сайта.

Вывод

Для того чтобы ваш сайт действительно стал ЧЁТКИМ — обратите внимание на все вышеуказанные советы. У вас может быть прокачана одна какая-то часть, а другая отставать. Если делать все в комплексе — то количество целевых действий на вашем сайте увеличится в разы, а самое главное его будут любить поисковые системы.

Покажите, что вы реальный человек!! Оставьте комментарий и расскажите, что вы думаете.