Cele mai bune 10 teste de compatibilitate cu dispozitivele mobile [+ Ce înseamnă să fii prietenos cu dispozitivele mobile?]

Nimeni nu vrea să stea acolo ciupind, împingând și strâmbându-și ochii la telefon doar pentru a vă vedea site-ul. Așa că nu ar trebui să fie un șoc că 50% dintre oameni vor folosi o afacere mai rar dacă site-ul lor nu este compatibil cu dispozitivele mobile, potrivit Google.

Dar cum poți fi sigur că site-ul tău este compatibil cu dispozitivele mobile? Sigur, ai putea să-l verifici pe propriul tău smartphone. Dar cum rămâne cu sutele de alte tipuri de telefoane și tablete pe care vizitatorii tăi le folosesc?

Astăzi vom acoperi o selecție de teste de compatibilitate cu dispozitivele mobile care vă vor oferi răspunsuri clare și sfaturi utile. Pentru fiecare test, vom pune propriul nostru site prin stoarcet, astfel încât să puteți face o comparație de la mere la mere a rezultatelor. Apoi vom arunca o privire la ce înseamnă să fii prietenos cu dispozitivele mobile și cum poate influența SEO-ul tău. Dar mai întâi... ce este chiar un test de compatibilitate cu dispozitivele mobile?

Un test bun de compatibilitate cu dispozitivele mobile va analiza o gamă largă de factori. Acestea includ factori tehnici precum:

• Viteza site-ului
• Utilizarea CSS și Javascript
• Pluginuri precum Flash sau Java

Acestea vor include, de asemenea, factori de utilizare precum:

• Este textul citibil fără mărire?
• Conținutul se potrivește ecranului fără a derula lateral?
• Linkurile și butoanele sunt ușor de făcut clic?

Dar, în timp ce majoritatea testelor mobile vor lua în considerare aceiași factori, nu toate vă vor oferi aceleași rezultate. De aceea am adunat o listă cu cele mai bune 10 teste de compatibilitate cu dispozitivele mobile de luat în considerare.

1. Site Grader

Ia-ți nota chiar acum

Website Grader este testul propriu al HubSpot, alimentat de date direct de la Google Lighthouse. Oferă o evaluare în 30 de puncte a factorilor care vă afectează compatibilitatea cu dispozitivele mobile. Apoi vă arată recomandări ușor de înțeles pentru a vă îmbunătăți site-ul.

Nu sunteți sigur ce înseamnă recomandările? Faceți clic în lecții video gratuite despre cum să optimizați un site web receptiv pentru mobil.

Ce iese în evidență:

• De asemenea, evaluează performanța site-ului, SEO și securitatea în același timp.

Oferă sfaturi utile: da

Cost: Gratuit

2. Testul de compatibilitate cu dispozitivele mobile Google

În loc de o scală de note, ca și alte instrumente, testul mobil Google oferă o simplă trecere/eșec. Fie „pagina este utilizabilă pe mobil”, fie „pagina nu este utilizabilă pe mobil”.

Dacă nu este, veți vedea o listă de motive pentru care a eșuat. (Am inclus mai jos o captură de ecran a rezultatelor unui site web eșuat. URL-ul lor a fost ascuns pentru a-i proteja pe cei nevinovați.)

Singurul dezavantaj al instrumentului Google Mobile Friendliness este că testează numai pagini individuale și nu site-ul dvs. în ansamblu.

Ce iese în evidență:

• Făcând clic pe motivele eșecului, veți afișa o captură de ecran a zonei afectate.

Oferă sfaturi utile: da

Cost: Gratuit

3. Viteza paginii

Pagina Google Speed ​​Insights este ca verișoara mai mare și mai puternică a testului lor de compatibilitate cu dispozitivele mobile.

În loc de o simplă trecere/eșec, veți obține evaluări individuale pentru diferite valori de performanță care au un impact direct asupra experienței dvs. de utilizator. Rezultatul este că veți obține o înțelegere mult mai aprofundată a performanței site-ului dvs. Dezavantajul este că, dacă nu înțelegi deja acești termeni, vei avea ceva de studiat.

Acest lucru face ca Page Speed ​​Insights să fie ideal pentru site-urile care sunt susținute de un dezvoltator web sau o echipă de dezvoltatori.

Ce iese în evidență:

• Oferă o listă detaliată de diagnostice și oportunități de îmbunătățire acționabile, împreună cu o estimare a potențialelor economii de timp.

Oferă sfaturi utile: da

Cost: Gratuit

4. MobiReady

MobiReady începe prin a oferi vizualizări interactive ale modului în care arată site-ul dvs. pe diferite dispozitive. Mai jos, vă oferă un scor între 1-5 și îl compară cu scorurile primelor 1.000 de site-uri Alexa pentru context.

Sub toate acestea, veți obține o listă de rezultate, atât bune, cât și rele, care explică ce, de ce și unde să găsiți aceste probleme.

Ce iese în evidență:

• Orice rezultat eșuat include un link care indică cum să o remediați.

Oferă sfaturi utile: da

Cost: Gratuit

5. Testul paginii web

Rezultatele WebPageTest încep cu rezumate simple, ușor de înțeles, chiar dacă sunteți mai puțin înclinat din punct de vedere tehnic. Pentru cei cu mai multe abilități de dezvoltare, dacă dați clic pe aceste rezultate, veți afla în profunzime problemele dvs. de performanță și sfaturile aferente.

După aceea, puteți trece la una dintre cele 14 categorii diferite de rezultate, inclusiv elementele vitale web de bază, conținutul și analiza imaginii.

Ce iese în evidență:

• Vedeți cum se încarcă pagina dvs. ca bandă de film, videoclip scurt sau cascadă de procese.

Oferă sfaturi utile: da

Cost: Gratuit

6. Pingdom

Pingdom vă oferă atât o notă pentru litere, cât și un scor de la 1 la 100. Mai jos, veți primi o listă scurtă de recomandări de îmbunătățire a performanței. Făcând clic pe ele, veți dezvălui explicații în limbaj simplu pentru problemele dvs.

Aceste explicații nu vor transforma un novice într-un expert, dar oferă un loc bun de început.

Ce iese în evidență:

• Vă permite să alegeți regiunea geografică a testului. (De exemplu, America de Nord, Europa, Asia etc.)

Oferă sfaturi utile: da

Cost: Gratuit

7. Bing Mobile Friendliness Test

Testul de compatibilitate mobilă de la Bing este un instrument rapid și simplu, care este bun pentru o înregistrare rapidă.

La fel ca testul de compatibilitate cu dispozitivele mobile de la Google, instrumentul Bing vă oferă o simplă trecere/eșec, împreună cu o listă de motive. Spre deosebire de testul Google, multe dintre motivele lui Bing nu vin cu nicio explicație.

Ce iese în evidență:

• Afișează o redare simplă a modului în care ar arăta site-ul dvs. pe un dispozitiv mobil.

Oferă sfaturi utile: Un fel de

Cost: Gratuit

8. SiteChecker

SiteChecker oferă o notă pe o scară de 100 și o mulțime de informații despre performanța site-ului dvs. Și în timp ce ei îl numesc Test de compatibilitate cu dispozitivele mobile, veți primi o listă mare de recomandări de îmbunătățire atât pentru desktop, cât și pentru mobil.

Veți vedea sugestii pentru conținut, codare, legături, rețele sociale și multe altele. Și pentru fiecare problemă, veți găsi un buton „cum se remediază” care oferă informații despre motivul pentru care este important și ce trebuie să faceți.

Ce iese în evidență:

• De asemenea, oferă o contabilitate detaliată a fișierelor CSS și Javascript ale site-ului dvs.

Oferă sfaturi utile: da

Cost: gratuit cu probă de 7 zile

9. WooRank

WooRank este un SaaS de marketing cunoscut pentru extensiile și pluginurile sale SEO. Instrumentul lor de notare a site-ului web va analiza performanța site-ului dvs., inclusiv compatibilitatea acestuia cu dispozitivele mobile.

În câteva secunde, îți vor da un scor între 1-100; cu toate acestea, va trebui să vă înscrieți la serviciul lor pentru a vedea motivele din spatele acestuia. Acest lucru face ca testul WooRank să fie o opțiune bună pentru cei care sunt deja pe piață pentru o suită de instrumente SEO.

Ce iese în evidență:

• Dacă vă înscrieți pentru un cont, rezultatele dvs. sunt conectate la restul instrumentelor lor.

Oferă sfaturi utile: la înscriere

Cost: Freemium

10. BrowserStack

Instrumentul BrowserStack este diferit de celelalte de pe această listă, prin faptul că este de fapt un test de design receptiv. (Vom explica mai multe despre diferență mai târziu.) Deci, deși nu vă va oferi o notă sau o listă de îmbunătățiri, vă va permite să vedeți cum se redă site-ul dvs. pe peste o duzină de dispozitive diferite.

Îl includem în această listă, deoarece este extrem de util atunci când este utilizat împreună cu un alt test de compatibilitate cu dispozitivele mobile. Vizitatorii tăi vor judeca site-ul tău după cum arată, la fel de mult ca și ei despre cum funcționează.

Ce iese în evidență:

• Conturile plătite pot rula, de asemenea, teste interactive pe peste 3.000 de browsere și dispozitive diferite.

Oferă sfaturi utile: Nu

Cost: Gratuit

Ce înseamnă să fii prietenos cu dispozitivele mobile?

„Compatibil cu dispozitivele mobile” înseamnă că site-ul (sau aplicația) dvs. arată bine și funcționează bine pe un smartphone sau tabletă. Mulți factori contribuie la compatibilitatea cu dispozitivele mobile, dar toți se reduc la o experiență bună pentru utilizator.

Pentru a fi considerat prietenos cu dispozitivele mobile, site-ul dvs. trebuie să fie rapid, simplu și ușor de utilizat, indiferent de dispozitivul pe care îl folosește cititorul.

Utilitatea mobilă afectează SEO?

Da, compatibilitatea cu dispozitivele mobile vă afectează absolut SEO. Într-un pic de transparență, Google a anunțat în 2015 că va „îmbunătăți clasamentul paginilor adaptate pentru dispozitive mobile în rezultatele căutării mobile”.

Este o mare problemă, având în vedere că 64% din căutări se fac pe un dispozitiv mobil, potrivit cercetărilor realizate de Sistrix.

Dar cum rămâne cu căutările pe desktop? Îi afectează compatibilitatea cu dispozitivele mobile? Asta e puțin mai puțin clar; cu toate acestea, în 2018, Google și-a semnalat intenția de a trece la indexarea pe mobil. Acesta este un mod elegant de a spune că Google ar lua în considerare mai întâi versiunea dvs. mobilă atunci când alege ce să indexeze.

Și deși indexarea și clasarea nu sunt aceleași lucruri, știm că Google menține un singur index. Aceasta înseamnă că este rezonabil să presupunem că compatibilitatea dvs. cu dispozitivele mobile poate influența cât de bine vă poziționați în căutările pe desktop.

Este responsive același lucru cu mobil friendly?

Designul responsive este o modalitate excelentă de a fi prietenos cu dispozitivele mobile, dar nu sunt același lucru. Gândiți-vă la compatibilitatea cu dispozitivele mobile ca obiectiv și la designul receptiv ca modalitate de a ajunge acolo.

Receptivitatea înseamnă că site-ul dvs. se adaptează automat la orice dispozitiv îl folosește cititorul. Textul și imaginile se vor scala pentru a se potrivi cu dimensiunea. Aspectul se va rearanja pentru a se potrivi cu ecranul. Și indiferent dacă un vizitator ajunge pe un smartphone, desktop, tabletă sau chiar pe un e-reader, va găsi totuși o experiență de utilizator de calitate.

Nu lăsați o experiență proastă pe mobil să vă pună în criză

După cum puteți vedea din capturile de ecran, scorurile pe care le primiți pot varia foarte mult. Din acest motiv, este important să nu fii prea obosit să urmărești un număr. Folosiți nota dvs. ca ghid, dar concentrați-vă pe îmbunătățiri și lucrați spre o experiență mobilă excelentă pentru vizitatorii dvs.