Карточка товара на мобильном: оптимизация под смартфон

Большинство покупателей на маркетплейсах заходят с телефона. Это значит, что карточку нужно оптимизировать в первую очередь под мобильный экран, а не под десктоп. То, что хорошо смотрится на компьютере, на смартфоне может быть нечитаемым. Разберём, как оптимизировать карточку товара под мобильные.

Почему мобильная версия решает

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

Главное фото для мобильного

Главное фото в выдаче на телефоне — это маленькая миниатюра. Оно должно:

• Выделяться среди конкурентов даже в уменьшенном виде
• Показывать товар крупно и понятно
• Нести ключевую выгоду читаемо

Подробно — инфографика и как фотографировать.

Читаемая инфографика

• Крупный шрифт — текст должен читаться на маленьком экране
• Одна мысль на изображение — не перегружайте
• Высокий контраст — чтобы текст не сливался с фоном

Мелкий текст на инфографике — самая частая ошибка: на десктопе он читается, на телефоне нет.

Описание и структура

• Самое важное — в первые строки (их видно без раскрытия)
• Короткие абзацы по 2–3 строки — длинные «простыни» на телефоне не читают
• Списки и буллеты вместо сплошного текста

Как писать — описание карточки.

Видео без звука

Многие смотрят видео на телефоне без звука. Добавляйте субтитры и показывайте суть визуально, не полагаясь на озвучку.

Чек-лист мобильной оптимизации

• Главное фото читаемо в миниатюре
• Крупный шрифт на инфографике
• Высокий контраст текста
• Важное в первых строках описания
• Короткие абзацы и списки
• Видео с субтитрами

Как покупатель ведёт себя на телефоне

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

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

Типичные мобильные ошибки и как их избежать

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

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

Частые вопросы

Почему важна мобильная оптимизация? Большинство покупателей заходят с телефона. Карточка, не оптимизированная под маленький экран, теряет продажи.

Какая главная ошибка на мобильном? Мелкий текст на инфографике: на десктопе читается, на телефоне — нет. Используйте крупный шрифт.

Как проверить карточку на мобильном? Откройте её на своём телефоне и оцените как покупатель: видно ли товар, читается ли текст, понятна ли выгода с первого взгляда.

Вывод

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