Сервис оптимизации рекламы и CRM-система.
В блоге 100+ уроков по рекламе и веб-аналитике.
 Блог / Продающие сайты / Три Скрытые Проблемы Сайта. Какие из них есть у вас?

Три Скрытые Проблемы Сайта. Какие из них есть у вас?

12.08.2016

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

Напомню, что работу над продающим сайтом я разделяю на семь уровней.

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

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

Кто-то зайдет на ваш сайт с компьютера с огромным монитором, кто-то – со старенького айфона. И тогда вы столкнетесь с ней:

Проблема №1: адаптивная верстка.

Верстка – это код сайта. Адаптивность – это свойство подстраиваться под разные условия.

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

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

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

Поясняю на примере.

Так сайт выглядит на компьютере:

Плохо, если на мобильном он выглядит так:


Хорошо, если так (это и есть адаптивная верстка):


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

Скриншот из Яндекс Метрики. 42,5% посетителей смотрят сайт не с компьютеров. Хотите их потерять?

Задание: зайдите на ваш сайт с мобильника. Проверьте, все ли удобно?

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

Проверить, как сайт смотрится с мобильных, легко. В процессе вы могли наткнуться на вторую проблему:

Проблема №2: скорость загрузки сайта.

Как видят ваш сайт те, у кого в данный момент нет доступа к быстрому интернету.

Или даже так: те, у кого нет быстрого интернета, вообще что-то увидят на вашем сайте через 30 секунд? А через минуту?

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

Если сайт будет долго грузиться – люди просто уйдут к конкурентам, чей сайт загрузится быстрее! Вы готовы платить за рекламу и при этом отдавать клиентов конкурентам?

А-а-а-а!!! Как это проверить?

Очень просто. Открываете ваш сайт в Google Chrome, жмете F12.

В появившемся окошке выбираете вкладку Network:


А в ней – в выпадающем списке «No throttling» заменяете на GPRS:


Теперь обязательно нажимаете CTR+SHIFT+R – это очистит кеш и загрузка вашего сайта начнется с нуля. Так, если бы вы в первый раз его открыли.

Единственное отличие – сайт будет загружаться «как на медленном интернете».

Через 30 секунд (время будет видно чуть ниже в строке) выберите пункт «Offline».



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

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

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

Плохо, когда так:


Хорошо, когда вот так:


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

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

Еще одно «зло» – это «прелоадер». Заставка, которая появляется, пока весь сайт не загрузится. Например, вот такая:


Так на одном из сайтов этот «прелоадер» на скорости GPRS появился через 47 секунд с момента открытия страницы.

И еще 23 минуты (двадцать три минуты, Карл!!!) я ждал, пока загрузится их сайт и «прелоадер» пропадет. Как вы понимаете, никто ждать столько не будет – клиент уйдет.

На какие показатели можно ориентироваться?

Нормально, когда за 30 секунд на скорости GPRS уже можно увидеть структуру сайта и прочесть тексты. Если у вас не так – пинайте программиста.

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

Ура, пора давать рекламу в Директе и Adwords! Или не пора?

Проблема №3: показатель качества в Google Adwords.

На что влияет показатель качества в Google Adwords? На цену клика. Т.е. на сумму денег, которые вы заплатите за каждого посетителя из поисковой рекламы в Google.

Чем ниже показатель качества, тем больше вы будете платить за каждый клик в Google Adwords. На этот показатель влияет балл, который вашему сайту поставил Google.

Посмотреть, как Google оценил ваш сайт, можно вот тут: https://developers.google.com/speed/pagespeed/insights/

Заходите, вбиваете адрес сайта, видите цифры.

Плохо, если попали в красную зону:


Хорошо, если в зеленую:


И на вкладке "Для мобильных" смотрите аналогично.

Там же будут рекомендации по оптимизации.

Google следит за этим показателем, его можно увидеть в Google Analytics для разных страниц сайта:

Задача: зайдите и проверьте, как оценивает вашу страницу Google, что рекомендует исправить: https://developers.google.com/speed/pagespeed/insights/

Подведем итоги.

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

Если где-то будет допущена ошибка, вы даже не узнаете о ней. Посетители сайта будут просто уходить.

Поэтому важно проверить сайт как минимум по этим трем критериями:

  1. Обязательно заказывайте адаптивную верстку сайта под мобильные и планшеты. Или хотя бы мобильную версию сайта.
  2. Заставьте программиста оптимизировать скорость загрузки сайта и проверьте, как сайт отображается в процессе загрузки.
  3. Проверьте оценку, которую Google поставил вашему сайту в сервисе https://developers.google.com/speed/pagespeed/insights/

Конечно же, это не все существующие нюансы в программировании продающего сайта. Хотите больше?

Подписывайтесь на https://vk.com/robocrm и забирайте статью себе на стену!

RoboCRM © 2014-2017.
ФОП Бакалов И.В. ИНН 3187013231
При копировании ссылка на первоисточник обязательна!
Что это за сайт?
RoboCRM - обучающие уроки и инструменты для увеличения продаж через сайт.