10.08.2021

Уверены, что Ваш сайт продаёт?

Каждый владелец собственного бизнеса хотел бы зарабатывать больше, чем зарабатывает сейчас. Исключений у этого правила нет вне зависимости от текущего заработка. Да, вы — не исключение. Но уверены ли вы в том, что сайт вашей компании работает на вас? Есть ли уверенность, что он отрабатывает на 1000%? Если нет, то вам стоит взглянуть на сайт новыми глазами. Глазами вашего клиента…

Главное правило, которому следует уделить внимание — это смещение взгляда на сайт с точки зрения прибыли к точке зрения удобства для клиента.

Да, я знаю, что это расходится с тем, что написано выше, но просто читайте дальше и вы всё поймёте.

Итак, посмотрите на свой сайт. Если он сделан исключительно для продаж, то как раз это он делает плохо. Каждый человек хочет только одного: внимания и заботы. Проявляет ли это ваш сайт? Когда потенциальный клиент попадает на ваш сайт, то он ищет выгоды для себя. Ему всё равно на то, что вы недавно стали «лидером рынка саратовской области в такой-то отрасли». Его это не интересует. Интересует его другое: какая в этом выгода для меня? И вот задавая себе этот вопрос вы сможете видоизменить ваш сайт для увеличения объёма продаж. Поэтому первое что вы можете изменить — тексты.

Буквы, слова и предложения

Не так давно автор этой — надеюсь полезной — статьи сам менял тексты сайта x5x.host. Как это делать я не знал, поэтому пришлось прочесть уйму тематической литературы. После чего методом проб и ошибок я смог изменить сайт таким образом, чтобы он стал более клиентоориентированным. В сухом остатке, всё, что для этого нужно — это перечитывать (и переписывать) каждое предложение таким образом, чтобы оно отвечало клиенту на запрос о выгоде.

Например, у вашего магазине профессиональная онлайн поддержка. Ну профессиональная, и что с того? Что это даст клиенту? А даст ему это уверенность в том, что он получит:

  1. Качественную консультацию
  2. Быстрый ответ
  3. Грамотное решение своего вопроса

И это не конец! Отсюда тоже вытекает много плюсов. Например, при быстром ответе сотрудника клиент экономит своё время так как не придётся долго ждать. При грамотном ответе он сэкономит нервные клетки, а при качественной консультации он сэкономит и время и нервные клетки, ведь ему не придётся самостоятельно изучать вопрос о каком-либо товаре.

Вот наглядный пример из моей практики:

У нас профессиональная тех.поддержка.

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

С нашей поддержкой Вы навсегда забудете о стрессе. Мы решим любую Вашу проблему наилучшим образом и максимально быстро.

Или вот:

Круглосуточный мониторинг.

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

Лучше так:

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

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

Картинки и прочий визуал

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

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

Для того, чтобы ваш бренд был узнаваем, решите, какой цветовой гаммы вы будете придерживаться, и следуйте ей. Например, если вам скажут «зелёный банк» вы поймёте, что это Сбер, а вот красный — это Альфа. Мы в x5x.host решили, что нашими цветами будут синий и белый. На том и стоим. Другими областями, требующими особого внимания, являются наборы значков, шрифты, интервалы и другие элементы.

Кто разбросал хлебные крошки?

Грамотная навигация по сайту один из ключевых моментов в успехе сайта.

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

Даже навигацию необходимо делать там, где её ожидает клиент, а именно вверху сайта. Не спрашивайте почему. Так исторически сложилось (отличный ответ практически на всё). В работе над навигацией не стоит креативить. Здесь работает метод «чем проще и понятнее, тем лучше».

Кстати, название не просто так взято. Хлебные крошки — один из видов навигации сайта. Вдохновением для такого названия послужила сказка братьев Гримм, в которой дети разбрасывали хлебные крошки в лесу, чтобы найти дорогу обратно домой. Дословный перевод английского термина breadcrumbs. Такое название прижилось для навигационной цепочки, размещенной в верхней части страницы сайта. Обычно на этой цепочке отображается путь от главной страницы до той, на которой сейчас находится пользователь.

Выглядит это приблизительно так:

Главная страница — Раздел — Подраздел — Страница

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

Поколение ТикТок

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

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

Используйте Pop It Pop-up

При грамотном подходе к этому вопросу использование pop-up сможет поспособствовать положительному решению клиента о покупке. Если кто не знает, то pop-up — это всплывающие окна на сайте. Этим точно не стоит злоупотреблять, ведь многим такая реклама кажется слишком навязчивой.

Но! Если клиент находится в разделе «корзина» и долго не оформляет заказ, то вполне вероятно, что его порадует  pop-up с предложением скидки.
Кстати, тут кроется ещё один секрет: при использовании pop-up можно употреблять слова, призывающие к действию.

Странное дело, но слова вроде «Заказать», «Купить», «Позвонить» и другие влияют на человека, и очень многие жмут на заветную кнопку.
Вообще, любой интерактив положительно влияет на динамику. Например, pop-up с вопросом «Уверены ли вы в том, что сайт вашей компании работает на вас?» вероятнее всего вызовет нужный эффект.

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

Скорость вашего сайта

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

Обязательно протестируйте свой сайт на скорость загрузки. Это можно сделать на сторонних сервисах; например вот тут.  За одну проверку на этом сервисе вы можете проверить только один сайт.

Также есть смысл воспользоваться традиционными для веб-мастеров сервисами PageSpeed Insights от Google и tools.pingdom.com.

Как скорость зависит от хостинга?

Кстати, скорость сайта зависит ещё и от правильно подобранного хостинга.

Как именно хостинг влияет на скорость? И как она вообще оценивается? Скорость хостинга — это то время, за которое хостинг способен сгенерировать страницу сайта для выдачи её по запросу пользователя. Здесь кроется один маленький нюанс; если вы арендуете именно хостинг (а не виртуальный или выделенный сервер), то скорость вашего сайта может зависеть и от ваших соседей. Если вдруг на сайте вашего соседа по хостингу увеличивается посещаемость во много-много раз, то, соответственно, увеличивается и нагрузка и для решения этой задачи хостинг начинает «поглощать» скорость своих соседей (и вашу в том числе). Большинство хостеров такие штуки мониторят и оперативно решают эту проблему, но все же на 100% от подобного никто не застрахован.

Картинки, CSS и скрипты

Помимо этого на скорость загрузки влияет не только количество информации и визуала, но и его качество.

Здесь очень важно соблюсти золотую середину. С одной стороны качество картинок должно быть отличным, с другой — хорошее качество картинок сильно влияет на её размер, что в свою очередь влияет на размер самого сайта.
Для сокращения размеров файлов можно использовать сервис imagecompressor.com или TinyPNG.
Также, последнее время популярным решением стала отложенная загрузка изображений с помощью аттрибута loading="lazy", в этом случае браузер будет загружать картинки только по мере необходимости, соответственно, сайт станет загружаться быстрее.

Большой процент от размера страниц вашего сайта занимают файлы с JavaScript и CSS. Тут есть небольшая лазейка: вы можете использовать сервисы, которые уменьшают вес скриптов и стилей, что поспособствует уменьшению веса и самого сайта. Для этого вы можете использовать сервисы javascript-minifier.com, cssminifier.com.

Сила

Странное название для раздела, согласен. Сейчас поясню! Обязательно проверьте ваш сайт на способность к нормальной работе при большой нагрузке. Конечно, если вы не планируете огромного количества посетителей, то это другой вопрос, но всё же…

k6.io позволит вам проверить «стрессоустойчивость» сайта. В течение 15 минут на вашем сайте будет находиться 50 человек. Совсем немного, но это быстрое тестирование. Здесь достаточно понять, что от такой нагрузки сайт не упадёт. Аналогичным образом работает сервис loaddy.com.

loadstorm.com — более серьезное тестирование, где можно расписать поведение виртуальных пользователей.

Для улучшения скорости загрузки сайта можно воспользоваться сервисом по уменьшению размера картинок javascript и css. Такая манипуляция снизит «вес» сайта, что позволит ему работать быстрее.

ПК vs Телефон

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

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

Также можно воспользоваться сервисом BrowserStack или бесплатными сервисами — responsivetesttool.com и Screenfly.

Безопасность

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

Проверить сайт на malware можно через сервисы Sucuri SiteCheck, VirusTotal, PCRisk или через Quttera.

И, конечно, не забывайте о необходимости наличия SSL-сертификата. Корректно ли он работает можно проверить через сервис SSLShopper.
А если SSL-сертификата на сайте ещё нет, то подключите бесплатный Let's Encrypt и переведите сайт на HTTPS.


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