Site-ul tău arată perfect pe monitorul tău. Dar tu nu ești clientul.
Ai deschis site-ul de pe calculator, ai zâmbit mulțumit — arată exact cum ți-ai dorit. Meniul e clar, imaginile sunt la locul lor, textul e frumos aliniat. Totul e în regulă.
Apoi, cineva îți trimite o captură de pe telefon. Și ce vezi te sperie: butoane suprapuse peste text, o imagine care iese din ecran, un meniu care nu se mai deschide deloc, sau litere atât de mici încât trebuie să mărești cu două degete ca să citești un titlu.
Nu ești singurul. E, de departe, cea mai frecventă surpriză neplăcută pe care o au proprietarii de site-uri WordPress atunci când verifică, în sfârșit, cum arată treaba pentru care au plătit — nu pe ecranul lor de 24 de inch, ci pe ecranul de 6 inch pe care îl folosesc, de fapt, majoritatea vizitatorilor.
Și problema nu e cosmetică. Un site care arată prost pe telefon nu doar deranjează — pierde clienți, pierde vânzări și pierde poziții în Google. Hai să înțelegem exact de ce se întâmplă asta și, mai important, ce faci ca să nu ți se mai întâmple ție.
Peste jumătate din vizitatorii tăi vin de pe telefon — probabil mai mult
Înainte de orice altceva, un fapt simplu pe care mulți proprietari de site îl ignoră: în România, ca și în restul lumii, majoritatea traficului către un site obișnuit vine de pe telefon, nu de pe calculator. Depinde de domeniu — un magazin online de modă poate avea 70-80% trafic mobil, un site de servicii B2B poate avea un procent mai echilibrat — dar aproape niciodată calculatorul nu mai e majoritar.
Asta înseamnă ceva important: versiunea de telefon a site-ului tău nu e „varianta secundară”. E versiunea principală, cea pe care o vede majoritatea oamenilor care ajung la tine. Dacă ea arată prost, nu ai o mică problemă cosmetică — ai o problemă cu fața pe care o arăți majorității clienților tăi.
Și totuși, aproape toate site-urile se construiesc și se verifică invers: pe monitorul mare, de pe calculatorul de birou, unde totul arată bine automat. Versiunea mobilă rămâne, de multe ori, complet neverificată până când cineva — un client, un prieten, tu însuți din întâmplare — o deschide și observă haosul.
De ce se strică lucrurile de la un ecran la altul
Ca să înțelegi de ce apar problemele, trebuie să înțelegi, pe scurt, cum „gândește” un site atunci când se afișează. Nu ai nevoie de cunoștințe tehnice — doar de logica de bază.
1. Site-ul nu e o imagine fixă, e o structură flexibilă
Un site WordPress modern nu e ca o poză sau ca un PDF, care arată identic oriunde îl deschizi. E construit din blocuri — text, imagini, butoane, coloane — care trebuie să se rearanjeze automat în funcție de spațiul disponibil. Pe un ecran lat de calculator, poți avea trei coloane una lângă alta. Pe un ecran îngust de telefon, aceleași trei coloane trebuie să se așeze una sub alta, altfel nu mai încap.
Acest proces de rearanjare automată se numește design responsive (sau „adaptiv”). Când funcționează bine, nici nu-l observi — site-ul „curge” natural pe orice ecran. Când nu funcționează, vezi exact haosul de care vorbeam: elemente suprapuse, text tăiat, imagini uriașe care ies din pagină.
2. Nu tot ce se construiește ușor pe calculator se comportă la fel pe telefon
Multe site-uri WordPress se construiesc cu editoare vizuale — Elementor, Divi, Gutenberg și altele — care îți permit să tragi elemente pe pagină și să le aranjezi exact cum vrei. Problema e că aceste editoare arată, implicit, varianta de calculator. Poți construi ceva care arată impecabil acolo, fără să realizezi că, tehnic, ai creat o structură care nu are cum să se comprime elegant pe un ecran mic.
De exemplu: o secțiune cu patru coloane, fiecare cu o imagine mare și mult text, poate arăta echilibrat pe calculator. Pe telefon, dacă nimeni nu a definit explicit cum trebuie să se comporte acea secțiune pe ecran îngust, ea fie se înghesuie absurd (patru coloane comprimate una lângă alta, ilizibile), fie se dezorganizează complet.
3. Temele și plugin-urile vechi sau prost făcute nu iau în calcul deloc telefonul
O parte semnificativă din site-urile pe care le văd cu probleme grave de afișare mobilă au ceva în comun: folosesc o temă veche, un plugin nepotrivit sau elemente construite acum câțiva ani, când standardele de design erau altele sau când cine a construit site-ul pur și simplu nu a testat niciodată pe telefon.
Alteori, problema vine din combinații: o temă modernă, responsive, la care cineva a adăugat cod personalizat (CSS) fără să verifice cum se comportă pe ecrane mici. Codul respectiv „forțează” anumite dimensiuni fixe — o lățime de 800 de pixeli pentru o imagine, de exemplu — care pur și simplu nu au cum să încapă pe un ecran de telefon de 375 de pixeli lățime. Rezultatul: imaginea iese din pagină, apare bara de derulare orizontală, și totul pare rupt.
4. Fonturile și dimensiunile gândite „la ochi” pe calculator
Un titlu care arată elegant, de dimensiune generoasă, pe un ecran mare, poate deveni fie minuscul, fie absurd de mare pe un telefon — depinde cum a fost setat. Dacă dimensiunea textului e fixă (aceeași valoare exactă indiferent de ecran), pe telefon fie nu se mai citește, fie ocupă tot ecranul cu un singur cuvânt.
La fel, spațiile dintre elemente — care pe calculator dau senzația de „aerisit” și elegant — pot deveni, pe telefon, spații goale uriașe care obligă vizitatorul să deruleze mult mai mult decât ar trebui ca să ajungă la conținutul relevant.
Cum arată, concret, un site „stricat” pe telefon
Ca să nu rămânem la teorie, iată tiparele pe care le întâlnesc cel mai des atunci când verific un site pe mobil pentru un client care nu a mai făcut asta niciodată:
- Meniul de navigare nu se deschide sau se deschide peste conținut, blocând totul. Vizitatorul nu mai poate ajunge la nicio altă pagină decât cea pe care a aterizat.
- Butoane și linkuri prea apropiate unele de altele. Utilizatorul apasă pe unul și ajunge, din greșeală, pe altul — frustrant, mai ales pe formulare sau la finalizarea unei comenzi.
- Imagini care ies din marginea ecranului, forțând o derulare orizontală incomodă, pe lângă cea normală, verticală.
- Text suprapus peste alt text sau peste imagini, de obicei acolo unde pe calculator exista spațiu suficient, dar pe telefon spațiul s-a comprimat greșit.
- Formulare de contact sau de comandă imposibil de completat — câmpuri prea înguste, butonul de trimitere ascuns sau imposibil de apăsat.
- Timp de încărcare mult mai mare pe telefon, pentru că imaginile grele gândite pentru ecrane mari nu sunt optimizate separat pentru conexiuni mobile, adesea mai lente.
- Popup-uri (ferestre care apar peste conținut) care ocupă tot ecranul și nu au un buton de închidere vizibil pe un telefon, deși pe calculator butonul „X” era perfect vizibil în colț.
Fiecare dintre aceste probleme, izolat, pare mică. Împreună, ele formează exact experiența care face un vizitator să închidă site-ul în câteva secunde și să caute altundeva ce avea nevoie.
De ce contează asta pentru afacerea ta, nu doar pentru estetică
Pierzi clienți în secunde, nu în minute
Un vizitator care deschide site-ul tău de pe telefon și dă peste un meniu blocat sau un text ilizibil nu stă să se chinuie. Nu are răbdare și nici motiv să aibă — există, aproape sigur, alte zeci de site-uri similare la un search distanță. Pleacă, de obicei în mai puțin de zece secunde, și acea plecare rapidă e, de fapt, o vânzare pierdută, o programare nefăcută, un formular necompletat.
Google observă și el, nu doar clientul
De câțiva ani buni, Google evaluează site-urile folosind, în primul rând, versiunea mobilă — nu cea de calculator, o parte esențială din ce am detaliat deja în ghidul despre Core Web Vitals. Practic, motorul de căutare „vede” site-ul tău exact așa cum îl vede un vizitator de pe telefon, și pe baza acelei experiențe decide, parțial, unde te poziționează în rezultatele căutării. Dacă versiunea mobilă e stricată sau greu de folosit, asta afectează direct șansele tale de a fi găsit — indiferent cât de bine arată varianta de calculator, pe care Google nici măcar nu o mai folosește ca referință principală.
Cu alte cuvinte: poți avea cel mai frumos site de pe calculator din branșa ta și, în același timp, să pierzi vizibilitate în Google din cauza felului în care arată pe telefon — o legătură pe care puțini proprietari de site o fac instinctiv, și una dintre explicațiile discutate în ghidul despre de ce nu te găsește nimeni pe Google.
Îți afectează reputația, nu doar o vizită
Un site rupt pe telefon transmite, subtil dar sigur, un mesaj: „această afacere nu se ocupă de detalii”. Nu contează cât de profesionist ești în realitate — dacă prima interacțiune digitală cu tine e frustrantă, acea impresie rămâne, chiar dacă vizitatorul nu articulează conștient de ce nu are încredere.
Ce să NU faci
Câteva greșeli frecvente pe care le văd atunci când cineva încearcă să repare singur problema, fără să înțeleagă exact cauza:
- Nu instala „un plugin de responsive” la întâmplare, sperând că rezolvă totul automat. Majoritatea acestor plugin-uri fie nu fac nimic real, fie adaugă cod suplimentar care încetinește site-ul fără să rezolve cauza reală a problemei.
- Nu ascunde pur și simplu elementele problematice pe mobil, ca soluție rapidă. E o modalitate comună de a „rezolva” vizual o problemă — ascunzi o secțiune stricată în loc s-o repari — dar rezultatul e că vizitatorii de pe telefon (majoritatea!) nu mai văd deloc informații sau funcționalități pe care le au cei de pe calculator.
- Nu schimba tema doar pentru că „poate teme noi sunt mai responsive”, fără să verifici întâi dacă problema chiar vine de la temă. De multe ori cauza e un plugin, un fragment de cod personalizat sau o secțiune construită greșit — schimbarea temei poate rezolva problema aparent, dar riști să pierzi mult din designul construit deja, fără garanția că problema reală dispare.
- Nu te uita doar pe telefonul tău personal și tragi concluzia că „e ok”. Telefonul tău are un anumit model, o anumită dimensiune de ecran, poate un anumit browser. Un site poate arăta corect pe un iPhone recent și complet stricat pe un telefon Android mai vechi sau mai ieftin — exact genul de telefon pe care îl folosesc mulți dintre clienții tăi reali.
Cum verifici corect, chiar și fără cunoștințe tehnice
Nu ai nevoie de cunoștințe de programare ca să faci o verificare de bază, corectă, a felului în care arată site-ul tău pe mobil. Iată pașii, în ordine:
1. Testează pe telefoane reale, nu doar mental
Deschide site-ul de pe propriul telefon — dar nu te opri acolo. Dacă ai acces la un al doilea telefon, cu un alt sistem de operare sau un ecran de altă dimensiune, verifică și pe el. Diferențele reale de comportament apar mai des decât crezi între modele diferite.
2. Folosește simulatorul din browser, pe calculator
Toate browserele moderne (Chrome, Firefox, Edge) au un instrument integrat, gratuit, care simulează cum arată un site pe diverse dimensiuni de ecran, direct de pe calculator. În Chrome, de exemplu, apeși F12 (sau click dreapta → „Inspectează”), apoi apeși pe iconița care arată ca un telefon și o tabletă suprapuse, aflată în colțul din stânga sus al panoului care apare. Poți alege din listă modele populare de telefon și vezi imediat cum se comportă site-ul la acea dimensiune, fără să ai nevoie de telefonul fizic.
3. Parcurge, nu doar privește
Nu te opri la a te uita la pagina principală. Parcurge efectiv site-ul așa cum ar face-o un client: deschide meniul, navighează către o pagină de produs sau de serviciu, completează (fără să trimiți) un formular de contact, încearcă să adaugi ceva în coș dacă ai magazin online. Multe probleme reale apar nu pe prima pagină, ci în interacțiunile ulterioare.
4. Verifică viteza de încărcare separat pentru mobil
Există instrumente gratuite, precum PageSpeed Insights de la Google, care îți arată — separat — cum performează site-ul tău pe mobil față de calculator. Diferențele pot fi surprinzător de mari, mai ales dacă site-ul folosește imagini grele, neoptimizate pentru conexiuni mobile — exact tipul de cauze pe care le-am detaliat în ghidul despre de ce e lent un site WordPress.
Exemple reale, anonimizate, din auditurile pe care le-am făcut
Ca să nu rămână totul la nivel de teorie, câteva situații întâlnite recent, la site-uri administrate de WebFixer — cu detaliile schimbate, dar problema reală păstrată.
Magazinul online cu coșul „invizibil”
Un magazin de produse pentru casă avea, pe calculator, un buton de „Adaugă în coș” perfect vizibil, plasat lângă preț. Pe telefon, din cauza unei setări de spațiere gândite doar pentru ecrane mari, butonul ajungea sub o imagine, complet în afara zonei vizibile fără să deruleze suplimentar în lateral — nu vertical, ci lateral, ceea ce puțini utilizatori încearcă instinctiv. Rezultatul, confirmat ulterior în Google Analytics: rata de adăugare în coș de pe mobil era de aproape patru ori mai mică decât de pe calculator, deși traficul mobil era majoritar. Odată corectată spațierea, diferența s-a redus semnificativ în câteva săptămâni.
Site-ul de servicii cu meniul „fantomă”
Un site de prezentare pentru un cabinet de consultanță avea un meniu construit cu un plugin mai vechi, care funcționa impecabil pe calculator, dar pe anumite telefoane Android meniul pur și simplu nu reacționa la atingere — utilizatorul apăsa pe iconița de meniu și nu se întâmpla nimic vizibil. Proprietarul nu observase problema pentru că testase doar pe propriul iPhone, unde meniul funcționa corect. Cauza: o incompatibilitate specifică între plugin și o parte din browserele mobile folosite pe Android, invizibilă fără testare pe mai multe dispozitive.
Blogul cu imaginile „uriașe”
Un blog cu conținut editorial bogat în imagini avea, pe calculator, o încărcare rapidă și un aspect curat. Pe mobil însă, aceleași imagini — încărcate la dimensiune mare, gândite pentru ecrane late — se încărcau extrem de lent pe o conexiune 4G obișnuită, iar vizitatorii abandonau pagina înainte ca imaginile principale să apară complet. Diferența de viteză între variantele de mobil și calculator era de peste trei ori, exclusiv din cauza lipsei unei optimizări separate pentru imagini pe ecrane mici — exact problema descrisă în ghidul despre imagini WebP și optimizare.
Toate trei exemplele au un lucru în comun: proprietarul site-ului nu știa că problema există, pentru că nimeni nu verificase, sistematic, cum se comportă site-ul dincolo de propriul ecran de calculator sau de propriul telefon.
Ce faci dacă ai găsit probleme
Dacă, după verificare, ai descoperit că site-ul tău are, într-adevăr, probleme pe mobil, ai, practic, două drumuri posibile.
Dacă problema e punctuală
Uneori vorbim despre o singură secțiune stricată — o imagine care iese din pagină, un buton greu de apăsat, un meniu care se comportă ciudat. În aceste cazuri, remedierea poate fi rapidă: ajustarea unor setări din editorul vizual, corectarea unui fragment de cod personalizat sau înlocuirea unei imagini cu una optimizată corect pentru mobil.
Dacă problema e structurală
Alteori, problema nu e într-o singură secțiune, ci în felul în care a fost construit întregul site — o temă veche, o structură gândită strict pentru calculator, prea multe elemente adăugate de-a lungul timpului fără o verificare constantă pe mobil. În aceste situații, o simplă „reparație” pe ici, pe colo nu rezolvă cauza — e nevoie de o revizuire mai amplă, uneori de o reconstrucție parțială a paginilor problematice, cu design responsive gândit corect de la bază.
Diferența dintre cele două situații nu e mereu evidentă pentru cineva fără experiență tehnică — și tocmai de-aia contează un audit făcut de cineva care se uită efectiv la codul și structura din spate, nu doar la felul în care arată pagina.
Checklist rapid: verifică-ți site-ul chiar acum
- Deschide site-ul de pe propriul telefon și parcurge cel puțin 3-4 pagini importante
- Testează meniul de navigare — se deschide și se închide corect?
- Verifică dacă vreo imagine „iese” din marginea ecranului
- Completează (fără să trimiți) un formular de contact sau de comandă
- Verifică dacă orice buton important e ușor de apăsat, fără să atingi din greșeală altceva
- Rulează site-ul prin PageSpeed Insights, separat pentru versiunea de mobil
- Repetă testul pe încă un telefon, dacă ai acces la unul cu alt sistem de operare
Concluzie
Site-ul tău nu e ceea ce vezi tu pe monitorul de calculator, din biroul tău. E ceea ce văd, în majoritate, oamenii de pe telefoanele lor — în autobuz, în pauza de masă, seara pe canapea, cu o singură mână liberă și puțină răbdare. Dacă acea experiență e stricată, indiferent cât de mult efort ai investit în varianta de calculator, pierzi exact acolo unde contează cel mai mult: la prima impresie, la vânzare, la poziția în Google.
Vestea bună e că verificarea de bază durează câteva minute, iar reparațiile — fie ele punctuale sau mai ample — au, aproape mereu, o soluție clară, odată ce știi exact ce cauzează problema.
Dacă vrei să afli exact cum arată și cum performează site-ul tău pe mobil, fără să ghicești, auditul gratuit WebFixer îți arată punctual ce trebuie corectat — de la design responsive, până la viteză și securitate. Iar dacă preferi să nu te mai gândești deloc la asta, pachetele noastre de mentenanță WordPress se ocupă constant de exact genul de probleme discutate aici, înainte să ajungă să te coste clienți.
