Mobile-Friendly — це властивість сайту бути зручним для перегляду на смартфонах і планшетах: читабельний текст без масштабування, зручні для пальця кнопки, відсутність горизонтального скролу й адаптація під малий екран. Google оцінює mobile-friendly з 2015 року, а через mobile-first indexing мобільна версія стала основною для ранжування.
Простими словами: mobile-friendly — це коли сайт на телефоні не доводиться розтягувати пальцями й полювати на дрібні посилання. Відкрив — і одразу зручно читати й тицяти.
Що таке Mobile-Friendly і навіщо воно потрібне
Понад половина пошукового трафіку в більшості ніш іде зі смартфонів. Якщо сторінка «дружелюбна» до мобільних — людина лишається й конвертується; якщо ні — закриває вкладку за кілька секунд. Google зафіксував цей зсув офіційно: з квітня 2015 року (апдейт, який преса охрестила Mobilegeddon) мобільна зручність стала фактором ранжування в мобільному пошуку, а згодом Google перейшов на mobile-first indexing — тобто оцінює насамперед мобільну версію сторінки.
Критерії mobile-friendly
- Читабельний текст — без потреби збільшувати шрифт двома пальцями.
- Зручні тап-таргети — кнопки й посилання достатньо великі й розставлені так, щоб не влучати мимо.
- Немає горизонтального скролу — контент вміщується в ширину екрана.
- Налаштований viewport — сторінка знає ширину пристрою й підлаштовується.
- Немає непідтримуваного контенту — жодного Flash та важких елементів, що не грають на телефоні.
- Немає нав’язливих interstitial — спливаючих вікон на весь екран одразу після заходу.
Як перевірити mobile-friendly
Окремий інструмент Mobile-Friendly Test Google закрив наприкінці 2023 року, тож сьогодні зручність для мобільних перевіряють через звіт про досвід сторінки й URL Inspection у Search Console, через Lighthouse у Chrome DevTools або в PageSpeed Insights. Найпростіша ручна перевірка — відкрити сайт на своєму телефоні й спробувати ним реально скористатися.
Приклад
Інтернет-магазин на десктопі виглядає бездоганно, але на смартфоні кнопка «Купити» налазить на ціну, а меню-каталог не розгортається. Формально сторінка «є», а фактично оформити замовлення з телефона неможливо — і 60% трафіку йде в нікуди. Виправлення адаптивної верстки часто піднімає і конверсію, і позиції.
Часто плутають з…
- Адаптивний дизайн — це спосіб зробити сайт mobile-friendly. Mobile-friendly — результат, адаптивна верстка — техніка, якою його досягають.
- Page Experience — ширший набір сигналів зручності (швидкість, стабільність, безпека), у якому mobile-friendly — лише одна складова.
Питання та відповіді
Mobile-Friendly впливає на позиції в Google?
Так. Зручність для мобільних — офіційний сигнал ранжування з 2015 року, а через mobile-first indexing Google оцінює насамперед мобільну версію. Незручний на телефоні сайт втрачає і позиції, і конверсію.
Чи це те саме, що адаптивний дизайн?
Ні. Mobile-friendly — це властивість «зручно на телефоні». Адаптивний дизайн — найпоширеніший технічний спосіб цю властивість забезпечити, але не єдиний.
Як швидко перевірити свій сайт?
Відкрити його на смартфоні й спробувати скористатися, а для точнішої діагностики прогнати сторінку через Lighthouse чи PageSpeed Insights і подивитися звіт про досвід сторінки в Search Console.
Сайт незручний на телефонах? Зробимо коректну адаптивну верстку та UX/UI-аудит.
Схожі терміни: Адаптивний дизайн, Mobilegeddon, Mobile-First Indexing, Page Experience, Core Web Vitals.
