Iată cazul, Google va începe în curând (zvonuri - din 21 aprilie 2015) să claseze foarte slab site-urile care nu au fost testate de Google Webmasters pentru ușurința vizualizării pe dispozitivele mobile.
Nu este clar exact, site-ul va avea probleme numai dacă este afișat utilizatorilor de telefonie mobilă, sau chiar celor care s-au conectat de pe un PC, adică va exista o problemă separată?
În esență, acest lucru aproape că nu se modifică pentru site-urile care au jumătate sau o parte semnificativă din traficul mobil. Prin urmare, este mai bine să treci testul cât mai repede posibil.
Vă voi spune cum să faceți acest lucru:
| Inainte de | După |
|---|---|
 |  |
- Prima piesă, care a ajutat la rezolvarea problemei fără gesturi suplimentare.
- Al doilea moment, dacă vedem mesajul „Elementele interactive sunt prea apropiate unele de altele”. Afișat la google.com/webmasters/tools/mobile-friendly.
Doar că, în stiluri, clasa necesară prescrie mai multe liniuțe pentru linkuri și butoane. Prinde marjă sau umplutură de la 5 px.Uneori, blocul Adsense poate crea o astfel de problemă. Poate că trebuie să inserați un bloc mai mare sau cu un font mai mare.
În robots.txt adăugați linia:
Permiteți: / wp-content / themes / Template_Name / style.css(Dacă fișierul cu stiluri este situat la o altă adresă, atunci înregistrați-l. Dacă există mai multe fișiere cu stiluri, atunci introduceți liniile pentru fiecare fișier.)
P.S. Inițial, mă aștept ca primarul să fi fost făcut de dvs.
Buna seara prieteni. Astăzi voi renunța puțin la instrumentele de publicitate și voi începe o nouă rubrică de blog. Se numește „Webmastering” și va include materiale utile pentru îmbunătățirea performanței și calității site-ului, a paginilor de destinație. Voi începe cu o prezentare generală a unui instrument interesant pentru verificarea mobilității unui site web.
Verificarea vitezei site-ului cu Google
Google oferă 2 instrumente în acest sens.
# 1 PageSpeed \u200b\u200bInsights
Cred că îl cunoști bine. Introduceți un link către site-ul dvs., apăsați butonul „Analizați” și obțineți rezultatul sub forma a două file.
Fila „Pentru mobil” include un raport despre viteza de încărcare a unui site pentru dispozitive mobile și - important! - rating de comoditate site pentru smartphone-uri. Fila „Pentru computere”, respectiv, aceeași analiză pentru desktop.
Cea mai bună parte este că serviciul vă permite să descărcați optimizat imagini, css și scripturi de utilizat pe site-ul dvs. Iată un ajutor gratuit de la Google.
După cum puteți vedea din captura de ecran, am probleme serioase cu versiunea mobilă. Ce mai faci?
# 2 Testmysite.Withgoogle
De fapt, acesta este același instrument, are doar un învelitor frumos. Am descoperit acest serviciu zilele trecute și am fost mituit de formularul de raportare.
Când introduceți un link către site și faceți clic pe „Verificați”, serviciul va oferi rezultatul sub forma unei pagini de destinație dinamice complete, pe care vă va spune succint și convingător cum sunt lucrurile cu site-ul și vă va oferi să descărcați raportul complet.
Desigur, am cerut un raport complet și l-am primit prin poștă în câteva minute. Pare sensibil, mai multe ecrane de instrucțiuni utile cu link-uri către materiale specifice:
Este de remarcat faptul că, dacă analizați același site, cifrele pentru aceste instrumente vor diferi ușor. Cu toate acestea, ei lucrează pe aceeași tehnologie.
Deci, în doar câteva secunde, nu puteți verifica doar mobilitatea site-ului și verificați viteza de încărcare - ci puteți descărca și un raport complet cu conținut optimizat. Este gratuit. De pe google
Ei bine, ce zici de mobilitatea ta?
Pentru proiectele dvs., probabil că ați observat cu mult timp în urmă că numărul de utilizatori de telefonie mobilă este în continuă creștere. Pentru unii, tendința este mai puțin vizibilă, iar pentru unele proiecte această cifră se dublează sau mai mult în fiecare an. Conform datelor LiveInternet, peste 50% din traficul de pe Runet se încadrează acum pe dispozitivele mobile. Apropo, mulți cititori ai acestui blog se plâng de multă vreme că nu există o versiune mobilă aici, care, desigur, va fi remediată în viitorul apropiat.
Nici acest fapt de mobilizare nu poate fi ignorat de platformele de căutare. Treptat, ele oferă avantaje în căutarea mobilă acelor site-uri care sunt adaptate dispozitivelor utilizatorilor.
La început, Google a marcat site-urile în fragmente care ar fi afișate corect pe telefoanele mobile.
De asemenea, Google a creat un instrument pentru a ajuta webmasterii să verifice corectitudinea afișării site-ului web pe dispozitive mobile:
https://www.google.com/webmasters/tools/mobile-friendly/
Pe 21 aprilie, Google a lansat un nou algoritm numit Mobilegeddon în Occident. Trecerea acum la testul Mobile Friendly este unul dintre factorii SEO luați în considerare de Google. Până în prezent, nu au existat modificări majore în SERP, dar vă puteți pregăti acum.
Cum vă faceți site-ul să răspundă pentru Google? Secretul este simplu - trebuie să setați o sarcină pentru programatorii / proiectanții de layout. Ei bine, dacă nu mai ai timp să aștepți, atunci ... poți folosi MobileCheat 🙂
De fapt, aceasta este o tehnologie netestată, nu se știe la ce va duce în viitor, așa că folosiți-o doar pe propriul risc și risc. Aici se pot face cel puțin o serie de teste.
Cum să ocoliți Google Test cu MobileCheat
Există doar două lucruri de făcut:
1. Adăugați metaeticheta viewport în cod.
2. Închideți accesul robotului la fișierele CSS sau folderul în care sunt localizate prin robots.txt
De exemplu, acesta este modul în care blogul meu trece testul implicit:
Când CSS este închis, imaginea se schimbă:
Se pare că nimic nu s-a schimbat pe site, dar rezultatele testelor sunt complet diferite. Apropo, pe unele site-uri îmi place să dezactivez CSS, astfel încât să fie mai convenabil să le vizualizăm și să le folosim 🙂, prin urmare, aceasta este o schemă complet justificată. Dar este prezentat doar în scop informativ.
Ce părere ai despre acest? Google o va număra ca o mișcare contrară cu un cavaler sau a gândit totul în avans și va verifica imediat și matul site-ului? 🙂
Salutări, dragi prieteni!
Gadgeturile mobile au preluat lumea. Astăzi nici nu se duc după pâine fără telefon.
În timpul nostru, Internetul se dezvoltă rapid. Creșterea rapidă a pieței internetului mobil îi obligă pe creatorii de resurse web să își adapteze site-urile pentru acest tip de dispozitiv.
Ideea mea este că, dacă doriți ca site-ul dvs. să aibă succes și popularitate, atunci ar trebui să vă gândiți cum să faceți mai ușor vizualizarea pe tot felul de gadgeturi.
În acest articol, vă voi spune cum să verificați un site pe dispozitive mobile folosind servicii speciale. Le-am împărțit aproximativ în două grupuri: gratuit și cu plată.
Toți lucrează pe aproape același principiu:
- accesați site-ul dezvoltatorului acestui serviciu
- descărcați software-ul necesar
- rulați aplicația
- și după un timp, versiunea mobilă a site-ului dvs. web este în fața dvs.!
Există servicii care vă pot testa site-ul online.
Alegerea, ca întotdeauna, este a ta!
Gratuit
Mobil prietenos... Această aplicație a fost creată de Google special pentru a verifica dacă resursa web este optimizată pentru smartphone-uri și alte gadgeturi.
Responsabil... Datorită acestei aplicații, puteți vedea cu ușurință cum arată site-ul pe Kindle, iPad, Android, iPhone.
Ipad peek... Unul dintre cele mai populare instrumente gratuite de testare cu ajutorul cărora puteți vedea afișarea propriului site web pe iPhone și iPad.
Opera Mini Simulator... Emulatorul Opera conține o bază de date foarte mare de gadgeturi mobile. Singurul său dezavantaj este lipsa unui mod online, adică pentru a vă testa resursa, va trebui să descărcați și să instalați software-ul necesar.
Gomez... Evaluează compatibilitatea resursei dvs. cu dispozitivele mobile cu 30 de parametri, ceea ce vă permite să obțineți cea mai completă evaluare. Pentru utilizare gratuită, trebuie să introduceți informațiile de contact.
MobiReady... Un instrument excelent de testare care măsoară reacția unui design. Verificarea se bazează pe cele mai bune standarde W3C (World Wide Web Consortium).
Emulator de telefon mobil și Screenfly... Servicii similare care permit, de asemenea, vizualizarea stării unei resurse web pe ecranele oricărui gadget.
Plătit
CrossBrowserTesting ... Verifică 130 de browsere diferite și 25 de sisteme de operare, inclusiv: Blackberry, Android, iPad, iPhone. Pentru ao utiliza, va trebui să plătiți 29,95 USD lunar.
BrowserStack ... Oferă acces rapid la o bază de date imensă. Costă până la 19 USD pentru o lună, dar există și o versiune gratuită.
Browshot ... Conceput pentru eliminarea din Android, iPad, iPhone. Va trebui să plătiți 1 USD pentru cinci capturi de ecran.
Perfecto mobil ... Oferă acces la o bază de date cu tablete și telefoane mobile, care vă permite să vedeți cât de bine este optimizarea pe fiecare tip de dispozitiv. Pentru ao utiliza, trebuie să plătiți până la 15 USD pe zi.
Vizualizator multi-browser... O aplicație cross-browser care conține emulatoare și browsere mobile pentru testare în orice format. Costă până la 140 USD și există și o versiune demo gratuită.
DeviceAnywhere... Un instrument excelent care vă permite să verificați punctual conținutul web testând o resursă în timp real. Poate fi plătit (100 USD pe lună) sau gratuit.
După cum puteți vedea, există o mulțime de programe și servicii, alegeți cea mai convenabilă opțiune și utilizați-o pentru sănătatea dumneavoastră.
Versiune mobilă pentru motoarele de căutare
Uneori site-ul este afișat perfect pe toate dispozitivele mobile, dar motoarele de căutare google și Yandex nu recunosc mobilitatea acestuia. Doar că Yandex și google au cerințe suplimentare pentru versiunea mobilă.
Puteți verifica adaptarea versiunii mobile pentru Google utilizând serviciul Mobile Friendly. L-am menționat deja în lista de instrumente gratuite.
Și pentru Yandex există un instrument similar în versiunea testată în prezent a biroului webmasterului (https://beta.webmaster.yandex.ru/).
Abonați-vă la știrile blogului și veți învăța o mulțime de lucruri interesante și utile. Între timp, îmi iau rămas bun de la tine, ne vedem într-un nou articol!
Cu stimă! Abdullin Ruslan
Versiunile site-ului nu sunt doar un posibil capriciu al dezvoltatorilor, o cheltuială suplimentară (sau câștiguri, dacă vorbim despre contractori) și o manifestare de îngrijorare pentru vizitatorii resursei. Conform celor mai recente declarații ale reprezentanților companiei Google, site-urile care nu îndeplinesc cerințele de design receptiv vor fi pesimizate în căutarea efectuată de pe dispozitive mobile. Motorul de căutare intern Yandex a emis, de asemenea, recomandări „Importanța de a fi mobil” și a asigurat că, acționând pentru confortul utilizatorilor de dispozitive mobile, va marca versiunile mobile în rezultatele căutării și va acorda preferință paginilor adaptive.
Deci, dezvoltatorii trebuie să adapteze în mod necesar site-urile pentru smartphone-uri și să verifice funcționalitatea afișării resurselor. Altfel, în viitorul apropiat, vă puteți aștepta la pierderea unei părți semnificative a traficului și, prin urmare, a clienților potențiali, deoarece noii algoritmi de lucru de la Google și Yandex funcționează deja. Puteți verifica versiunea mobilă a site-ului în diferite moduri: schimbând browserul când treceți la modul dezvoltator, utilizând emulatoare de dispozitive mobile sau servicii web.
Conformitatea site-ului pentru dispozitive mobile
Adaptabilitatea la dispozitivele mobile este evaluată în funcție de diferiți parametri. Este important să verificați versiunea mobilă a site-ului nu numai în ceea ce privește afișarea corectă, merită să luați în considerare alți factori:
- lipsa de animație, design și imagini „grele”;
- viteza de încărcare a resurselor (ar trebui să fie minimă);
- nu este nevoie de derulare orizontală;
- lipsa pluginurilor Silverlight și a aplicațiilor Java;
- navigare simplă pe site;
- codul conține metaeticheta viewport.
Dacă sunt îndeplinite condițiile de mai sus, algoritmii celor mai comune motoare de căutare recunosc pagina web ca fiind potrivită pentru dispozitivele mobile și ridică poziția site-ului în rezultatele căutării în raport cu resursele care nu sunt adaptate.
Testare reală pe dispozitive mobile
Cel mai convenabil mod este să testați versiunea mobilă a site-ului pe smartphone-uri reale. Această metodă va permite testarea în condiții reale. În mod ideal, este mai bine să verificați o resursă web pe mai multe dispozitive, dar dacă bugetul proiectului nu include costurile achiziționării mai multor smartphone-uri din cele mai populare modele, dispozitivele bazate pe Android sau Apple vor fi suficiente.
Redimensionarea ferestrei browserului
Cel mai simplu, dar nu optim în ceea ce privește validarea, este redimensionarea ferestrei browserului. Dacă pagina este realizată utilizând tehnologie, puteți verifica versiunea mobilă a site-ului în acest fel. Dar în cazurile în care se aplică un design separat, resursa are nevoie de o indicație clară că utilizatorul a venit de pe un smartphone, tabletă sau alt dispozitiv mobil. Deci, această metodă vă permite să verificați disponibilitatea unei versiuni mobile a site-ului. Dar corectitudinea afișajului (în termeni tehnici) este puțin probabil să fie evaluată.
Trecerea la modul dezvoltator într-un browser
Cel mai bun mod de a verifica versiunea mobilă a unui site (Google sau Yandex, precum și alte motoare de căutare, evidențiază adaptabilitatea în lista celor mai importanți factori care afectează clasarea) este trecerea la modul dezvoltator în browser. Metoda funcționează similar cu mai multe browsere:
- Mozilla: puteți trece la modul dezvoltator selectând opțiunea „Responsive Design” din meniul „Dezvoltare”; prin apăsarea combinației Ctrl + Shift + M; făcând clic pe butonul „Mod de proiectare receptivă” de pe bara de instrumente a dezvoltatorului web;
- Chrome: comutați la modul mobil apăsând F12, apoi selectați pictograma versiunii mobile (smartphone în colțul din stânga sus al ferestrei care apare).
În Opera, puteți trece la modul dezvoltator pentru a verifica versiunea mobilă apăsând Ctrl + Shift + i, dar există o altă modalitate. O versiune specială a browserului - Opera Mobile Classic Emulator - vă permite să evaluați designul mobil în multe moduri. Există versiuni ale programului pentru principalele sisteme de operare.
Emulatoare de dispozitive mobile: Android Studio și Apple Xcode
Puteți verifica versiunea mobilă a site-ului („Yandex” și Google) folosind emulatoarele dispozitivelor mobile, care pentru Android și Apple sunt, respectiv, Android Studio sau Apple Xcode.
Astfel de instrumente reproduc destul de exact site-ul așa cum va arăta pe dispozitivele mobile: programele sunt preinstalate cu cele mai comune versiuni de browsere pentru dispozitive mobile. Cu toate acestea, emulatoarele nu iau în considerare viteza de descărcare și alte nuanțe care pot fi observate în condiții reale.
Pentru a verifica este suficient să instalați unul dintre programele de mai sus pe computer și să deschideți site-ul de pe emulator.
Servicii web de validare a designului mobil
Există, de asemenea, modalități mai simple de a verifica versiunea mobilă a site-ului. De exemplu, serviciul online Responsinator vă permite să evaluați corectitudinea afișării resursei pe dispozitivele mobile și ușurința utilizării site-ului de către utilizator. Resursa afișează site-ul așa cum ar apărea pe șase dispozitive Android sau Apple diferite și în mai multe orientări.
Verificarea optimizării paginilor web pentru dispozitive mobile
Alte resurse care vă permit să verificați versiunea mobilă a site-ului evaluează în plus adaptabilitatea și nu arată doar cum ar arăta site-ul pe diferite dispozitive. Cele mai reputate servicii sunt Google Mobile Friendly și Yandex WebMaster (verificarea paginilor web). Verificatorul lui Bing sau, de exemplu, Verificatorul mobil al W3C evaluează, de asemenea, optimizarea site-ului pentru dispozitivele mobile.
Tot ce este necesar de la webmaster atunci când evaluează versiunea site-ului pentru dispozitivele mobile care utilizează servicii online este să introduceți adresa resursei și să așteptați finalizarea analizei. Majoritatea serviciilor de mai sus verifică optimizarea parametrilor de compatibilitate pentru dispozitive mobile enumerate mai sus.
Deci, puteți evalua adaptabilitatea unei resurse web în mai multe moduri: de la testarea pe smartphone-uri reale, tablete sau alte dispozitive mobile sau schimbarea dimensiunii ferestrei browserului web, verificarea emulatoarelor sau în modul dezvoltator al browserului web și terminarea cu utilizarea serviciilor de la Yandex și Google. Este foarte ușor să verificați versiunea mobilă a site-ului în mod cuprinzător, iar acest lucru vă va permite să faceți modificările necesare și să îmbunătățiți poziția site-ului în rezultatele căutării.