Cum de a verifica site-ul mobil? Metode de testare pentru site-urile mobile

Dezvoltarea versiunii mobile a site-ului - nu este posibil doar capriciu de dezvoltatori, cheltuieli suplimentare (sau venituri, atunci când este vorba de contractori) și despre îngrijirea vizitatorii resursa. Conform declarațiilor recente făcute de Google Inc., site-uri care nu îndeplinesc cerințele de proiectare receptiv va pessimizirovany în căutare, efectuat pe un dispozitiv mobil. motor de căutare intern Yandex a lansat, de asemenea, recomandări „Cât de important este să fie mobil“ și a asigurat că, în calitate de dragul de comoditate a utilizatorilor de dispozitive mobile vor fi marcate în rezultatele căutării și versiunile mobile pentru a favoriza pagini adaptive.

Deci, dezvoltatorii este imperios necesar să se adapteze site-urile pentru smartphone-uri și de a verifica mentenabilitate de resurse de afișare. În caz contrar, vă puteți aștepta să-și piardă o mare parte a traficului, și, prin urmare, clienții potențiali, deoarece noi algoritmi de Google și „Yandex“ operează deja în viitorul apropiat. Verificați versiunea mobilă a site - ului în mai multe moduri: schimbarea dimensiunea ferestrei browser - ului în tranziția de la modul de dezvoltator folosind Emulatoarele de dispozitive mobile sau servicii web.

Amabilitatea a site-ului pentru dispozitive mobile

Adaptabilitatea la dispozitivele mobile este evaluată pe diverși parametri. Este important pentru a verifica versiunea mobilă a site-ului, nu numai în ceea ce privește afișajul corect, este necesar să se ia în considerare alți factori:

• lipsa de animație, „grele“, de design și imagini;
• Viteza de încărcare a resurselor (ar trebui să fie minim);
• nu este nevoie pentru a derula pe orizontală;
• absența Silverlight plug-in-și Java-applet-uri;
• navigare ușoară prin intermediul site-ului;
• codul este înregistrat meta tag-ul portului de vizualizare.

În cazul în care sunt îndeplinite condițiile, cele mai comune algoritmi de motoare de căutare recunosc pagina web ca potrivite pentru dispozitive mobile și de a îmbunătăți poziția site-ului în ceea ce privește problema resurselor, care nu sunt adaptate.

Testarea efectivă pe dispozitive mobile

Cel mai convenabil mod de a testa site-ul mobil pe smartphone-uri reale. Această metodă permite testarea în condiții reale. În mod ideal, verificați resursa web mai bine pe mai multe dispozitive, dar în cazul în care bugetul proiectului nu-și asumă costurile pentru achiziționarea de câteva smartphone-uri cele mai populare modele, acesta va fi suficient și dispozitive pe Android sau Apple pe bază.

Schimbarea dimensiunea ferestrei browserului

Cel mai simplu, dar nu și cele mai bune din punct de vedere al inspecției, este de a schimba dimensiunea ferestrei browser-ului. Dacă o pagină se face prin aplicarea tehnologiei de proiectare adaptiv, verifica versiunea mobilă a site - ului astfel încât este posibil. Dar, în cazul în care un design unic utilizat, resursa trebuie să fie un indiciu clar că utilizatorul a venit de pe smartphone, tabletă sau alt dispozitiv mobil. Astfel, această metodă vă permite să verificați disponibilitatea site-ului mobil. Dar corectitudinea afișajului (în termeni tehnici), este puțin probabil să evalueze.

Trecerea la modul dezvoltator în browser

Un mod mai optim pentru a testa o versiune mobilă a site-ului (Google sau „Yandex“, la fel ca și alte motoare de căutare emit adaptabilitate în lista celor mai importanți factori care influențează clasament) - este de a intra în modul de dezvoltator în browser. Metoda funcționează într-un mod similar cu mai multe browsere:

• Mozilla: comuta la modul dezvoltator, prin selectarea opțiunii „Design adaptiv“ din meniul „Dezvoltare“; apăsarea unei combinații de Ctrl + Shift + M; făcând clic pe „Design Mode Web receptivă“ pe instrumente de dezvoltare web;
• Chrome: trecerea la modul mobil prin apăsarea tasta funcțională F12, urmată de versiunea mobilă selectați a pictogramei (smartphone - ul în colțul din stânga sus al ferestrei care apare).

În Opera, trecerea la modul de dezvoltator pentru a testa versiunea mobilă prin apăsarea unei combinații de Ctrl + Shift + I, dar există o altă cale. O versiune specială a browser-ului - Opera Mobile Emulator Classic - vă permite să estimați designul mobil versatil. Versiunea programului sunt disponibile pentru sistemele de operare majore.

Emulatoare de dispozitive mobile: Android Studio, și Apple a Xcode

Verificați versiunea mobilă a site-ului ( „Yandex“ și Google), puteți utiliza emulator dispozitiv mobil care pentru Android și Apple sunt, respectiv, Android sau Apple Studio Xcode.

Astfel de instrumente arata ca site-ul în forma în care va apărea pe dispozitive mobile: în programele cele mai comune versiuni pre-instalate de browsere pentru dispozitive mobile. Cu toate acestea, Emulatoarele nu iau în considerare viteza de încărcare și alte nuanțe care pot fi observate în condiții reale.

Pentru a verifica suficient pentru a instala unul dintre aceste programe pe computer și deschide site-ul pentru emulatorul.

Servicii de web design de verificare mobil

Există modalități mai ușor de testat versiunea mobilă a site-ului. De exemplu, un Responsinator serviciu online pentru a evalua corectitudinea afișajului de resurse pe dispozitive mobile și ușurința de utilizare a site-ului de către utilizator. Resource afișează site-ul în forma în care s-ar fi uitat la șase dispozitive diferite, bazate pe Android sau Apple și în mai multe orientări.

Verificați optimizarea paginii web pentru dispozitive mobile

Alte resurse pentru a verifica versiunea mobilă a site-ului, în plus să evalueze capacitatea de adaptare, nu numai că vă arată cum să se uite la diverse dispozitive platforma. Servicii de cele mai reputate: Google Friendly Mobile și "Yandex webmaster" (pagini Web check). Evaluați optimizarea site-ului pentru dispozitive mobile ca mijloc de verificare sau de Bing, de exemplu, Mobile Checker de la W3C.

Tot ceea ce este cerut de webmaster la evaluarea versiune a site-ului pentru dispozitive mobile, utilizând serviciul online, astfel încât acesta este de a introduce adresa resursei și așteptați pentru analiză. Cele mai multe dintre serviciile menționate mai sus este verificată prin optimizarea parametrilor de ușurința de dispozitive mobile care au fost enumerate mai sus.

Deci, pentru a evalua capacitatea de adaptare a resursei web în mai multe moduri: de la testarea pe smartphone-uri reale, tablete sau alte dispozitive mobile sau fereastra de redimensionare browser-ul web, verificați emulatoare sau în modul de browsere web dezvoltator și se termină utilizarea serviciilor de „Yandex“ și "Google". Verificați versiunea mobilă a site-ului este foarte simplu în mod exhaustiv, iar acest lucru va face modificările necesare și pentru a îmbunătăți poziția site-ului în rezultatele căutării.