Ви витратили годину на ідеальне фото. Написали детальний опис. Завантажили відеоогляд. Натиснули «Опублікувати» і з гордістю подивилися на результат — на великому моніторі все виглядає бездоганно.
А тепер візьміть телефон і відкрийте те саме оголошення.
Фото обрізалось. Головний об’єкт зліва загубився за краєм екрану. Текст зливається в суцільну стіну. Ціну видно, а розміри -вже ні. Половина покупців саме так і бачить ваш товар. Точніше –80% покупців.
За даними Statcounter, станом на 2026 рік понад 78% інтернет-трафіку в Україні припадає на мобільні ристрої. У категоріях одяг, взуття та аксесуари ця цифра сягає 85-90%. Ваш покупець стоїть у черзі, їде в метро, лежить на дивані — і гортає стрічку на 6-дюймовому екрані.
Якщо ваше оголошення не адаптоване під смартфон – ви втрачаєте 8 із 10 потенційних покупців. І жоден бюджет на просування цього не компенсує.
У цій статті ви отримаєте повну інструкцію: як перевірити вигляд свого оголошення на телефоні прямо з комп’ютера, як правильно готувати фото, текст та структуру під маленький екран, і чому маркетплейс Npati спроектований із пріоритетом мобільного досвіду.
Чому мобільна оптимізація -це не побажання, а необхідність
Цифри, які неможливо ігнорувати
| Показник | Значення | Джерело |
|---|---|---|
| Частка мобільного трафіку в Україні | 78-82% | Statcounter, 2026 |
| Покупці, які починають пошук товару з телефону | 76% | Google Consumer Insights |
| Користувачі, які залишають сайт при поганому мобільному досвіді | 53% | Google/SOASTA Research |
| Час прийняття рішення на мобільному (перше враження) | 3-5 секунд | Nielsen Norman Group |
| Зростання мобільних покупок щорічно | +25-30% | eMarketer |
Що відбувається за ці 3-5 секунд
Покупець гортає стрічку на телефоні. Ваше оголошення промайнуло на екрані. За долі секунди мозок оцінює:
- Фото -чітке? Зрозуміло, що продається? Привабливо?
- Назва -видно повністю чи обрізана?
- Ціна -помітна одразу?
- Загальне враження -професійно чи «аби як»?
Якщо хоча б один елемент провалений -палець свайпає далі. Без роздумів. Без повернення. Навіть якщо ваш товар ідеальний, а ціна найкраща на ринку.
🔍 Як перевірити вигляд оголошення на телефоні прямо в Google Chrome
Ви не маєте десяти різних смартфонів, щоб тестувати відображення. Але вам і не потрібно. Google Chrome має вбудований інструмент, який імітує екран будь-якого мобільного пристрою. Ось покрокова інструкція.
📱 Покрокова інструкція: DevTools у Chrome
Крок 1: Відкрийте своє оголошення в Chrome
Зайдіть на сайт Npati та відкрийте сторінку вашого оголошення в браузері Google Chrome на комп’ютері.
Крок 2: Відкрийте інструменти розробника
Натисніть одну з комбінацій клавіш:
- Windows / Linux:
Ctrl + Shift + IабоF12 - Mac:
Cmd + Option + I
Або: клікніть правою кнопкою миші на сторінці → оберіть «Перевірити» (Inspect)
Крок 3: Увімкніть режим мобільного перегляду
У панелі DevTools, що відкрилася, натисніть іконку 📱 Toggle Device Toolbar (два прямокутники -маленький і великий) у верхньому лівому куті панелі.
Або натисніть комбінацію:
- Windows / Linux:
Ctrl + Shift + M - Mac:
Cmd + Shift + M
Крок 4: Оберіть пристрій для імітації
У верхній частині сторінки з’явиться панель вибору пристрою. Натисніть на випадаючий список і оберіть:
| Пристрій | Розмір екрану | Коли обирати |
|---|---|---|
| iPhone SE | 375 × 667 px | Найменший популярний екран -якщо тут виглядає добре, то скрізь буде добре |
| iPhone 12 Pro | 390 × 844 px | Середній сучасний смартфон |
| iPhone 14 Pro Max | 430 × 932 px | Великий смартфон |
| Samsung Galaxy S20 Ultra | 412 × 915 px | Популярний Android-пристрій |
| Samsung Galaxy A51/71 | 412 × 914 px | Найпопулярніший бюджетний Android в Україні |
| Pixel 7 | 412 × 915 px | Еталонний Android |
Крок 5: Перевірте ключові елементи
Прокрутіть сторінку і зверніть увагу на:
| Що перевіряти | На що звернути увагу | ✅ Добре | ❌ Погано |
|---|---|---|---|
| Головне фото | Чи видно товар повністю? | Товар у центрі, чіткий, впізнаваний | Товар обрізаний, видно лише частину |
| Назва оголошення | Чи читається повністю? | Ключова інформація в перших 40 символах | Назва обрізана, головне загубилося |
| Ціна | Чи помітна одразу? | Великий шрифт, контрастний колір | Зливається з описом |
| Опис | Чи легко читати? | Короткі абзаци, структура | Суцільна стіна тексту |
| Кнопки дій | Чи зручно натиснути пальцем? | Великі, помітні | Маленькі, важко влучити |
| Фотогалерея | Чи зручно гортати? | Свайп працює плавно | Фото завантажуються повільно |
| Відео | Чи запускається коректно? | Грає одразу, видно превʼю | Не завантажується або зависає |
Крок 6: Перевірте на кількох пристроях
Не обмежуйтесь одним. Перемикайтесь між iPhone SE (найменший екран) та Samsung Galaxy S20 (великий екран). Якщо на обох виглядає добре -ви в безпеці.
Крок 7: Перевірте альбомну орієнтацію
Натисніть іконку 🔄 поруч із вибором пристрою, щоб повернути екран горизонтально. Деякі покупці переглядають відео саме так.
💡 Лайфхак: Зробіть скріншот вашого оголошення в мобільному режимі та порівняйте з оголошеннями конкурентів. Це найшвидший спосіб побачити, чи витримує ваша картка порівняння систем відображення.
📸 Як адаптувати фото під маленький екран
Фото -це перше, що бачить покупець. На моніторі ваше фото 4000×3000 пікселів виглядає розкішно. На екрані телефону 6 дюймів -це мініатюра, де деталей не розібрати.
Правила мобільних фото: таблиця порівняння
| Параметр | ❌ Для комп’ютера (старий підхід) | ✅ Для мобільного (сучасний підхід) |
|---|---|---|
| Розташування товару | Товар займає 40-50% кадру, багато фону | Товар займає 70-85% кадру -мінімум порожнього простору |
| Орієнтація фото | Горизонтальна (16:9) | Вертикальна (4:5 або 1:1) -займає більше місця на мобільному екрані |
| Фон | Інтер’єрний, з деталями | Чистий, однотонний -на маленькому екрані деталі фону відволікають |
| Кількість предметів | Кілька товарів в одному кадрі | Один товар на одному фото – покупець одразу розуміє, що продається |
| Текст на фото | Дрібний текст із деталями | Великий текст або без тексту -дрібні написи нечитабельні на телефоні |
| Деталі (шви, текстура) | В загальному кадрі | Окремі крупні плани -для деталей потрібні окремі фото |
| Розмір файлу | 5-10 MB (повна якість) | 0.5-2 MB (оптимізований) -швидке завантаження на мобільному інтернеті |
📐 Ідеальні пропорції фото для мобільного перегляду
| Пропорція | Де найкраще виглядає | Рекомендація |
|---|---|---|
| 1:1 (квадрат) | Каталог, стрічка, результати пошуку | ✅ Універсальний варіант -працює скрізь |
| 4:5 (вертикальне) | Картка товару, стрічка на мобільному | ✅ Найкращий для мобільного -займає максимум екрану |
| 9:16 (вертикальне повне) | Stories, shorts, вертикальне відео | ✅ Ідеально для shorts на Npati |
| 16:9 (горизонтальне) | Тільки для десктопу | ⚠️ На телефоні виглядає як маленька смужка -не рекомендовано |
| 3:2 (горизонтальне) | Класичні дошки оголошень | ⚠️ Прийнятно, але не оптимально для мобільного |
🎨 Чек-лист мобільного фото
Перед завантаженням кожного фото пройдіться по цьому списку:
| № | Перевірка | Зроблено? |
|---|---|---|
| 1 | Товар займає не менше 70% кадру | ✅ |
| 2 | Головний об’єкт розташований по центру | ✅ |
| 3 | Фон чистий, не відволікає від товару | ✅ |
| 4 | Фото вертикальне (4:5) або квадратне (1:1) | ✅ |
| 5 | При зменшенні до 400px товар все ще впізнаваний | ✅ |
| 6 | Немає дрібного тексту, який неможливо прочитати на телефоні | ✅ |
| 7 | Розмір файлу до 2 MB (швидке завантаження) | ✅ |
| 8 | Перше фото одразу показує, ЩО продається | ✅ |
💡 Швидкий тест: Зменшіть фото на комп’ютері до розміру поштової марки. Якщо навіть у такому розмірі зрозуміло, що на фото – ваше фото працює на мобільному.
✍️ Як адаптувати текст оголошення під мобільний екран
Проблема: стіна тексту на маленькому екрані
На комп’ютері абзац у 5 рядків виглядає нормально. На телефоні цей самий абзац перетворюється на 12 рядків суцільного тексту. Очі втомлюються, покупець гортає далі.
Порівняння: як виглядає один і той же текст
| Елемент | ❌ На комп’ютері (2 рядки) | ❌ На телефоні (стає 5-6 рядків) |
|---|---|---|
| Назва | «Чоловіча зимова куртка Columbia Titanium Omni-Heat, розміри M-XXL, чорна та синя» | Текст обрізається після «Columbia Titanium…» -покупець не бачить розміри та кольори |
| Опис | Читабельний абзац | Суцільна стіна без структури |
| Характеристики | Таблиця виглядає акуратно | Таблиця може зʼїхати за край екрану |
✅ Правила мобільного тексту
Правило 1: Найважливіше -на початку назви
На мобільному екрані видно лише перші 40-50 символів назви. Решта обрізається.
| ❌ Погана назва | ✅ Хороша назва |
|---|---|
| «Продам красиву якісну зимову чоловічу куртку відомого бренду Columbia» | **«Куртка Columbia Titanium |
| «Кросівки спортивні для бігу та повсякденного носіння Nike Air Max 90» | **«Nike Air Max 90 |
| «Телефон мобільний смартфон Samsung Galaxy в ідеальному стані» | **«Samsung Galaxy A54 128GB |
Формула назви для мобільного: Бренд + Модель | Ключова характеристика | Деталь
Правило 2: Короткі абзаци — максимум 2-3 рядки
| ❌ Десктопний текст | ✅ Мобільний текст |
|---|---|
| «Продаю чоловічу зимову куртку Columbia Titanium Omni-Heat. Куртка нова, з бірками, привезена з офіційного магазину в Польщі. Утеплювач Omni-Heat 200g, водонепроникність 10000мм, вітрозахисна мембрана. Доступні розміри M, L, XL, XXL у чорному та темно-синьому кольорах. Відправляю Новою Поштою по всій Україні в день замовлення.» | Куртка Columbia Titanium Omni-Heat. Нова, з бірками. Офіційна поставка. ⛷️ Утеплення: Omni-Heat 200g (до -25°C) 💧 Водонепроникність: 10 000 мм 📏 Розміри: M, L, XL, XXL 🎨 Кольори: чорний, темно-синій 📦 Доставка: Нова Пошта, відправка в день замовлення |
Правило 3: Використовуйте емоджі як маркери
На маленькому екрані емоджі виконують роль візуальних якорів. Погляд чіпляється за них, і покупець миттєво знаходить потрібну інформацію.
Правило 4: Структуруйте характеристики вертикально
| ❌ Горизонтально (для десктопу) | ✅ Вертикально (для мобільного) |
|---|---|
| Розмір: M | Колір: чорний | Матеріал: шкіра | Вага: 1.2 кг | 📏 Розмір: M (46) |
| 🎨 Колір: чорний | |
| 🧵 Матеріал: натуральна шкіра | |
| ⚖️ Вага: 1.2 кг |
Правило 5: Ціну та заклик до дії -максимально помітними
На мобільному покупець швидко сканує сторінку. Ціна та кнопка покупки мають бути найпомітнішими елементами.
🎥 Мобільна оптимізація відео: чому Npati -це mobile-first платформа
Відео на мобільному: порівняння підходів
| Параметр | Класичні дошки оголошень | Великі маркетплейси | Npati |
|---|---|---|---|
| Підтримка відео | ❌ Не підтримують | ⚠️ Обмежено | ✅ Фокус на відеоогляди -головна функція |
| Shorts (вертикальне відео) | ❌ | ❌ | ✅ Окремий блок shorts на головній сторінці |
| Відображення на мобільному | Тільки фото, часто повільно | Відео є, але не акцентоване | ✅ Жива стрічка, що постійно оновлюється, з відео |
| Вертикальний формат відео | ❌ | ⚠️ Рідко | ✅ Shorts створені спеціально для мобільного перегляду |
| Швидкість завантаження | ⚠️ Повільна на мобільному | ✅ Оптимізована | ✅ Оптимізована для мобільних пристроїв |
Чому відео -це найкращий мобільний контент
На маленькому екрані відео передає інформацію ефективніше, ніж фото і текст разом узяті. Покупець натискає play і за 30-60 секунд отримує повне уявлення про товар: розмір, колір, стан, функціональність.
На Npati ви можете завантажити два типи відео:
1. Повний відеоогляд -детальна демонстрація товару, розпаковка, показ характеристик. Відео відображається на головній сторінці в окремому блоці. (Дивіться відео як завантажити велике відео)
2. Shorts (коротке відео) — 15-60 секунд вертикального відео, ідеально адаптованого під мобільний екран. З’являється на головній сторінці в окремому блоці. (Дивіться відео як завантажити shorts)
Рекомендації щодо мобільного відео
| Параметр | Повний відеоогляд | Shorts |
|---|---|---|
| Тривалість | 30 сек -3 хв | 15-60 сек |
| Орієнтація | Горизонтальна або вертикальна | Тільки вертикальна (9:16) |
| Що показувати | Розпаковка, деталі, виміри, бірки | Товар у дії, швидка демонстрація |
| Мета | Закрити всі питання покупця | Привернути увагу, зацікавити |
| Ідеально для | Покупців, які вже зацікавлені | Привернення нової аудиторії |
📊 Порівняння мобільного досвіду: класичні платформи vs Npati
Повна порівняльна таблиця
| Критерій мобільного досвіду | Класичні дошки оголошень | Великі маркетплейси | Npati |
|---|---|---|---|
| Швидкість завантаження на мобільному | ⚠️ Повільна -важкі сторінки | ✅ Швидка | ✅ Оптимізована -жива стрічка завантажується плавно |
| Мобільний інтерфейс | ⚠️ Адаптований, але застарілий | ✅ Сучасний | ✅ Mobile-first підхід -проектувався для смартфонів |
| Вертикальне відео (shorts) | ❌ Не підтримується | ❌ | ✅ Повна підтримка, окремий блок на головній |
| Відеоогляди в картці товару | ❌ | ⚠️ Обмежено | ✅ Фокус платформи -відео в кожному оголошенні |
| Вибір розмірів на мобільному | ❌ Тільки текстом | ✅ Є, але часто незручний | ✅ Зручна система як у повноцінних інтернет-магазинах |
| Вибір кольорів на мобільному | ❌ Тільки текстом | ✅ Є | ✅ Візуальний вибір кольорів, адаптований під палець |
| Сповіщення на телефон | ❌ | ⚠️ Email (не push) | ✅ Миттєві сповіщення підписникам про нові оголошення |
| Перегляд стрічки свайпами | ⚠️ Незручно | ✅ Працює | ✅ Жива стрічка створена для мобільного скролінгу |
| Оформлення покупки на телефоні | ⚠️ Часто складно | ✅ Зручно | ✅ Безпечна покупка -мінімум кроків на мобільному |
| Інтеграція доставки | ❌ Вручну | ✅ Є | ✅ Нова Пошта інтегрована, вага 1-1000 кг |
| Безкоштовний старт | ⚠️ 1-2 оголошення | ❌ Переважно платно | ✅ 3 оголошення безкоштовно для всіх |
🎯 Мобільна оптимізація оголошень у Npati: практичний приклад
Давайте розглянемо, як один і той самий товар виглядає на мобільному екрані при різних підходах до оформлення.
❌ Приклад: неоптимізоване оголошення на класичній дошці (мобільний вигляд)
📱 Екран телефону (375px ширина):
┌─────────────────────────┐
│ [Горизонтальне фото │ ← Фото 16:9 — тонка
│ 16:9 — маленька смужка]│ смужка, товар дрібний
│ │
│ Продам красиву якісну │ ← Назва обрізана,
│ зимову чоловічу курт... │ головне загубилось
│ │
│ Продаю чоловічу зимову │ ← Суцільна стіна
│ куртку Columbia Titanium │ тексту без структури,
│ Omni-Heat. Куртка нова, │ покупець не читає
│ з бірками, привезена з │
│ офіційного магазину в │
│ Польщі. Утеплювач Omni │
│ -Heat 200g, водонепрони │
│ кність 10000мм, вітроза │
│ хисна мембрана. Доступні│
│ розміри M, L, XL, XXL у │
│ чорному та темно-синьому│
│ кольорах... │
│ │
│ Ціна: 2500 грн │ ← Ціну видно тільки
│ │ після прокрутки
│ [Написати продавцю] │
└─────────────────────────┘
Результат: 💀 90% покупців закривають через 2 секунди✅ Приклад: оптимізоване оголошення на Npati (мобільний вигляд)
📱 Екран телефону (375px ширина):
┌─────────────────────────┐
│ ┌─────────────────────┐ │
│ │ │ │ ← Фото 4:5 — товар
│ │ [ВЕЛИКЕ ФОТО │ │ займає 80% кадру,
│ │ ТОВАРУ 4:5 │ │ чітко видно куртку
│ │ Куртка по центру │ │ на білому фоні
│ │ 80% кадру] │ │
│ │ │ │
│ └─────────────────────┘ │
│ ● ○ ○ ○ ○ [▶ відео] │ ← Індикатор фото + відео
│ │
│ 💰 2 500 грн │ ← Ціна ОДРАЗУ видна
│ │
│ Columbia Titanium │ ← Назва коротка,
│ M-XXL | Зимова -25°C │ вся інформація видна
│ │
│ 📏 M L XL XXL │ ← Кнопки вибору розміру
│ 🎨 ⚫ 🔵 │ ← Візуальний вибір кольору
│ │
│ 🛡️ Безпечна покупка │
│ 📦 Нова Пошта │
│ │
│ [ 🛒 КУПИТИ ] │ ← Велика кнопка,
│ │ зручна для пальця
│ ─────────────────────── │
│ │
│ 📝 Опис: │
│ │
│ ⛷️ Утеплення: │ ← Структурований
│ Omni-Heat 200g (-25°C) │ опис із емоджі
│ │
│ 💧 Водонепроникність: │
│ 10 000 мм │
│ │
│ 🧵 Матеріал: │
│ Поліестер, флісова │
│ підкладка │
│ │
│ 📦 Доставка: │
│ Нова Пошта, 1-3 дні │
│ Відправка в день │
│ замовлення │
│ │
│ 🎥 [ВІДЕООГЛЯД 1:30] │ ← Відео в картці
│ 📱 [SHORTS 0:15] │ ← Shorts для швидкого
│ │ перегляду
│ │
│ ❓ FAQ: │
│ → Як обрати розмір? │ ← Розкривний FAQ
│ → Це оригінал? │
│ → Як оплатити? │
│ → Як повернути? │
└─────────────────────────┘
Результат: ✅ Покупець бачить усе за 3 секунди,
конверсія в 3-5 разів вища(Дивіться відео як створити оголошення безкоштовно)
📏 Розміри елементів для мобільного: технічна шпаргалка
Мінімальні розміри для зручності на мобільному
| Елемент | Мінімальний розмір | Чому саме такий |
|---|---|---|
| Кнопка (купити, додати) | 44 × 44 px | Стандарт Apple та Google для зручного натискання пальцем |
| Текст опису | 14-16 px | Менше 14px нечитабельно без зуму |
| Заголовки | 18-22 px | Мають виділятися серед основного тексту |
| Ціна | 20-28 px, жирний | Покупець має побачити ціну миттєво |
| Відступ між елементами | 8-12 px | Щоб пальцем не натиснути на сусідній елемент |
| Ширина фото | 100% ширини екрану | Фото має займати весь доступний простір |
Оптимальна довжина тексту для мобільного
| Елемент тексту | Максимальна довжина | Пояснення |
|---|---|---|
| Назва оголошення | 50-60 символів | Після цього обрізається на більшості телефонів |
| Перший абзац опису | 100-120 символів | Це все, що видно без натискання «Читати далі» |
| Один абзац | 2-3 речення | Більше -перетворюється на стіну тексту |
| Пункт характеристики | 1 рядок | Одна характеристика = один рядок |
| FAQ: питання | 40-50 символів | Має поміститися в один рядок |
| FAQ: відповідь | 2-3 речення | Коротко, конкретно, з фактами |
🔧 Як оптимізувати існуючі оголошення під мобільний
Крок 1: Аудит поточних оголошень
Відкрийте кожне своє оголошення в Chrome DevTools (інструкція вище) на імітації iPhone SE -це найменший популярний екран. Що бачите?
Крок 2: Пройдіть чек-лист мобільної оптимізації
| № | Перевірка | Статус | Дія, якщо не пройшло |
|---|---|---|---|
| 1 | Головне фото вертикальне (4:5) або квадратне (1:1) | ✅ | Перефотографуйте або обріжте |
| 2 | Товар займає 70%+ площі фото | ✅ | Зробіть фото ближче |
| 3 | Назва містить ключове в перших 50 символах | ✅ | Переформулюйте назву |
| 4 | Опис розбитий на короткі блоки з емоджі | ✅ | Переструктуруйте текст |
| 5 | Ціна помітна одразу при відкритті | ✅ | Перевірте відображення ціни |
| 6 | Розміри вибираються через систему розмірів | ✅ | Додайте через функціонал Npati |
| 7 | Кольори вибираються візуально | ✅ | Додайте через систему кольорів |
| 8 | Є відеоогляд (завантажений) | ✅ | Зніміть та завантажте (Дивіться відео як завантажити велике відео) |
| 9 | Є shorts (коротке вертикальне відео) | ✅ | Зніміть та завантажте (Дивіться відео як завантажити shorts) |
| 10 | FAQ відповідає на 5+ основних питань | ✅ | Додайте FAQ у опис |
| 11 | Вага товару вказана для Нової Пошти | ✅ | Вкажіть від 1 до 1000 кг (Дивіться відео як налаштувати доставку і відправки) |
| 12 | Безпечна покупка активована | ✅ | Увімкніть у налаштуваннях |
| 13 | Фото завантажуються швидко (до 2 MB) | ✅ | Стисніть фото |
| 14 | На iPhone SE все виглядає коректно | ✅ | Відкоригуйте проблемні елементи |
| 15 | Немає горизонтальної прокрутки | ✅ | Зменшіть ширину контенту |
Крок 3: Оптимізуйте фото
Безкоштовні інструменти для стиснення фото:
| Інструмент | Тип | Що робить |
|---|---|---|
| TinyPNG (tinypng.com) | Онлайн | Стискає PNG та JPEG без втрати якості |
| Squoosh (squoosh.app) | Онлайн (Google) | Просунуте стиснення з попереднім переглядом |
| IrfanView | Десктоп (Windows) | Пакетна обробка та зміна розміру |
| ImageOptim | Десктоп (Mac) | Автоматичне стиснення |
| Вбудований редактор телефону | Мобільний | Обрізка та зміна пропорцій |
Крок 4: Переробіть текст
Візьміть свій поточний опис і пропустіть через фільтр:
- Розбийте на абзаци по 2-3 речення
- Додайте емоджі-маркери перед ключовими пунктами
- Винесіть характеристики в окремий структурований список
- Перенесіть найважливішу інформацію на початок
- Додайте FAQ у кінці опису
🚀 5 помилок мобільної оптимізації, які вбивають продажі
Помилка 1: Горизонтальні фото як основне фото
На мобільному екрані горизонтальне фото (16:9) перетворюється на тонку смужку, де товар ледь видно. Аналог цього — дивитися на вітрину магазину через щілину в паркані.
Рішення: Використовуйте вертикальні (4:5) або квадратні (1:1) фото для першого зображення.
Помилка 2: Текст на фото дрібним шрифтом
Продавці часто додають на фото написи: «Акція!», «Безкоштовна доставка», розмірну таблицю. На комп’ютері все читається. На телефоні -суцільні пікселі.
Рішення: Якщо додаєте текст на фото -шрифт мінімум 48px. А краще -винесіть текстову інформацію в опис, де її можна збільшити.
Помилка 3: Суцільний текст без структури
Абзац у 10 речень без розділення -це катастрофа на мобільному. Покупець бачить стіну тексту і навіть не намагається читати.
Рішення: Максимум 2-3 речення на абзац. Емоджі як маркери. Характеристики -списком вертикально.
Помилка 4: Ігнорування швидкості завантаження
Фото по 8-10 MB кожне. П’ять таких фото = 50 MB. На мобільному інтернеті 3G це завантажуватиметься хвилину. Покупець не чекатиме.
Рішення: Стискайте фото до 1-2 MB без помітної втрати якості. Використовуйте інструменти, перелічені вище.
Помилка 5: Відсутність відео
На мобільному відео -це цар контенту. Покупець охочіше подивиться 30-секундне відео, ніж читатиме 10 абзаців тексту. Особливо shorts у вертикальному форматі -вони створені для мобільного перегляду.
Рішення: Зніміть хоча б одне вертикальне відео (shorts) для кожного товару і завантажте на Npati.
📱 Npati як mobile-first платформа: чому це важливо
Npati -це молодий динамічний проект, який спроектований із самого початку з пріоритетом мобільного досвіду. Порівняння систем підходів показує чітку різницю:
Класичні дошки оголошень створювалися 10-15 років тому для десктопних комп’ютерів. Мобільна версія -це адаптація старого дизайну під маленький екран. Як носити костюм, пошитий на іншу людину -формально підходить, але сидить незручно.
Npati будувався в еру смартфонів. Жива стрічка на головній сторінці ідеально працює при мобільному скролінгу. Shorts відображаються у повноекранному вертикальному форматі. Вибір розмірів та кольорів адаптований під натискання пальцем. Сповіщення підписникам приходять прямо на телефон.
Це не аналог старих платформ із мобільною обгорткою -це сучасна система, народжена для мобільного покоління покупців.
| Функція | Оптимізація для мобільного |
|---|---|
| Жива стрічка | Плавний скролінг, оптимізовані мініатюри |
| Відеоогляди | Автовідтворення, адаптивний плеєр |
| Shorts | Повноекранний вертикальний формат |
| Система розмірів | Кнопки, зручні для натискання пальцем |
| Система кольорів | Візуальні кружечки кольорів |
| Безпечна покупка | Мінімум кроків для оформлення |
| Нова Пошта | Автоматичний розрахунок, без ручного введення |
| Пошук | Адаптований під мобільний (Дивіться відео як працює пошук) |
| Сповіщення | Push-сповіщення на телефон підписникам |
| Створення оголошень | Можна створити прямо з телефону (Дивіться відео як створити оголошення безкоштовно) |
💡 Бонус: як знімати фото та відео для оголошень прямо на телефон
Вам не потрібна професійна камера. Ваш смартфон – ідеальний інструмент для створення мобільно-оптимізованого контенту.
Налаштування камери телефону для фото товарів
| Налаштування | Рекомендація | Чому |
|---|---|---|
| Пропорції | 4:5 або 1:1 | Оптимально для мобільного відображення |
| Роздільна здатність | Максимальна | Можна обрізати без втрати якості |
| HDR | Увімкнути | Кращі деталі у тінях та світлих ділянках |
| Спалах | Вимкнути | Використовуйте природне або штучне світло |
| Грід (сітка) | Увімкнути | Допомагає розташувати товар по центру |
| Таймер | 3-5 сек | Якщо знімаєте самостійно -уникнете тремтіння |
Налаштування для відео (shorts)
| Налаштування | Рекомендація |
|---|---|
| Орієнтація | Вертикальна (тримайте телефон вертикально!) |
| Роздільна здатність | 1080p (Full HD) |
| Частота кадрів | 30 fps |
| Стабілізація | Увімкнути |
| Тривалість | 15-60 секунд |
📚 Читайте також інші корисні статті
Продовжуйте прокачувати навички ефективних онлайн-продажів:
- Як писати FAQ у картці товару, щоб зменшити кількість питань
- Розмірні таблиці, характеристики та специфікації: як правильно заповнювати на маркетплейсі
- Як використовувати storytelling у описі товару
- A/B тестування оголошень: як знайти ідеальний варіант
- Як оформити картку товару, щоб виділитись серед конкурентів
- Скільки фото потрібно в оголошенні: оптимальна кількість за дослідженнями
- Як знімати відео-огляд товару для оголошення: покрокова інструкція
- Інфографіка на фото товару: як робити та чи потрібна вона у 2026 році
- Як правильно назвати оголошення: формула заголовка, що привертає увагу
- SEO для маркетплейсу: як потрапити в топ пошукової видачі
- Як фотографувати товар для маркетплейсу на смартфон
- Як написати опис товару, що продає: приклади та секрети
- Чи варто продавати на кількох маркетплейсах одночасно: плюси та мінуси
- Як продавати меблі та великогабаритні товари на маркетплейсі: повний гід 2026
- Продаж дитячих товарів онлайн: що потрібно знати у 2026 році
Питання та відповіді
Як швидко перевірити, як виглядає моє оголошення на телефоні?
Відкрийте своє оголошення на Npati в браузері Google Chrome на комп’ютері. Натисніть F12 (або Ctrl + Shift + I), потім натисніть іконку мобільного пристрою або Ctrl + Shift + M. Оберіть модель телефону (рекомендуємо iPhone SE для тесту на найменшому екрані) і перегляньте, як виглядає ваша картка. Детальна покрокова інструкція з таблицею пристроїв -вище у цій статті.
Які пропорції фото найкращі для мобільного перегляду?
Вертикальні 4:5 або квадратні 1:1. Ці пропорції займають максимум площі мобільного екрану. Уникайте горизонтальних фото 16:9 -на телефоні вони перетворюються на маленькі смужки, де товар ледве видно. Для shorts використовуйте формат 9:16 (повноекранне вертикальне відео).
Скільки мають важити фото для швидкого завантаження?
Оптимально -від 500 KB до 2 MB на одне фото. Використовуйте безкоштовні сервіси стиснення: TinyPNG або Squoosh від Google. Вони зменшують розмір файлу на 60-80% без помітної втрати якості. На мобільному інтернеті це критично -покупець не чекатиме завантаження важких фото.
Чому shorts на Npati -це ідеальний мобільний формат?
Shorts -це вертикальне відео 9:16 тривалістю 15-60 секунд. Цей формат створений спеціально для перегляду на смартфоні: займає весь екран, не потребує повороту телефону, швидко передає суть. На Npati shorts відображаються на головній сторінці в окремому блоці -це додаткове джерело трафіку для ваших товарів.
Чи можна створити оголошення прямо з телефону?
Так, Npati повністю адаптований для створення оголошень з мобільного пристрою. Ви можете зняти фото та відео на телефон і одразу завантажити їх в оголошення. Перші 3 оголошення завжди безкоштовні для всіх користувачів. я впливає на продажі?
Прямо та суттєво. 80% покупців переглядають товари зі смартфона. Якщо ваше оголошення погано виглядає на телефоні -ви втрачаєте 8 із 10 потенційних покупців. За нашими спостереженнями, оголошення з мобільно-оптимізованими фото (4:5), коротким структурованим текстом та відеооглядом отримують у 3-5 разів більше конверсій, ніж неоптимізовані аналоги.
Мої підписники побачать оновлене оголошення на телефоні?
На Npati кожен підписник продавця отримує миттєве сповіщення про нові оголошення або відео. Сповіщення приходить прямо на смартфон, покупець натискає -і одразу бачить вашу мобільно-оптимізовану картку товару. Це одна з ключових переваг: конверсія з push-сповіщень у рази вища, ніж з email-розсилок.
Чим Npati відрізняється від класичних дошок оголошень у контексті мобільного досвіду?
Класичні дошки оголошень проектувалися для комп’ютерів 10-15 років тому. Їхня мобільна версія -це адаптація старого дизайну. Npati -молодий динамічний проект, створений в еру смартфонів із mobile-first підходом. Жива стрічка, shorts, візуальний вибір розмірів та кольорів, відеоогляди, push-сповіщення -все це працює нативно на мобільному, без компромісів. Це не аналог старих систем з мобільною обгорткою, а сучасна платформа, яка говорить мовою мобільного покоління.
Як налаштувати доставку для оголошення на мобільному?
Інтеграція з Новою Поштою працює однаково зручно як з комп’ютера, так і з телефону. Вкажіть вагу товару (від 1 до 1000 кілограмів відповідно до вимог Нової Пошти), і вартість доставки розрахується автоматично для покупця. Безпечна покупка також активується в пару натискань -покупець оплачує лише доставку.
Підсумок: мобільний покупець -це ваш головний покупець
Давайте зафіксуємо ключові принципи мобільної оптимізації оголошень:
📸 Фото
✅ Вертикальні (4:5) або квадратні (1:1)
✅ Товар займає 70-85% кадру
✅ Чистий фон, товар по центру
✅ Розмір файлу до 2 MB
✅ Перше фото одразу показує, що продається
✍️ Текст
✅ Найважливіше -у перших 50 символах назви
✅ Абзаци по 2-3 речення максимум
✅ Емоджі як візуальні маркери
✅ Характеристики -вертикальним списком
✅ FAQ -коротко, конкретно, з фактами
🎥 Відео
✅ Shorts (вертикальне 9:16) – для привернення уваги
✅ Повний відеоогляд – для закриття всіх питань
✅ Обидва типи відео відображаються на головній Npati
🔍 Перевірка
✅ Chrome DevTools (F12 → Ctrl+Shift+M) -перевіряйте на iPhone SE
✅ Порівняйте з конкурентами в мобільному режимі
✅ Тест «поштова марка» — зменшіть фото і перевірте впізнаваність
🛠️ Інструменти Npati
✅ Система розмірів та кольорів -як у повноцінних інтернет-магазинах
✅ Відеоогляди та shorts -у фокусі платформи
✅ Нова Пошта інтегрована -вага від 1 до 1000 кг
✅ Безпечна покупка -оплата лише за доставку
✅ Миттєві сповіщення підписникам -push на телефон
✅ Жива стрічка -створена для мобільного скролінгу
✅ Перші 3 оголошення безкоштовно -починайте прямо з телефону
Ваш товар може бути ідеальним. Ваша ціна може бути найкращою. Але якщо на 6-дюймовому екрані смартфона це виглядає непривабливо -продажу не буде.
Перевірте свої оголошення прямо зараз. Відкрийте Chrome, натисніть F12, увімкніть мобільний режим -і побачте те, що бачать 80% ваших покупців. А потім оптимізуйте за інструкцією з цієї статті.
