Dacă Google scrie „Pagina nu este optimizată pentru dispozitive mobile. Verificarea optimizării pentru mobil. Google Search Console Mobile Checker de la W3C

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 de internet 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 de testare gratuite, 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ă.

Captură de sprânceană. 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

Site-urile web sunt de obicei dezvoltate nu pe telefoane sau chiar pe tablete, ci pe computere sau laptopuri. Dar utilizatorii site-ului îl pot vizualiza de pe orice dispozitiv. Pentru a înțelege că conținutul site-ului este la fel de bine afișat pe majoritatea dispozitivelor, puteți avea o mână de telefoane mobile cu diferite rezoluții de ecran și care funcționează sub diferite sisteme de operare, sau puteți utiliza servicii gata făcute care vor verifica modul în care site-ul este adaptat pentru vizualizare pe dispozitive mobile. În acest articol, vom arunca o privire la unul dintre aceste instrumente pe care Google le oferă pentru a verifica dacă pagina dvs. este optimizată pentru mobil.

Cum se deschide Google Search Console Mobile Optimization Checker

Pentru a deschide verificarea de optimizare a dispozitivelor mobile Google Search Console, trebuie să introduceți adresa în bara de adrese a browserului dvs.:

https://search.google.com/test/mobile-friendly

sau accesați → acest link (se deschide într-o fereastră nouă).

După ce pagina de verificare a optimizării pentru mobil Google Search Console este deschisă, trebuie să introduceți adresa site-ului sau a paginii site-ului a cărui optimizare doriți să o verificați și să faceți clic pe „ Verifica» așa cum se arată în imaginea de mai jos:

După aceea, Google Search Console va dura ceva timp pentru a încărca și analiza pagina specificată:

Dacă, pe baza rezultatelor verificării, Google Search Console decide că pagina este optimizată pentru dispozitive mobile, atunci va fi primit un mesaj similar cu cel din imaginea de mai jos:

Dacă se găsesc erori în urma verificării, pagina de emitere a mesajului va arăta cam așa:

indicând zonele cu probleme evidente de pe pagină.

Rezumat:

În acest fel, puteți evalua rapid și destul de eficient cât de mult este optimizat site-ul, astfel încât să fie convenabil să îl utilizați nu numai pe computer, ci și pe telefoanele mobile. În plus, Google Search Console oferă o serie de recomandări care pot fi utile pentru optimizarea funcționării corecte a site-ului pe orice dispozitiv, inclusiv pe cel mobil.

În articolul curent, vom vorbi despre modul în care este verificată versiunea mobilă a site-ului, comoditatea, lizibilitatea și afișarea corectă a acesteia.

Verificarea site-ului dvs. pentru confortul afișării pe dispozitive mobile poate fi verificată folosind diferite servicii web. În special, acest serviciu de la Google vă permite să evaluați în mod adecvat nivelul de alfabetizare al aspectului dvs. mobil.

Recent, Google a anunțat că site-urile care nu îndeplinesc cerințele de layout mobil vor fi pesimizate în căutările efectuate cu ajutorul dispozitivelor mobile. Acest algoritm funcționează deja, iar unele site-uri cărora nu le păsa să fie afișate pe platformele mobile au fost de fapt omise din rezultatele căutării mobile.

Dacă site-ul tău este de trei ori convenabil pentru platformele desktop, trebuie să verifici calitatea aspectului mobil, altfel vei pierde o parte impresionantă din trafic (ponderea platformelor mobile în căutare crește rapid în fiecare an), ceea ce înseamnă că îți vei pierde clienții. Prin urmare, trebuie să vă adaptați site-urile pentru dispozitive mobile și să verificați afișarea corectă a site-urilor în browserele mobile.

Verificarea calității aspectului mobil folosind Google Chrome

Pentru dezvoltatori, Google are un instrument excelent de simulare mobil. Acest instrument este încorporat în browserul Google Chrome. Pentru a-l accesa, apăsați F12în browser (treceți în modul dezvoltator) și faceți clic pe pictograma smartphone-ului:

Pagina va fi convertită în modul de comutare a dispozitivului, unde puteți selecta unul dintre dispozitivele mobile populare, tipul de rețea (GPRS, 2G, 3G, 4G etc.), specificați setări stricte de afișare. Acest lucru vă permite să simulați activitatea site-ului pe anumite dispozitive mobile. Dispozitivele disponibile includ diverse versiuni de iPad, iPad Mini, iPhone, BlackBerry, Google Nexus, HTC, LG, Nokia, Samsung Galaxy și alte dispozitive populare.

Selectând un anumit dispozitiv, puteți verifica site-ul pe un dispozitiv mobil. De exemplu, afișarea paginii principale a site-ului „Nubex” pe iPad 3:

Și pe Samsung Galaxy S4:

Aici nu numai că poți vedea afișarea site-ului pe un anumit dispozitiv, ci și poți lucra pe deplin cu site-ul, ca și cum ai avea gadgetul potrivit în fața ta. Fără îndoială, acest instrument este pur și simplu indispensabil atunci când se dezvoltă o versiune mobilă a site-ului, dar modul în care site-ul tău va fi afișat pe dispozitive reale trebuie verificat pe dispozitive reale. Acest lucru este deosebit de important dacă trebuie să verificați afișarea site-ului în browsere „native” (Safari - pentru iPad / iPhone, IE - pentru Windows Phone etc.).

O zi bună tuturor, prietenilor și invitaților blogului meu. Astăzi articolul meu va fi destul de scurt, dar nu își va pierde actualitatea astăzi. Și anume, vreau să vă spun despre un lucru precum verificarea de către Google a versiunii mobile a site-ului. Și poate nici nu aș scrie un articol atât de evident dacă această verificare nu m-ar fi nedumerit recent.

Verifica cu google

Anterior, oamenii nu se deranjau cu designul responsive sau versiunea mobilă. Dar apoi, când a apărut informația că motoarele de căutare ar retrograda site-urile care nu aveau versiune pentru mobil, oamenii s-au încordat (ca în cazul HTTPS). Oamenii au început imediat să comande versiuni mobile de la freelanceri, unii instalau plugin-uri speciale care puteau funcționa strâmb.

Și astfel, atunci când cineva a achiziționat un aspect adaptiv sau o versiune mobilă, a verificat-o imediat pe un serviciu special Google, care se uită doar la modul în care aspectul dvs. îndeplinește cerințele. Acum interfața s-a schimbat puțin, dar esența rămâne aceeași.

Pentru a verifica singur acest caz, trebuie să mergeți la acest serviciu - search.google.com/search-console/mobile-friendly. După aceea, în bara de adrese URL, introduceți adresa acestui site și așteptați. După scurt timp, vi se vor oferi toate informațiile despre dacă site-ul dvs. îndeplinește cerințele Google pentru aspectul mobil.

Nu inteleg...

Știu perfect că site-ul meu este adaptat, mai ales că tocmai am remediat aspectul. Dar recent, pentru distracție, am fost la acest serviciu să văd ce spune bătrânul Gosha și am fost foarte surprins. Cert este că serviciul mi-a spus că blogul meu nu a fost niciodată adaptat și că este puțin lizibil pentru dispozitivele mobile.

Nu puteam să înțeleg care era problema, așa că am început să caut o soluție pe internet. Și l-am găsit pe acest site. Se pare că totul a fost în fișierul robots.txt. A fost scris în alb-negru pentru mine, astfel încât motoarele de căutare să nu indexeze fișierele mele cu tema, motiv pentru care nu a văzut nicio versiune pentru mobil.

După ce am eliminat o linie de la roboți ( Nu permiteți: /wp-content/themes/tema mea), atunci serviciul a stabilit imediat că versiunea mea mobilă este normală. Așa că nu-ți face griji dacă ți se întâmplă același lucru. Cel mai probabil, pur și simplu nu ați permis Google să vă indexeze subiectul.

Ei bine, cu asta, probabil că voi încheia articolul meu de astăzi. Sper că ți-a fost de folos. După cum puteți vedea Verificatorul de site-uri mobile Google vă permite să vedeți dacă site-ul corespunde cerințelor site-ului. Dar, de fapt, este rar să găsești un site care să nu aibă propria versiune mobilă sau adaptabilitate. Va mai trece puțin timp și toate site-urile nou create vor avea automat un certificat SSL.

Vă mulțumesc că m-ați citit. Cu siguranta te voi astepta din nou pe paginile blogului meu. Între timp, vă recomand să citiți și alte articole. Sunt sigur că vei găsi o mulțime de lucruri interesante pentru tine. Multă baftă. Pa! Pa!

Cu stimă, Dmitri Kostin.

Eh, din nou Google ne „mulțumește” cu regulile și algoritmii săi, venind cu noi „migrene” pentru webmasteri. De data aceasta ni se oferă să încercăm un nou algoritm prietenos cu dispozitivele mobile, care va crește site-urile adaptate în căutarea mobilă și va reduce resursele „non-mobile”.

Cum vor funcționa toate acestea?

Este foarte simplu: toate site-urile care nu sunt adaptate pentru dispozitive mobile (conform Google) vor fi pur și simplu ignorate de motorul de căutare și vor apărea pe ultimele locuri în căutarea mobilă, iar resursele mobile vor crește mai sus. De exemplu, dacă există mai multe site-uri cu o temă similară, atunci pe o tabletă utilizatorul le va găsi pe cele care au un design adaptat pentru vizualizare pe dispozitive mobile.

Impresiile mele despre această inovație sunt duble: pe de o parte, totul este corect, dacă folosesc căutarea pe o tabletă sau pe un smartphone, atunci vreau să văd acele site-uri care se comportă corect pe ecran în rezultatele căutării. Pe de altă parte, algoritmul pentru determinarea „mobilității” este atât de ciudat încât ne face să ne gândim la oportunitatea unui astfel de „know-how”. Desigur, mi-am verificat site-urile față de recomandări și am găsit un comportament ciudat, cel puțin, al Google în ceea ce privește analiza resurselor.

Merită spus că la crearea site-urilor web, am verificat întotdeauna aspectul pe diverse dispozitive manual și prin servicii, așa că am fost liniștit în privința „mobilității”, dar s-a dovedit a nu fi atât de simplu. Prin urmare, Google recomandă să vă verificați resursele printr-un test adecvat pentru dispozitive mobile:

Doar introduceți adresa site-ului sau a paginii și faceți clic pe „Analizați”. În timp ce verificam prin test pagina principală a site-ului prietenului meu din Crimeea krimeo.ru, am văzut că pagina a fost optimizată pentru dispozitive mobile.

Nu este surprinzător, șablonul este receptiv și site-ul arată grozav pe diferite dispozitive. Apoi am decis să-mi verific site-ul și care a fost surpriza mea când această resursă nu a trecut testul.

Interesant... șablonul acestui blog este și responsive, m-am autentificat de mai multe ori pe tabletă și smartphone... de ce nu i-a plăcut Google atunci?

Am început să analizez ce anume pe site ar putea provoca un astfel de rezultat. Soluția a fost găsită acolo unde mă așteptam mai puțin: pe site-ul meu erau afișate miniaturi pentru articole cu un dreptunghi de 720x350px, iar asta (după Google) nu face ca site-ul să fie considerat mobil. În mod surprinzător, cu cât imaginea (butonul) este mai mare - cu atât este mai ușor pentru utilizatorii de pe dispozitive mobile să lovească cu degetul... dar Google crede altfel.

De asemenea, este surprinzător că atunci când vizualizați site-ul pe un smartphone, toate imaginile se adaptează perfect la dimensiunea ecranului și nu se observă „jambs”. Ei bine, am decis să fac un experiment și am adaptat dimensiunea imaginilor, adică. cu cât dimensiunea ecranului dispozitivului este mai mică, cu atât imaginea de pe site este mai mică. Încercați să apucați colțul browserului cu mouse-ul și să-l micșorați..
Acum unii webmasteri pot avea o altă problemă: dacă Google s-a comportat astfel cu miniaturi mari, atunci situația cu ilustrațiile pentru articole va fi aceeași, iar acest lucru este mult mai important decât pagina principală. Pentru a face acest lucru, trebuie să faceți imaginile adaptabile pentru întregul site, prin lansarea unui script js, dar asta nu este tot, folderul cache și regula pentru salvarea imaginilor ar trebui să fie duplicate în .htaccess

Așa este – acele articole care conțin imagini mari nu trec testul Google, iar acele materiale care au ilustrații nu foarte mari sunt considerate complet „optimizate pentru dispozitive mobile”. Nu voi oferi capturi de ecran - trebuie doar să luați adresa URL a unei publicații separate și să verificați „mobilitate”.

De ce altfel vede Googlebot că blogul nu este optimizat pentru dispozitive mobile

Pentru că există o mulțime de restricții inutile în robots.txt.

Există o singură interdicție în fișierul robots.txt virtual generat automat de WordPress:

Nu permiteți: /wp-admin

Și iată ce scrie Google despre motivul pentru care creatorii WordPress au făcut robots.txt implicit:

Pentru a vă asigura că paginile dvs. sunt indexate și afișate corect, trebuie să oferiți Googlebot acces la JavaScript, CSS și grafica de pe site-ul dvs. Googlebot ar trebui să vă vadă site-ul ca un utilizator normal. Dacă accesul la aceste resurse este blocat în fișierul robots.txt, atunci Google nu va putea analiza și indexa corect conținutul. Acest lucru poate înrăutăți poziția site-ului dvs. în Căutare.

User-agent: * Disallow: /wp-admin Disallow: /wp-includes Disallow: /wp-content/plugins Gazdă: YourSite Sitemap: http://YourSite/sitemap_index.xml (Sitemap by WordPress SEO by Yoast) User -agent : Googlebot-Image Allow: /wp-content/uploads/ Agent de utilizator: YandexImages Allow: /wp-content/uploads/

Sper că Google își va îmbunătăți algoritmul de verificare și va da rezultate reale, deoarece multe site-uri arată grozav „în viața reală” pe tablete și smartphone-uri.

Putem vedea o astfel de surpriză sub forma unui algoritm prietenos cu dispozitivele mobile din 21 aprilie 2015. Google ne „răsfață”)). Traiesti linistit? Poftim Panda! Puțini? Nate, de asemenea, Pinguinul! plecat? Fiți compatibil cu dispozitivele mobile!

Concluzie

Decideți singur ce să faceți cu aceste informații, dacă să treceți la design adaptiv sau nu este o chestiune personală pentru fiecare webmaster, dar aceste noi reguli au intrat deja în vigoare.

Apropo, nu numai designul adaptiv al site-ului este considerat a fi „optimizat pentru dispozitive mobile”, aici sunt potrivite și o versiune mobilă separată și un plugin pentru WordPress, principalul lucru este că site-ul arată corect pe orice dispozitiv. Luați în considerare.