Dacă Google scrie „Pagina nu este optimizată pentru dispozitive mobile. Verificarea optimizării pentru dispozitivele mobile Verificarea calității aspectului mobil folosind Google Chrome

Iată chestia, Google va începe în curând (conform zvonurilor - din 21 aprilie 2015) să înceapă să claseze foarte prost site-urile care nu au fost testate de Google Webmasters pentru ușurință de vizualizare pe dispozitivele mobile.

Nu este clar exact, site-ul va avea probleme doar dacă va fi afișat utilizatorilor de telefonie mobilă, sau chiar celor care s-au autentificat de pe un PC, adică va fi o problemă separată?

Aproape că nu schimbă esența site-urilor care au jumătate, sau o parte semnificativă, din traficul mobil. Prin urmare, este mai bine să treci testul cât mai curând posibil.

Îți voi spune cum să faci asta:

Inainte de	După

• Primul cip, care a ajutat la rezolvarea problemei fără gesturi suplimentare.

În robots.txt scrieți linia:
Permite: /wp-content/themes/TemplateName/style.css

(Dacă fișierul cu stiluri se află la o altă adresă, atunci îl scriem. Dacă există mai multe fișiere cu stiluri, atunci lipim linii pentru fiecare fișier.)

• al doilea moment, dacă vedem mesajul „Elementele interactive sunt prea aproape unele de altele”. Afișat la google.com/webmasters/tools/mobile-friendly.
  Doar că, în stilurile clasei dorite, prescrie mai multe indentări pentru link-uri și butoane. Este nevoie de marjă sau umplutură de la 5px.

  Uneori, blocul Adsense poate crea această problemă. Poate că trebuie să inserați un bloc mai mare sau cu un font mai mare.

P.S. Inițial, mă aștept ca cel principal să fi fost făcut de tine.

În multe țări, smartphone-urile sunt mai frecvent utilizate pentru a naviga pe internet decât computerele. Prin urmare, este foarte important să adaptați site-ul pentru dispozitive mobile. Pentru a afla dacă paginile dvs. sunt potrivite pentru utilizatorii de smartphone, vă va ajuta un instrument special din Search Console.

Utilizare

Verificarea dacă o pagină este potrivită pentru vizualizare pe un smartphone este ușoară: trebuie doar să introduceți adresa URL completă. Verificarea durează de obicei mai puțin de un minut. Dacă există redirecționări pe pagină, acestea vor fi și ele procesate.

Pe baza rezultatelor verificării, veți vedea cum arată pagina pe un smartphone și veți afla ce probleme pot apărea la vizualizarea acesteia. Cel mai adesea, acestea sunt litere mici (greu de citit pe un ecran mic) și elemente Flash (nu sunt acceptate pe majoritatea dispozitivelor mobile).

Valoarea metaetichetei de vizualizare nu este setată

Codul paginii nu specifică proprietatea ferestrei de vizualizare, care spune browserului cum să redimensioneze corect elementele paginii pentru a se potrivi cu dimensiunea ecranului dispozitivului. Pentru ca site-ul dvs. să se afișeze corect pe diferite dimensiuni de ecran, ajustați fereastra de vizualizare folosind metaeticheta de vizualizare. Detalii despre acest lucru sunt furnizate în secțiunea Noțiuni de bază pentru designul web responsiv din ghidul nostru.

Metaeticheta de vizualizare trebuie să aibă o valoare pentru lățimea dispozitivului

Adaptarea paginii pentru ecrane de diferite dimensiuni este imposibilă, deoarece proprietatea viewport cu o lățime fixă ​​este specificată în codul său. În acest caz, trebuie să aplicați un design responsive ajustând scalarea paginii în funcție de dimensiunea ecranului.

Conținut mai larg decât ecranul

Acest raport identifică paginile în care trebuie să derulați orizontal pentru a vizualiza text și imagini. Această problemă apare atunci când dimensiunile CSS sunt setate la valori absolute sau când sunt utilizate imagini care sunt proiectate pentru o lățime specifică a ferestrei browserului. Asigurați-vă că valorile lățimii și poziției elementelor CSS sunt relative și că imaginile sunt scalate. Informații detaliate despre acest lucru sunt furnizate în secțiunea Dimensiuni de conținut Viewport din ghidul nostru.

Font prea mic

Acest raport afișează pagini cu caractere mici, care solicită utilizatorilor să mărească pentru a le citi. După configurarea ferestrei de vizualizare, trebuie să determinați dimensiunile fonturilor, astfel încât acestea să se afișeze corect în el.

Elementele interactive sunt prea apropiate

Acest raport listează pagini în care elementele de navigare sunt atât de apropiate între ele încât este dificil pentru un utilizator să atingă una fără să atingă cealaltă. Ai grijă de cele mai optime dimensiuni ale butoanelor, link-urilor etc. și de distanțele dintre ele, astfel încât utilizatorii de dispozitive mobile să poată interacționa cu ușurință cu ele.

Ce urmeaza?

• Cum să aflați ce probleme legate de vizualizarea site-ului dvs. pe dispozitive mobile, folosind un raport special (aceasta necesită să verificați calitatea de proprietar al site-ului în contul Search Console)
• Cum să vă optimizați site-ul pentru dispozitive mobile (pentru pagini din WordPress, Joomla! și alte sisteme de gestionare a conținutului)

Salutări, dragi prieteni!

Gadgeturile mobile au cucerit lumea. Fără telefon astăzi, ei nici măcar nu merg după pâine.

În zilele noastre, internetul se dezvoltă rapid. Creșterea rapidă a pieței Internetului mobil îi obligă pe creatorii de resurse web să-și adapteze site-urile la acest tip de dispozitiv.

Ideea mea este că, dacă doriți ca site-ul dvs. să fie de succes și popular, atunci ar trebui să vă gândiți cum să îl faceți ușor de vizualizat pe tot felul de gadgeturi.

În acest articol, vă voi spune cum să verificați site-ul pe dispozitive mobile folosind servicii speciale. Le-am împărțit condiționat în două grupe: gratuite și plătite.

Toate funcționează în același mod:

1. accesați site-ul web al dezvoltatorului unui anumit serviciu
2. descărcați software-ul necesar
3. lansați aplicația
4. iar după un timp versiunea mobilă a site-ului tău web este în fața ta!

Există servicii care vă pot testa site-ul online.

Alegerea, ca întotdeauna, este a ta!

Gratuit

Mobile Friendly. Această aplicație a fost creată de Google special pentru a verifica dacă o resursă web este optimizată pentru smartphone-uri și alte gadget-uri.

Responsor. 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ăruia puteți vedea afișarea propriului site web pe iPhone și iPad.

Opera Mini Simulator. Emulatorul de la Opera conține o bază de date foarte mare de gadgeturi mobile. Singurul său dezavantaj poate fi considerat 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 datele dvs. de contact.

MobiReady. Un instrument excelent de testare care evaluează capacitatea de răspuns a unui design. Verificarea se bazează pe cele mai bune standarde W3C (World Wide Web Consortium).

Emulator de telefon mobil și Screenfly. Servicii similare care fac posibilă și vizualizarea stării unei resurse web pe ecranele oricăror gadgeturi.

Plătit

CrossBrowserTesting. Verificări pe 130 de browsere diferite și 25 de sisteme de operare, inclusiv: Blackberry, Android, iPad, iPhone. Va trebui să plătiți 29,95 USD pe lună pentru a-l folosi.

BrowserStack. Oferă acces rapid la o bază de date uriașă. Costă până la 19 USD pentru o lună, dar există și o versiune gratuită.

Imagini de sprâncene. Proiectat pentru eliminarea de pe Android, iPad, iPhone. Pentru cinci capturi de ecran, va trebui să plătiți 1 USD.

Perfecto Mobile. Oferă acces la o bază de date de tablete și telefoane mobile, care vă permite să vedeți cât de bună este optimizarea pe fiecare tip de dispozitiv. Pentru utilizarea acestuia trebuie să plătiți până la 15 USD pe zi.

Vizualizator cu mai multe browsere. Aplicație cross-browser care conține emulatori și browsere mobile pentru testare în orice format. Costă până la 140 USD, există și o versiune demo gratuită.

DeviceAnywhere. Un instrument excelent care vă permite să verificați conținutul web prin testarea unei resurse în timp real. Poate fi atât plătit (100 USD pe lună) cât și gratuit.

După cum puteți vedea, există o mulțime de programe și servicii, alegeți cea mai convenabilă opțiune și folosiț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 îi recunosc mobilitatea. Doar că Yandex și Google au cerințe suplimentare pentru versiunea mobilă.

Puteți verifica adaptarea versiunii mobile la Google folosind serviciul Mobile friendly. L-am menționat deja în lista de instrumente gratuite.

Și pentru Yandex, există un instrument similar în versiunea în prezent testată a contului de webmaster (https://beta.webmaster.yandex.ru/).

Abonează-te la știrile blogului și vei afla o mulțime de lucruri interesante și utile. Între timp, îmi iau rămas bun de la tine, ne vedem în noul articol!

Cu sinceritate! Abdullin Ruslan

Buna seara prieteni. Astăzi mă voi lăsa puțin deoparte de instrumentele de publicitate și voi începe o nouă secțiune pe blog. Se numește „Webmastering” și va include materiale utile privind îmbunătățirea performanței și calității site-ului, paginilor de destinație. Și voi începe cu o recenzie a unui instrument minunat pentru verificarea mobilității unui site.

Verificați viteza site-ului cu Google

Pentru a face acest lucru, Google oferă 2 instrumente.

#1 Viteza paginii

Cred că îl cunoști bine. Introduceți un link către site-ul dvs., faceți clic pe butonul „Analizați” și obțineți rezultatul sub forma a două file.

Fila „Mobil” include un raport privind viteza de încărcare a site-ului pentru dispozitivele mobile și - important! — rating de confort site pentru smartphone-uri. Fila „Pentru computere”, respectiv, este 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ă. Și cum merg lucrurile cu tine?

#2 Testmysite.Withgoogle

De fapt, acesta este același instrument, are doar un înveliș 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 „Verifică”, serviciul va oferi rezultatul sub forma unei pagini de destinație dinamice cu drepturi depline, pe care va spune concis și convingător cum merg lucrurile cu site-ul și va oferi pentru a descărca raportul complet.

Desigur, am cerut un raport complet și câteva minute mai târziu l-am primit prin poștă. Pare sensibil, mai multe ecrane cu instrucțiuni utile cu link-uri către materiale specifice:

Este de remarcat faptul că, dacă analizați același site, atunci cifrele pentru aceste instrumente vor varia ușor. Cu toate acestea, ele lucrează pe aceeași tehnologie.

În acest fel, în doar câteva secunde, puteți nu numai să verificați mobilitatea site-ului și să verificați viteza de descărcare - ci și să descărcați un raport complet cu conținut optimizat. Este gratuit. De la Google

Ei bine, ce mai faceți cu mobilitatea?