Сайты интернет-магазинов: проверили 104 главные страницы. Что мешает покупать с телефона

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

1. Телефон: плашки, окно города и запрет увеличивать страницу

Хотя бы одна из проблем этого раздела есть у 72 из 104 (69%) сайтов. Видимую часть экрана мы считали как 390×664 px: столько остаётся на iPhone, когда открыты панели Safari.

• Плашки закрывают четверть экрана и больше: 28 из 104 (27%).Во всех таких случаях среди плашек есть баннер cookie. Часто это несколько строк про Яндекс Метрику и обработку данных с одной-тремя кнопками. У 12 из 28 сайтов плашки занимают 40% видимой части экрана и больше, у 8 больше половины. К cookie добавляются баннер приложения, окно выбора города, скидка за подписку или уведомление о рекомендательных технологиях. Закон требует разместить на сайте правила этих технологий, но держать их текст поверх витрины он не заставляет. Товарам остаётся часть экрана, и сначала покупатель ищет, что нажать, чтобы плашка исчезла. Как исправить: сделать плашку cookie строкой в одну-две линии внизу с одной кнопкой, баннер приложения показывать не сразу, а уведомление убрать в подвал со ссылкой на правила.

  

  

  

• Окно «Ваш город?» открывается само: 14 из 104 (13%).Магазин угадывает город и сразу просит подтвердить: «Ваш город Москва? Да / Нет». Окно ложится на шапку или первый экран, а на 5 сайтах ещё и затемняет всю страницу. На телефоне такое окно нашлось у 9 из 14 сайтов. Каталог или поиск оно закрывает на 4 сайтах. Покупатель пришёл за товаром, а первый вопрос сайта про доставку, до которой ещё далеко. Как исправить: показывать угаданный город в шапке без окна и спрашивать о нём в корзине или на карточке товара, где он влияет на срок и цену доставки. Если без вопроса никак, пусть это будет небольшая подсказка у названия города, которая не закрывает поиск и не затемняет страницу.

  

  

  

  

• Страницу нельзя увеличить пальцами: 52 из 104 (50%).В коде страницы стоит запрет масштабирования: maximum-scale=1 или user-scalable=no в теге viewport. Покупатель хочет рассмотреть фото товара, мелкий состав или таблицу размеров и разводит пальцы, а страница не увеличивается. В Chrome на Android запрет работает, Safari на iPhone его игнорирует. Такой запрет ставят, чтобы iPhone не приближал страницу, когда нажимаешь на поле поиска. Как исправить: убрать maximum-scale и user-scalable из viewport, а полям ввода задать шрифт не меньше 16 px. Тогда Safari не будет приближать страницу при нажатии на поле.
• Страница шире экрана: 2 из 104 (2%).Встречается редко: при прокрутке страница ездит вбок, потому что слайдер или строка меню шире экрана. Как исправить: найти в DevTools блок шире экрана и ограничить его ширину или дать ему свою прокрутку.

2. Ошибки в текстах главной

Орфографические ошибки на главной нашлись у 59 из 104 (57%) сайтов, грамматические у 7 из 104 (7%), а у 27 из 104 (26%) таких мест два и больше. У магазина текста на главной много: меню категорий, названия товаров в подборках, баннеры акций, блок о компании. Ошибки встречаются во всех этих местах.

• Буква из другого алфавита внутри слова: 38 из 104 (37%).«аксесcуары», «Cкидка», «Pобот», «Матраcы», «НOВЫЕ»: латинская c, C, P или O выглядит как русская, но для поиска это другое слово. Бывает и наоборот, русская «е» в английском «cookiе». Покупатель ищет по сайту «аксессуары» и может не найти раздел, а поисковик может не связать страницу с запросом. На 7 сайтах латиницей набран даже предлог: «c 9 до 18», «C держателем». Так бывает после копирования из таблицы поставщика или набора в английской раскладке. Как исправить: вставить тексты меню и названия товаров в редактор с проверкой орфографии, он подчеркнёт такие слова. В каталоге на тысячи позиций проще найти их поиском по базе: слова, где кириллица и латиница стоят вперемешку.
• Опечатки в названиях товаров и категорий.«утепеленные кроссовки», «пронстранстве ванной», «ультармодными моделями», «Серебрянные Грани»: такие слова стоят в карточках подборок, названиях коллекций и описаниях. Поиск по сайту по слову «утеплённые» такую карточку может не показать. Как исправить: выгрузить названия категорий и товаров с главной одним списком и прогнать через проверку орфографии, а в карточки товара ставить название из той же проверенной выгрузки.

  

  

• Рассогласованные окончания и оборванные фразы.«Магазины в Москва (49)», «получи доступ советам», «затянут вас ни на один час», «Horizon: Zero Down» вместо «Horizon Zero Dawn». «Магазины в Москва» похоже на шаблон, куда город подставили без склонения. Как исправить: проверить шаблоны, куда подставляются город, число и название, и перечитать вслух блок о магазине и тексты подборок.

  

  

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

3. Формы: галочку ставит сайт, а не покупатель

На главной магазина формы обычно небольшие: подписка на рассылку в подвале, окно «Получить скидку», обратный звонок, регистрация. Хотя бы одна из двух проблем ниже нашлась у 21 из 104 (20%) сайтов.

• Согласие отмечено заранее: 15 из 104 (14%).Галочка «Согласен на обработку персональных данных» уже стоит, когда форма открывается. Иногда вместе с ней отмечены правила магазина, оферта и согласие на рассылку. С 1 сентября 2025 года согласие на обработку данных по 152-ФЗ оформляется отдельно от других документов, и дать его должен сам человек. На рекламную рассылку по закону о рекламе тоже нужно согласие получателя. Галочка, которую поставил сайт, не показывает ни того, ни другого. Как исправить: убрать атрибут checked у галочек согласия и разделить согласие на обработку данных и согласие на рассылку.

  

  

  

• Форма без согласия на обработку данных: 6 из 104 (6%).Форма собирает почту или телефон, а рядом нет ни галочки согласия, ни строки со ссылкой на политику. Чаще всего это подписка в подвале. Как исправить: добавить под поле пустую галочку согласия со ссылкой на текст согласия.

4. Главная сразу качает тяжёлые файлы

Медиана веса главной 5,1 МБ на компьютере и 4,7 МБ на телефоне. Больше 10 МБ при открытии на телефоне качает главная у 24 из 104 (23%) сайтов, больше 20 МБ у 11 из 104 (11%). Тяжёлые файлы (ролик от 5 МБ или картинка от 1 МБ) нашлись у 37 из 104 (36%).

Среди сайтов с тяжёлыми файлами видео нашлось на 10 сайтах, PNG на 15 сайтах. PNG хорош для схем и логотипов, а фотография в нём весит в разы больше, чем в JPEG или WebP.

Сервер при этом отвечает быстро: медиана времени до первого байта 0,2 с, главный блок рисуется за 0,8 с. Мы мерили с сервера в дата-центре на хорошем канале. На мобильном интернете каждый лишний мегабайт добавляет покупателю ожидания, а картинки подборок без отложенной загрузки качаются раньше, чем он до них долистает.

• Баннеры и фото товаров сохранять в WebP или JPEG шириной не больше, чем их показывают на экране.
• Слайды, подборки и фото ниже первого экрана грузить по мере прокрутки (loading="lazy").
• Ролик на первом экране сжать до 2–3 МБ или показывать на телефоне картинку вместо ролика.

По движкам: главная тяжелее 10 МБ на 1С-Битриксе у 12 из 42 (29%, медиана 5,7 МБ), на своих разработках и остальных движках у 11 из 61 (18%, медиана 4,4 МБ).

Чек-лист на 10 минут для владельца магазина

1. 1
   Открыть главную на телефоне: поиск и каталог видны без прокрутки и без закрытия окон.
2. 2
   Ничего не закрывать: плашки занимают меньше четверти экрана, cookie помещается в одну-две строки.
3. 3
   Окно «Ваш город?» не всплывает само и не затемняет страницу. Город виден в шапке, выбрать его можно в корзине.
4. 4
   Развести пальцами фото товара на Android: оно увеличивается.
5. 5
   Прокрутить главную на телефоне: страница не ездит вбок.
6. 6
   Найти поиском браузера по-русски слова из меню: «аксессуары», «скидка» и свои категории находятся.
7. 7
   Перечитать названия товаров в подборках и ссылки с городом: «в Москве», а не «в Москва».
8. 8
   Открыть подписку, обратный звонок и регистрацию: галочки согласия пустые, пока их не поставил сам покупатель.
9. 9
   У каждой формы с почтой или телефоном есть согласие на обработку данных со ссылкой на его текст.
10. 10
    Проверить вес главной (в Chrome: DevTools → Network → строка внизу): меньше 10 МБ.

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