Razvijanje mobilne verzije web-mjesta nije samo moguća razvojna magla, dodatni trošak (ili zarada, ako govorite o izvođačima) i manifestacija brige o posjetiteljima resursa. Prema nedavnim izjavama Googleovih predstavnika, web-lokacije koje ne zadovoljavaju zahtjeve adaptivnog dizajna bit će pesimistične u pogledu pretraživanja s mobilnih uređaja. Domaća tražilica Yandex također je objavila preporuke "Koliko je važno biti mobilni" i uvjeravali da će, djelujući u korist mobilnih korisnika, obilježiti izdavanje mobilnih verzija i dati prednost adaptivnim stranicama.

Da, programeri moraju nužno prilagoditi mjesta za pametne telefone i provjeriti mogućnost prikaza resursa. Inače, uskoro možete očekivati ​​značajan gubitak prometa, a time i potencijalnih kupaca, budući da su novi algoritmi s Googlea i Yandexa već na mjestu. Mobilnu verziju web-mjesta možete provjeriti na različite načine: mijenjajući veličinu prozora preglednika kada idete u način rada za razvojne programere, pomoću emulatora mobilnih uređaja i web-usluga.

Prijateljska mobilna stranica

Prilagodljivost mobilnim uređajima procjenjuje se različitim parametrima. Važno je provjeriti mobilnu verziju stranice ne samo u smislu točnog prikaza, već i drugih čimbenika koje treba uzeti u obzir:

nedostatak animacije, "teški" dizajn i slike;

brzina preuzimanja resursa (mora biti minimalna);

nema potrebe za horizontalnim pomicanjem;

nepostojanje Silverlight dodataka i Java appleta;

jednostavna navigacija na mjestu;

u kodu je meta-tag viewport.

Ako su gore navedeni uvjeti zadovoljeni, algoritmi najčešćih pretraživača prepoznaju web stranicu kao mobilnu i povećavaju poziciju stranice u izdavanju u odnosu na neprilagođene resurse.

Stvarno testiranje na mobilnim uređajima

Najpogodnije je testirati mobilnu verziju stranice na pravim pametnim telefonima. Ova metoda će omogućiti testiranje u stvarnim uvjetima. U idealnom slučaju, bolje je provjeriti web-resurse na nekoliko uređaja, ali ako proračun projekta ne uključuje troškove kupnje nekoliko pametnih telefona od najpopularnijih modela, to će biti dovoljno za uređaje bazirane na Androidu ili Appleu.

Promjena veličine prozora preglednika

Najjednostavnije, ali ne i optimalno u smislu skeniranja, jest promjena veličine prozora preglednika. Ako je stranica izrađena pomoću tehnologije adaptivnog dizajna, tada možete provjeriti mobilnu verziju stranice. Ali ovdje, u slučajevima u kojima se primjenjuje poseban dizajn, resursu treba jasan pokazatelj da je korisnik došao s pametnog telefona, tableta ili drugog mobilnog uređaja. Da, ova metoda omogućuje provjeru prisutnosti mobilne verzije web-lokacije. No, ispravnost razmišljanja (tehnički) za procjenu je vjerojatno da će uspjeti.

Prebacite se na način radapreglednik developer

Više optimalan način da provjerite mobilnu verziju stranice (Google ili Yandex, kao i druge tražilice razlikovati prilagodljivost na popisu najvažnijih čimbenika koji utječu na rangiranje) - je ići na developer način u pregledniku. Metoda radi na sličan način s nekoliko preglednika:

Mozilla: možete otići u developer način odabirom opcije "Adaptive Design" iz izbornika "Development"; Pritiskom na kombinaciju Ctrl + Shift + M; Klikom na gumb "Adaptive Design Mode" na alatnoj traci web developera;

Chrome: Prebacite na mobilni način rada pritiskom na funkcijsku tipku F12, a zatim odaberite ikonu mobilne verzije (pametni telefon u gornjem lijevom kutu skočnog prozora).

U Operi, način rada programera za testiranje mobilne verzije provodi se pritiskom na kombinaciju Ctrl + Shift + i, ali postoji drugi način. Posebna verzija preglednika - Opera Mobile Classic Emulator - omogućuje opsežnu procjenu mobilnog dizajna. Verzije programa postoje za glavne operativne sustave.

Emulatori mobilnih uređaja: Android Studio i Apple Xcode

Mobilnu verziju stranice ("Yandex" i Google) možete provjeriti pomoću emulatora mobilnih uređaja, koji su Android Studio ili Apple Xcode, odnosno za Android i Apple. Slični alati točno reproduciraju web-lokaciju onako kako bi izgledala na mobilnim uređajima: aplikacije imaju najčešće verzije mobilnih preglednika. Međutim, emulatori ne uzimaju u obzir brzinu preuzimanja i neke druge nijanse koje možetegledati u stvarnim uvjetima. Za testiranje dovoljno je instalirati jedan od gore navedenih programa na svoje računalo i otvoriti stranicu s emulatora.

Usluge temeljene na webu za provjeru mobilnog dizajna

Postoje i jednostavniji načini za provjeru mobilne verzije web-mjesta. Primjerice, on-line usluga Responsinator omogućuje vam da procijenite točnost prikaza resursa na mobilnim uređajima i jednostavnu upotrebu web-mjesta. Resurs prikazuje web-lokaciju kako bi izgledala na šest različitih uređaja baziranih na Androidu ili Appleu u nekoliko usmjerenja.