Test compatibilitate mobil: testul de compatibilitate pentru mobile arată cum se vede orice website pe diferite dispozitive, direct în browser. Practic încadrează website-ul într-un iframe la diferite rezoluții, cu cadre de dispozitive realiste.
Test compatibilitate mobil
Previzualizează orice website pe Desktop, Tabletă și Mobil
Introduceți un URL și selectează un dispozitiv pentru previzualizare
Cum funcționează testul de compatibilitate
Unealta încarcă adresa indicată într-un cadru cu lățimea exactă a dispozitivului ales și afișează pagina așa cum o vede cineva de pe acel ecran. Lățimea în pixeli este cea reală, nu o aproximare.
Aveți la dispoziție 18 dispozitive, de la iPhone SE până la monitoare 2K, grupate pe categorii.
Dispozitivele disponibile
- Telefoane: iPhone 15 Pro (393 px), iPhone 15 Pro Max (430 px), iPhone 14 (390 px), iPhone SE (375 px), Pixel 8 (412 px), Samsung Galaxy S24 (360 px) și S24 Ultra (412 px).
- Tablete: iPad Pro 12,9 inci (1024 px), iPad Pro 11 inci (834 px), iPad Air (820 px), iPad Mini (768 px) și Galaxy Tab S9 (800 px).
- Laptopuri și monitoare: MacBook Pro 16 și 14 inci, MacBook Air 13 inci, laptop HD (1366 px), desktop Full HD (1920 px) și 2K (2560 px).
Ce urmăriți la fiecare rezoluție
- Textul se citește fără mărire. Sub 16 pixeli vizitatorul trebuie să apropie degetele, iar asta costă vizite.
- Butoanele și linkurile se pot apăsa cu degetul, fără să nimerească din greșeală elementul de alături.
- Nimic nu iese lateral. Tabelele largi, imaginile cu lățime fixă și blocurile de cod produc derulare orizontală, semnul cel mai frecvent al unei pagini neadaptate.
- Meniul se deschide și se închide, iar sub el conținutul rămâne accesibil.
- Elementele fixe nu acoperă conținutul. Bannerul de cookieuri și bara lipită de marginea de jos ocupă pe telefon mult mai mult din ecran decât pe desktop.
- Formularele se completează fără ca tastatura să ascundă câmpul activ sau butonul de trimitere.
De ce contează versiunea pentru telefon
Google indexează site-urile pornind de la varianta mobilă. Ce lipsește din versiunea pentru telefon lipsește, practic, și din index, chiar dacă pe desktop conținutul este la locul lui.
Verificați în special paginile care aduc bani: pagina de serviciu, pagina de contact și pașii de comandă. O eroare de așezare acolo se vede direct în numărul de cereri primite.
Limita testului
Unele site-uri interzic încărcarea în cadru, prin antetul X-Frame-Options sau prin directiva frame-ancestors din politica de securitate a conținutului. Pentru acestea pagina nu poate fi afișată, iar limitarea vine de la site-ul testat, nu de la unealtă.
Testul arată așezarea, nu viteza. Pentru partea de performanță și pentru restul semnalelor tehnice folosiți SEO Analyzer, iar despre indexarea orientată spre mobil am scris pe larg în ghidul despre Mobile-First Indexing.