Миналия месец проверих сайтовете на 10 български бизнеса от първа страница в Google. 8 от тях имаха проблеми на мобилно - бутони, които не можеш да натиснеш, текст, който трябва да увеличаваш, менюта, които се припокриват. И тези хора плащат за SEO.
Проблемът е, че повечето собственици на бизнеси проверяват сайта си на лаптоп. Седят на бюрото, отварят сайта на голям екран и казват "изглежда добре". Само че клиентите им не са на лаптоп. Клиентите им са в автобуса, на опашка в банката, или легнали на дивана с телефон в ръка.
62% от интернет трафика в България идва от мобилни устройства
За услуги като ресторанти, автосервизи и доставки процентът стига до 75-80%.
Числата: колко трафик идва от мобилни в България
Дълго време десктоп беше цар. Но това свърши преди години и много хора все още не са го осъзнали. Ето какво показват данните на Statcounter за България:
| Година | Мобилни | Десктоп | Таблет |
|---|---|---|---|
| 2020 | 48% | 47% | 5% |
| 2022 | 55% | 41% | 4% |
| 2024 | 59% | 38% | 3% |
| 2025-2026 | 62% | 35% | 3% |
Тенденцията е ясна - всяка година мобилните устройства ядат от дела на десктоп. И няма причина това да спре. Телефоните стават по-бързи, екраните по-големи, а хората свикват да правят всичко от тях.
Ако имаш ресторант, автосервиз, фризьорски салон или каквато и да е локална услуга - мобилните ти посетители вероятно са над 70%. Тези хора те търсят докато са навън и имат нужда от теб точно сега.
Какво е mobile-first indexing и защо те засяга
Преди години Google гледаше десктоп версията на сайта ти, за да реши къде да те класира. Мобилната версия беше нещо допълнително - хубаво е да я имаш, ама не е задължително.
Това се промени. От октомври 2023 Google използва САМО мобилната версия на сайта ти за индексиране. Нарича се mobile-first indexing и засяга абсолютно всички сайтове.
На практика какво означава това:
Десктоп версията
Може да е перфектна. Може да е бърза, красива и с цялото съдържание на света. Google вече не я гледа като основна. Тя е на втори план.
Мобилната версия
Това е версията, която Google обхожда, индексира и оценява. Ако мобилната ти версия крие съдържание, бавна е или се чупи - точно това вижда Google.
Виждал съм сайтове, които крият текст на мобилно "за да не е претрупано". Звучи логично, но проблемът е, че Google вече не вижда този текст. Ако важни параграфи или цели секции се показват само на десктоп - за Google те не съществуват.
Какво означава "респонсив дизайн" на практика
Терминът се хвърля наляво и надясно, но какво реално означава? Респонсив (responsive) дизайн е когато един сайт автоматично се адаптира към екрана, на който го гледаш. Не отделен мобилен сайт. Не приложение. Един сайт, който се преоформя.
Ето какво трябва да се случва когато отвориш сайт на телефон:
- Текстът се чете без zoom - шрифтът е достатъчно голям
- Бутоните са достатъчно големи, че да ги натиснеш с палец (минимум 48x48 пиксела)
- Няма хоризонтално скролиране - всичко се побира в ширината на екрана
- Менюто работи - не се припокрива, не изчезва, отваря се нормално
- Формите се попълват лесно - полетата не са мънички
Ако чуеш някой да предлага "отделен мобилен сайт" (m.example.com) - това е подход от 2012. Google изрично препоръчва респонсив дизайн. Отделен мобилен сайт създава проблеми с дублирано съдържание и е кошмар за поддръжка. Ние от Coding Turtles не сме правили отделен мобилен сайт от... 2015? Всичко е респонсив от ден едно.
Как да провериш дали сайтът ти е mobile-friendly
Не ти трябва програмист за да разбереш дали имаш проблем. Ето конкретни инструменти, които можеш да използваш веднага:
1. Google PageSpeed Insights
Отваряш pagespeed.web.dev , въвеждаш адреса на сайта си и чакаш 30 секунди. Получаваш резултат от 0 до 100 за мобилно и десктоп. Ако мобилният ти резултат е под 50 - имаш сериозен проблем. Между 50-89 - може по-добре. Над 90 - браво.
2. Google Search Console
Ако имаш Search Console (а трябва да имаш), отиди в секция "Mobile Usability". Там Google ти казва директно какви проблеми е открил. Бутони твърде близо един до друг, текст твърде малък, съдържание по-широко от екрана.
3. Chrome DevTools
Отвори сайта си в Chrome, натисни F12, после иконката с телефон/таблет горе вляво. Можеш да видиш как изглежда сайтът на различни устройства - iPhone, Samsung, Pixel. Бързо и безплатно.
4. Реален телефон (най-доброто)
Сериозно - отвори сайта на телефона си. Опитай да се свържеш с теб самия. Опитай да попълниш формата за контакт. Опитай да намериш адреса или телефона. Ако ти е трудно - представи си как е на клиентите ти.
Ако след тези тестове видиш проблеми, не изпадай в паника. Повечето от тях се решават с правилен уеб дизайн и малко техническа работа. Но първо трябва да знаеш, че проблемът съществува.
Какво се случва с класирането ако мобилната версия е лоша
Ще бъда директен - ако мобилната ти версия е зле, губиш позиции. Не утре, не следващия месец, а вероятно вече си загубил и не знаеш.
Ето какво конкретно се случва:
Google те класира по-ниско
Core Web Vitals са ranking фактор от 2021. Ако мобилната ти версия е бавна (LCP над 2.5 секунди), нестабилна (CLS над 0.1) или бавно реагира (INP над 200ms) - конкурент с по-добри показатели ще те измести. Толкова просто.
Посетителите си тръгват
Google казва, че 53% от мобилните потребители напускат сайт, който зарежда повече от 3 секунди. Тези хора отиват при конкуренцията. А Google отчита bounce rate и времето на сайта - което допълнително натиска позициите ти надолу.
Пропускаш съдържание
Ако мобилната ти версия крие текст, изображения или цели секции - Google не ги индексира. Може да имаш страхотно съдържание, което просто не съществува за търсачката.
Обратното също е вярно. Сайт с отлична мобилна версия, бързо зареждане и добро потребителско изживяване получава бонус в класирането. Не случайно скоростта на сайта е толкова важна за SEO. А ако сайтът ти е бърз и работи добре на мобилно, но пак няма запитвания - проблемът може да е в конверсията.
6 чести грешки при мобилни сайтове
Виждам ги постоянно. Дори при сайтове, които уж са "респонсив". Проблемът е, че да сложиш мета таг viewport не значи автоматично, че сайтът ти работи на телефон.
1.Бутони, които не можеш да натиснеш
Знаеш ли колко пъти съм опитвал да натисна "Свържи се с нас" и съм натискал линка отдолу вместо това? Google изисква минимум 48x48 пиксела за интерактивни елементи и поне 8 пиксела разстояние между тях. Не защото е прищявка, а защото палецът е дебел.
2.Текст, който се чете само с zoom
Ако шрифтът на мобилно е 10-11 пиксела, хората трябва да увеличават за да прочетат каквото и да е. Минимумът е 16px за основен текст. Това не е препоръка - ако текстът е по-малък, Google го отчита като проблем в Mobile Usability.
3.Бавно зареждане заради огромни снимки
Виждам сайтове, които зареждат снимки 3000x2000 пиксела на екран от 375 пиксела ширина. Телефонът тегли 2-3MB на снимка, а показва я в размер 375x250. Решението е просто - WebP формат, правилни размери, lazy loading. Повече за скоростта.
4.Popup прозорци, които блокират екрана
Google директно наказва "intrusive interstitials" на мобилно от 2017. Ако popup за абонамент покрива целия екран веднага при отваряне - това е проблем и за потребителите, и за класирането. Малки банери долу на екрана са ок. Пълноекранни popup-и - не.
5.Хоризонтално скролиране
Нищо не вика "този сайт не е направен за мобилно" по-силно от хоризонтален скрол. Обикновено причината е таблица, която е твърде широка, или снимка с фиксирана ширина. Лесно се поправя, но трябва да го забележиш първо.
6.Телефонният номер не е кликаем
Това ме изнервя лично. Човекът е на телефон, вижда номера ти, но не може да натисне върху него за да се обади. Трябва да го копира, да отвори приложението за обаждания, да го постави... Просто сложи tel: линк. Отнема 10 секунди.
Какво правим ние по въпроса
Всеки сайт, който правим в Coding Turtles, се проектира mobile-first. Не правим десктоп версия и после я "намаляваме". Започваме от мобилно и после разширяваме за по-големи екрани.
Конкретно какво включва това:
- Next.js с автоматична оптимизация на изображения
WebP формат, правилни размери за всеки екран, lazy loading по подразбиране
- 95-100 в PageSpeed Insights на мобилно
Не 95 на десктоп и 40 на мобилно - 95+ и на двете
- Core Web Vitals в зелено
LCP под 2 секунди, CLS под 0.05, INP под 100ms
- Тестване на реални устройства
Не само в емулатор - тестваме на iPhone, Samsung, различни Android устройства
Ако текущият ти сайт има мобилни проблеми, не е нужно да го правиш наново. Понякога SEO оптимизация и техническа работа по мобилната версия са достатъчни. Зависи от ситуацията - пиши ни и ще ти кажем честно какво е нужно.
Ето го обобщението
Мобилната версия на сайта ти не е "бонус". Тя Е сайтът ти, поне що се отнася до Google. 62% от посетителите ти са на телефон. Google индексира само мобилната версия. Core Web Vitals на мобилно определят класирането.
Ако досега не си проверявал как изглежда сайтът ти на телефон - направи го днес. Отвори PageSpeed Insights, въведи адреса си, и виж резултата за мобилно. Ако е под 50 - имаш работа. Ако е над 90 - поздравления, ти си изключение.
Източници
Често задавани въпроси
Не си сигурен как стои сайтът ти на мобилно?
Пиши ни и ще направим безплатна проверка. Ще получиш конкретен списък с проблеми и препоръки какво да се поправи - без задължения.