Поиск

Мелкие ошибки на сайте, из-за которых клиент уходит с первого экрана: разбор 16 сайтов и 48 проблем

Мелкие ошибки на сайте, из-за которых клиент уходит с первого экрана: разбор 16 сайтов и 48 проблем

Посетитель приходит на сайт из поиска и за три секунды решает: остаться или вернуться в выдачу. Владелец часто не замечает этого момента — заявки идут, значит, всё в порядке. Мы, веб-студия из Санкт-Петербурга, в октябре проанализировали 16 сайтов из выдачи Яндекса по темам отопление, газовое оборудование и натяжные потолки. Каждый открывали на компьютере и телефоне, фиксируя только то, что подтверждается скриншотом или кодом. Итог — 48 подтверждённых ошибок, в среднем по три на сайт. Ошибки повторяются от проекта к проекту, поэтому какая-то из них, скорее всего, есть и у вас.

Методика проверки: 16 сайтов из выдачи Яндекса, 48 подтверждённых ошибок

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

Первый экран и шапка: почему витрина работает против владельца

Первый экран — это витрина. На 7 из 16 сайтов она не продавала, а отталкивала. На сайте газовой службы первым блоком шёл текст устава: «Целью организации… является оказание качественных услуг…». Ни предложения, ни цен, ни кнопки «Вызвать мастера». На другом ресурсе в слайдере — статья «Течет газовая колонка причины», а у подрядчика по котельной на первом экране только тонкая ссылка «Узнать больше» поверх фото, а форма заявки спрятана в самом низу главной.

Первый экран и шапка: почему витрина работает против владельца

Шапка, которая мешает

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

Как проверить: Первый экран и шапка

  • Откройте главную на своём телефоне и не листайте. Понятно ли, что вы делаете и где? Есть ли кнопка звонка или заявки?
  • Не налезает ли что-нибудь в шапке? Если хотя бы на один вопрос ответ «нет» — первый экран стоит пересобрать.

Признаки заброшенного сайта: истёкшие сертификаты, битые картинки, устаревший контент

Посетитель судит по косвенным признакам: если за сайтом не следят, то и за работой, наверное, тоже. Такие признаки нашлись на 6 сайтах.

Истёкший SSL-сертификат

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

Битые картинки

В слайдере на главной не загружались 8 фото из 18 — вместо примеров работ пустое место. На другом сайте в блоке «Акция!» вместо картинки значок битого изображения: файл подгружался со старого адреса разработчика.

Текст из прошлого

На главной до сих пор обещание: «не получится так, что мы взяли предоплату и ушли на карантин или закрылись». На другом — блок про пандемию с опечаткой «COVID-2019» и 2022 год в подвале.

Как проверить: Признаки заброшенного сайта

  • Откройте сайт с телефона по мобильному интернету — есть ли предупреждение браузера.
  • Срок сертификата видно по клику на значок слева от адреса. Лучше попросить ответственного включить автопродление.
  • Пролистайте главную целиком и поищите по странице «карантин», «пандемия», посмотрите год в подвале.

Опечатки в критически важных местах: кнопки, заголовки, призывы к действию

Самая частая находка — 10 сайтов из 16. Ошибка в длинной статье простительна. Ошибка на кнопке «Расчитать стоимость» — нет: это последнее, что читает человек перед заявкой.

Опечатки в критически важных местах: кнопки, заголовки, призывы к действию

Примеры: Опечатки в критически важных местах

  • «Расчитать» на кнопке — 2 сайта, ещё на одном «расчитать» в инструкции к калькулятору.
  • «Остались вопросы? Закажи звнок!» — заголовок прямо над формой заявки.
  • «Заказжи расчет сметы» — в блоке акции.
  • «в течении» вместо «в течение» — 5 сайтов, в том числе в призыве «мы приедем в течении суток!».
  • «если если» в ответах на частые вопросы, «от от 0,1 до 10,0 МВт» в карточке услуги.
  • Две ошибки в названии страницы, которое видно на вкладке браузера.

Почему это отпугивает: Опечатки в критически важных местах

Опечатка в слове «рассчитать» у компании, продающей расчёт, плохо говорит о точности. Небрежность в тексте клиент переносит на работу.

Как проверить: Опечатки в критически важных местах

  • Прочитайте вслух все кнопки, заголовки и подписи у форм.
  • Поиском по странице (Ctrl+F) проверьте «расчит», «в течении», «звнок» и двойные слова.
  • Длинные тексты прогоните через любую проверку орфографии.

Неработающие контакты: неверные номера, битые mailto-ссылки, отсутствие телефона на мобильном

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

Примеры: Неработающие контакты

  • В шапке написан один номер, а при нажатии на телефоне набирается другой, с другим кодом.
  • Ссылка на почту записана как «mailto:mailto:…»: почтовый клиент подставит адрес с лишним «mailto:», и письмо не уйдёт.
  • На двух сайтах в мобильной версии наверху нет номера телефона вообще — его приходится искать.

Как проверить: Неработающие контакты

  • С телефона нажмите на номер на сайте и посмотрите, какой номер набирается.
  • Нажмите на почту. Отправьте заявку через каждую форму и проверьте, дошла ли она.

Битые ссылки и 404-ошибки в меню, формах и политике конфиденциальности

На 4 сайтах пункты меню «В туалете» и «В доме» вели на «Страница не найдена». Ссылки с главной на двухуровневые потолки — туда же. В форме заявки ссылка на политику обработки персональных данных вела на 404. Особенно неприятно: политику открывает осторожный клиент, который сомневается, оставлять ли телефон.

Как проверить: Битые ссылки и 404-ошибки в меню, формах и политике конфиденциальности

  • Прокликайте меню, кнопки и ссылки в формах.
  • Для всего сайта есть бесплатные проверки битых ссылок, в Яндекс Вебмастере — инструмент «Проверка неработающих ссылок», в том числе внутренних.

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

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

  • Часть текста набрана кеглем 8,5–10,5 px — без увеличения не прочитать.
  • Увеличение пальцами запрещено в коде страницы — мелкий текст и фото работ не приблизить.
  • Подзаголовок первого экрана развалился на три строки с большими пустыми промежутками.
  • Текст слайдера лежит поверх фото и почти не читается, кнопки звонка наезжают на слайдер и на край экрана.
  • Кнопка меню наложена на угол логотипа.
  • Баннер — та же картинка, что на компьютере, только уменьшенная: подпись и кнопку не прочитать, плашка cookies закрывает треть экрана.

Как проверить: Проблемы мобильной версии

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

Скрытые от посетителя ошибки: отсутствие H1, проблемы для поисковиков

Есть ошибки, которых посетитель не видит, а поисковик видит. На 2 сайтах на главной не было главного заголовка H1, на одном движок не обновлялся с 2021 года. Это уже тема отдельной статьи, но игнорировать их нельзя — они влияют на ранжирование и индексацию.

Чек-лист самопроверки за 15 минут

  1. Откройте главную на телефоне: без прокрутки понятно, что вы делаете, и есть кнопка звонка или заявки.
  2. Нажмите на номер на сайте: набирается тот же номер, что написан.
  3. Нажмите на почту и отправьте заявку через каждую форму. Дошла?
  4. Прочитайте вслух кнопки, заголовки и подписи у форм.
  5. Поиском по странице проверьте «расчит», «в течении» и двойные слова.
  6. Посмотрите на значок у адреса и срок сертификата, включите автопродление.
  7. Пролистайте главную: все картинки на месте.
  8. Поищите «карантин», старые акции и старый год в подвале.
  9. Прокликайте меню и ссылки в формах: нигде нет «Страница не найдена».
  10. На телефоне текст читается, увеличивается пальцами и ничего не налезает.

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

Читайте также на сайте

—
16:56
23
Нет комментариев. Ваш будет первым!