Provjerite mobilnu verziju u Yandexu. Mobile Optimization Checker. Google Search Console. Interaktivni elementi su preblizu

Postoji takva stvar, Google će uskoro (prema glasinama - od 21. travnja 2015.) početi vrlo loše rangirati stranice koje nisu prošle provjeru u Google Webmasterima radi lakšeg pregledavanja Mobilni uredaji Oh.

Nije jasno, hoće li stranica imati problema samo ako se prikaže mobilnim korisnicima, ili čak i onima koji su se prijavili s PC-a, odnosno bit će odvojeno pitanje?

U biti, to se gotovo ne mijenja za web-lokacije koje imaju polovicu ili značajan dio mobilnog prometa. Stoga je bolje proći test što je prije moguće.

Reći ću vam kako to učiniti:

Prije	Nakon

Prvi komad, što je pomoglo da se problem riješi bez dodatnih gesti.

U robots.txt dodajte redak:
Dopusti: /wp-content/themes/ Template_Name/style.css

(Ako se datoteka sa stilovima nalazi na drugoj adresi, tada je registriramo. Ako postoji nekoliko datoteka sa stilovima, tada ubacujemo retke za svaku datoteku.)

Drugi trenutak ako vidimo poruku "Interaktivni elementi su preblizu jedan drugom". Prikazano na google.com/webmasters/tools/mobile-friendly.
Samo što u stilovima tražena klasa propisuje više uvlaka za veze i gumbe. Zahvaća marginu ili padding od 5px ili više.
Ponekad Adsense blok može stvoriti takav problem. Možda trebate umetnuti veći blok ili s većim fontom.

p.s. U početku očekujem da ste primarnu odradili vi.

Verzije stranice nisu samo mogući hir programera, dodatna stavka troškova (ili zarade, ako govorimo o izvođačima) i manifestacija brige za posjetitelje resursa. Prema posljednjim izjavama predstavnika Googlea, stranice koje ne zadovoljavaju zahtjeve responzivnog dizajna bit će pesimizirane u mobilnom pretraživanju. Domaća tražilica Yandex također je izdala preporuke "Koliko je važno biti mobilan" i uvjeravala da će, djelujući radi praktičnosti korisnika mobilnih uređaja, označiti mobilne verzije u rezultatima pretraživanja i dati prednost prilagodljivim stranicama.

Dakle, programeri moraju nužno prilagoditi web stranice za pametne telefone i provjeriti upotrebljivost prikaza resursa. Inače, u bliskoj budućnosti možete očekivati gubitak značajnog dijela prometa, a time i potencijalnih kupaca, jer su novi algoritmi rada Googlea i Yandexa već na snazi. Možete provjeriti mobilnu verziju stranice različiti putevi: Promjenom preglednika pri prelasku na način rada za razvojne programere, korištenjem emulatora mobilnih uređaja ili web usluga.

Prilagođenost web stranicama za mobilne uređaje

Prilagodljivost mobilnim uređajima ocjenjuje se prema različitim parametrima. Važno je provjeriti mobilnu verziju stranice ne samo u smislu ispravnog prikaza, vrijedno je uzeti u obzir i druge čimbenike:

nedostatak animacije, "teški" dizajn i slike;
brzina učitavanja resursa (treba biti minimalna);
nema potrebe za vodoravnim pomicanjem;
nedostatak Silverlight dodataka i Java appleta;
jednostavna navigacija web-mjesta;
kod sadrži meta oznaku viewporta.

Ako su gore navedeni uvjeti ispunjeni, algoritmi najčešćih tražilica prepoznaju web stranicu kao prikladnu za mobilne uređaje i povećavaju poziciju stranice u rezultatima pretraživanja u odnosu na resurse koji nisu prilagođeni.

Pravo testiranje na mobilnim uređajima

Najprikladniji način 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 resurs na nekoliko uređaja, ali ako proračun projekta ne uključuje troškove kupnje nekoliko pametnih telefona najpopularnijih modela, bit će dovoljan Android ili Apple uređaj.

Promjena veličine prozora preglednika

Najjednostavniji, ali ne i optimalan u smislu provjere valjanosti, je promjena veličine prozora preglednika. Ako je stranica napravljena pomoću tehnologije, na ovaj način možete provjeriti mobilnu verziju stranice. Ali u slučajevima kada se primjenjuje zaseban dizajn, resursu je potrebna jasna naznaka da je korisnik došao s pametnog telefona, tableta ili drugog mobilnog uređaja. Tako, ovuda omogućuje vam provjeru dostupnosti mobilne verzije stranice. No, ispravnost prikaza (u tehničkom smislu) vjerojatno se neće procijeniti.

Prelazak na način rada za razvojne programere u pregledniku

Optimalniji način za provjeru mobilne verzije stranice (Google ili Yandex, kao i drugi tražilice istaknite prilagodljivost na popisu najvažnijih čimbenika koji utječu na rangiranje) - ovo je prelazak na način rada za razvojne programere u pregledniku. Metoda radi na sličan način s više preglednika:

Mozilla: možete se prebaciti na način rada za razvojne programere odabirom opcije "Responsive Design" iz izbornika "Razvoj"; pritiskajući kombinacija Ctrl+ Shift + M; klikom na gumb "Responsive Design Mode" na alatnoj traci web programera;
Chrome: prebacite se na mobilni način rada pritiskom na F12, a zatim odaberite ikonu mobilne verzije (pametni telefon u gornjem lijevom kutu prozora koji se pojavi).

U Operi se možete prebaciti na način za razvojne programere da biste provjerili mobilnu verziju pritiskom na Ctrl + Shift + i, ali postoji i drugi način. Posebna verzija preglednika - Opera Mobile Classic Emulator - omogućuje vam procjenu mobilnog dizajna na mnogo načina. Postoje verzije programa 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 za Android, odnosno Apple Android Studio ili Apple Xcode.

Takvi alati prilično precizno reproduciraju stranicu kako će izgledati na mobilnim uređajima: programi su unaprijed instalirani s najčešćim verzijama preglednika za mobilne uređaje. Međutim, emulatori ne uzimaju u obzir brzinu preuzimanja i neke druge nijanse koje se mogu uočiti u stvarnim uvjetima.

Da biste to provjerili, samo instalirajte jedan od gore navedenih programa na svoje računalo i otvorite stranicu iz emulatora.

Web usluge validacije mobilnog dizajna

Ima još jednostavne načine provjerite mobilnu verziju stranice. Na primjer, online usluga Responsinator omogućuje procjenu ispravnosti prikaza resursa na mobilnim uređajima i praktičnosti korištenja stranice od strane korisnika. Resurs prikazuje stranicu kako bi izgledala u šest različitih uređaja temeljeno na Androidu ili Appleu i u više orijentacija.

Provjera optimizacije web stranica za mobilne uređaje

Ostali resursi koji vam omogućuju provjeru mobilne verzije stranice dodatno ocjenjuju prilagodljivost, a ne samo pokazuju kako bi stranica izgledala na različitim uređajima. Najuglednije usluge su Google Mobile Friendly i Yandex WebMaster (provjera web stranica). Bingov checker ili W3C Mobile Checker također ocjenjuju optimizaciju stranice za mobilne uređaje.

Sve što je potrebno od webmastera pri ocjenjivanju verzije stranice za mobilne uređaje koji koriste online usluge je upisati adresu resursa i pričekati da se analiza završi. Većina gore navedenih usluga testira optimizacije za gore navedene parametre prilagođenosti mobilnim uređajima.

Dakle, prilagodljivost web-resursa možete procijeniti na nekoliko načina: od testiranja na stvarnim pametnim telefonima, tabletima ili drugim mobilnim uređajima ili mijenjanjem veličine prozora web preglednika, provjerom u emulatorima ili u načinu razvojnog programera web preglednika i završavajući korištenjem usluge Yandexa i Googlea. Vrlo je jednostavno sveobuhvatno provjeriti mobilnu verziju stranice, a to će vam omogućiti da izvršite potrebne izmjene i poboljšate poziciju stranice u rezultatima pretraživanja.

Pozdrav dragi prijatelji!

Mobilni gadgeti zavladali su svijetom. Danas ne idu ni za kruhom bez telefona.

U današnje vrijeme internet se ubrzano razvija. Brzi rast tržišta mobilni internet prisiljava kreatore web resursa da prilagode svoje stranice za ovu vrstu uređaja.

Moja poanta je da ako želite da vaša stranica bude uspješna i popularna, onda biste trebali razmisliti o tome kako olakšati pregled na svim vrstama gadgeta.

U ovom članku ću vam reći kako provjeriti web mjesto na mobilnim uređajima pomoću posebnih usluga. Ugrubo sam ih podijelio u dvije grupe: besplatne i plaćene.

Svi rade na gotovo istom principu:

idite na web stranicu programera ove ili one usluge
preuzmite softver koji vam je potreban
pokrenite aplikaciju
i nakon nekog vremena mobilna verzija vaše web stranice je pred vama!

Postoje usluge koje mogu testirati vašu stranicu na mreži.

Izbor je, kao i uvijek, na vama!

Besplatno

Pogodan za mobilne uređaje... Ovu je aplikaciju kreirao Google posebno kako bi provjerio je li web-resurs optimiziran za pametne telefone i druge gadgete.

Responsinator... Zahvaljujući ovoj aplikaciji, lako možete vidjeti kako stranica izgleda na Kindleu, iPadu, Androidu, iPhoneu.

Ipad zavirite... Jedan od najpopularnijih besplatni alati testiranje, s kojim možete vidjeti prikaz vlastite web stranice na iPhoneu i iPadu.

Opera Mini Simulator... Opera emulator sadrži vrlo veliku bazu podataka mobilnih naprava... Njegov jedini nedostatak može se smatrati nedostatkom mrežnog načina rada, odnosno da biste testirali svoj resurs, morat ćete preuzeti i instalirati potreban softver.

Gomez... Procjenjuje kompatibilnost vašeg resursa s mobilnim uređajima po 30 parametara, što vam omogućuje da dobijete najpotpuniju ocjenu. Za besplatno korištenje morate unijeti svoje kontakt podatke.

MobiReady... Sjajan alat za testiranje koji mjeri responzivnost dizajna. Provjera se temelji na najboljim standardima W3C (World Wide Web Consortium).

Emulator mobilnog telefona i Screenfly... Slične usluge koje također omogućuju pregled stanja web resursa na zaslonima bilo kojeg gadgeta.

Plaćeno

CrossBrowser Testing... Provjerava na 130 različitih preglednika i 25 operativnih sustava, uključujući: Blackberry, Android, iPad, iPhone. Da biste ga koristili, morat ćete platiti 29,95 USD mjesečno.

BrowserStack... Omogućuje brz pristup velikoj bazi podataka. Cijena do 19 dolara za mjesec dana, ali postoji i besplatna verzija.

Browsshot... Dizajniran za uklanjanje s Androida, iPada, iPhonea. Morat ćete platiti 1 dolar za pet screenshotova.

Perfecto mobile... Omogućuje pristup bazi podataka tableta i Mobiteli, što vam omogućuje da vidite koliko je dobra optimizacija na svakoj vrsti uređaja. Za njegovu upotrebu morate platiti do 15 dolara po danu.

Preglednik s više preglednika... Aplikacija za više preglednika koja sadrži mobilne emulatore i preglednike za testiranje u bilo kojem formatu. Košta do 140 dolara, a postoji i besplatna demo verzija.

Device Anywhere... Izvrstan alat koji omogućuje provjeru web sadržaja testiranjem resursa u stvarnom vremenu. Može se platiti (100 USD mjesečno) ili besplatno.

Kao što vidite, postoji mnogo programa i usluga, odaberite najprikladniju opciju i iskoristite je za svoje zdravlje.

Mobilna verzija za tražilice

Ponekad se stranica dobro prikazuje na svim mobilnim uređajima, ali google tražilice a Yandex ne prepoznaje njegovu prenosivost. Samo Yandex i google imaju dodatne zahtjeve za mobilnu verziju.

Prilagodbu mobilne verzije za Google možete provjeriti pomoću usluge Mobile Friendly. Već sam to spomenuo na popisu besplatnih alata.

A za Yandex postoji sličan alat u trenutno testiranoj verziji ureda webmastera (https://beta.webmaster.yandex.ru/).

Pretplatite se na vijesti bloga i naučit ćete puno zanimljivih i korisnih stvari. U međuvremenu se opraštam od vas, vidimo se u novom članku!

Iskreno! Abdulin Ruslan

U aktualnom članku ćemo govoriti o tome kako se provjerava mobilna verzija stranice, njezinoj praktičnosti, čitljivosti i ispravnom prikazu.

Možete provjeriti svoju web stranicu za mobilnu upotrebljivost pomoću raznih web usluga. Posebno, ovu uslugu od Google-a vam omogućuje da adekvatno procijenite pismenost vašeg mobilnog izgleda.

Google je nedavno najavio da će web-lokacije koje ne zadovoljavaju zahtjeve mobilnog izgleda pesimizirati mobilna pretraživanja. Ovaj algoritam već radi i neke web-lokacije koje se nisu potrudile prikazati na mobilnim platformama doista su izbačene u SERP-ove za mobilne uređaje.

Ako je vaša stranica tri puta prikladna za desktop platforme, morate provjeriti kvalitetu mobilnog izgleda, inače ćete izgubiti impresivan dio prometa (udio mobilnih platformi u pretraživanju svake godine brzo raste), što znači da ćete izgubit ćete svoje kupce. Stoga svoje stranice morate prilagoditi mobilnim uređajima i provjeriti ispravnost prikaza stranica u mobilnim preglednicima.

Provjera kvalitete mobilnog izgleda pomoću Google Chromea

Za programere, Google ima izvrstan alat za simulaciju mobilnih uređaja. Ovaj alat je ugrađen u preglednik Google Chrome... Za pristup morate kliknuti F12 u pregledniku (idite na način za razvojne programere) i kliknite na ikonu pametnog telefona:

Stranica se pretvara u način prebacivanja uređaja, gdje možete odabrati jedan od popularnih mobilnih uređaja, vrstu mreže (GPRS, 2G, 3G, 4G itd.), odrediti stroge parametre prikaza. To vam omogućuje simulaciju rada stranice na određenim mobilnim uređajima. Među dostupnih uređaja uključuje različite verzije iPada, iPad mini, iPhone, BlackBerry, Google Nexus, HTC, LG, Nokia, Samsung Galaxy i neki drugi popularni uređaji.

Odabirom određenog uređaja možete provjeriti stranicu na mobilnom uređaju. Na primjer, prikazivanje početnu stranicu stranica "Nubex" na iPad 3:

I na Samsung Galaxy S4:

Ovdje ne samo da možete vidjeti prikaz stranice na određenom uređaju, već i u potpunosti raditi s web-mjestom, kao da je potreban gadget ispred vas. Bez sumnje, ovaj alat je jednostavno nezamjenjiv pri razvoju mobilne verzije stranice, ali kako će vaša stranica biti prikazana na stvarnim uređajima - morate provjeriti na stvarnim uređajima. Ovo je posebno važno ako trebate provjeriti prikaz stranice u "nativnim" preglednicima (Safari - za iPad / iPhone, IE - za Windows Phone itd.).

Dobar dan prijatelji. Danas ću se malo odmaknuti od alata za oglašavanje i pokrenuti novu kolumnu bloga. Zove se "Webmastering" i uključivat će korisne materijale za poboljšanje performansi i kvalitete stranice, odredišnih stranica. Počet ću s pregledom zgodnog alata za provjeru mobilnosti web stranice.

Provjera brzine web-mjesta s Googleom

Google nudi 2 alata za to.

# 1 PageSpeed Insights

Mislim da ga dobro poznaješ. Umetnite poveznicu na svoju stranicu, pritisnite gumb "Analiziraj" i dobijete rezultat u obliku dvije kartice.

Kartica "Za mobitel" uključuje izvješće o brzini učitavanja stranice za mobilne uređaje i - važno! - ocjena pogodnosti stranica za pametne telefone. Kartica "Za računala", odnosno ista analiza za radnu površinu.

Najbolji dio je što vam usluga omogućuje preuzimanje optimiziran slike, css i skripte za korištenje na svojoj web stranici. Evo takvog besplatna pomoć iz googlea.

Kao što možete vidjeti na snimci zaslona, imam ozbiljnih problema s mobilnom verzijom. Kako si?

# 2 Testmysite.Withgoogle

Zapravo, ovo je isti alat, samo ima prekrasan omot. Neki dan sam otkrio ovu uslugu i podmitio me obrazac za prijavu.

Kada umetnete poveznicu na stranicu i kliknete "Provjeri", usluga će ponuditi rezultat u obliku cjelovite dinamičke odredišne stranice, na kojoj će vam sažeto i uvjerljivo reći kako stvari stoje na stranici i ponuditi preuzmite cijelo izvješće.

Naravno, tražio sam cjelovito izvješće i dobio ga poštom za par minuta. Izgleda razumno, nekoliko ekrana korisnih uputa s poveznicama na određene materijale:

Važno je napomenuti da ako analizirate istu stranicu, brojke za ove alate će se malo razlikovati. Međutim, oni rade na istoj tehnologiji.

Na ovaj način u samo nekoliko sekundi možete ne samo provjeriti mobilnost web-mjesta i brzinu učitavanja - već i preuzeti cjelovito izvješće s optimiziranim sadržajem. Besplatno je. Iz googlea

Pa, kako si s mobilnošću?