Dacă Google scrie „Pagina nu este optimizată pentru dispozitive mobile. Se verifică optimizarea pentru mobil. Google Search Console Cum să ocoliți testul Google cu MobileCheat

Verificarea versiunii mobile a site-ului pentru erori este o sarcină simplă. Responsabilitate pentru optimizatorul de motoare de căutare. A avea o versiune optimizată a unui site este un factor de clasare pentru documentele site-ului.

Instrumente pentru site-uri mobile

Cum se verifică versiunea mobilă a site-ului.

Puteți verifica site-ul pentru dispozitive mobile folosind serviciile:

• Google Mobile Friendly
• Google PageSpeed ​​​​Insights;
• testarea paginii web;
• paravan;
• testarea paginii web;
• BrowserStack.

Mobile Friendly

Un serviciu numit Mobile-Friendly va arăta cum este optimizat site-ul pentru dispozitivele mobile și care sunt erorile în ceea ce privește optimizarea:

PageSpeed ​​​​Insights

De asemenea, puteți verifica versiunea mobilă a site-ului sub Google folosind un instrument din motorul de căutare Google care afișează.

Serviciul se numește pur și simplu PageSpeed ​​​​Insights.

testul paginii web

Ar fi corect să verificați încărcarea site-ului pentru diferite dispozitive și din diferite regiuni. Îl puteți verifica folosind WebPage Test.

Serviciul este absolut gratuit.

ScreenFly

Folosind un instrument special pentru dezvoltarea mobilă, puteți verifica modul în care este afișat site-ul. Serviciul este conceput pentru a vizualiza site-ul în forma în care site-ul va fi afișat pe dispozitivele mobile, dar pentru a rezolva problema este suficient să folosiți un browser.

Instrumentul este gratuit.

Adobe Edge Inspect

Dacă există o flotă de dispozitive pentru a verifica site-ul, puteți utiliza dispozitive. Sarcina de a încărca site-ul pe toate dispozitivele durează ceva timp, dar sarcina este rezolvată.

Dacă utilizați o aplicație special creată pentru a deschide site-ul pe diferite dispozitive numită Adobe Edge Inspect, sarcina este simplificată.

Instrumentul este gratuit.

Aplicația este multiplatformă.

BrowserStack

BrowserStack este un serviciu binecunoscut printre dezvoltatorii de site-uri web. Serviciul arată compatibilitatea site-ului pe dispozitive reale.

Instrumentul este plătit.

Bing Mobile Test

Verifica este gratuit un site pentru conformitatea cu cerințele dispozitivelor mobile este posibil prin instrumentul Mobile Test din motorul de căutare Bing.
Link de serviciu -

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.

Versiunile de site nu sunt doar un posibil capriciu al dezvoltatorilor, un element de cheltuială suplimentar (sau câștiguri, dacă vorbim despre contractori) și o manifestare de îngrijorare pentru vizitatorii resurselor. Potrivit celui mai recent anunț al Google, site-urile care nu îndeplinesc cerințele de design responsive vor fi pesimizate în căutările mobile. Motorul de căutare intern Yandex a emis și 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 adaptabile.

Deci, dezvoltatorii trebuie să adapteze neapărat site-urile pentru smartphone-uri și să verifice corectitudinea afișării resursei. În caz contrar, vă puteți aștepta în curând la pierderea unei părți semnificative a traficului și, prin urmare, a potențialilor clienți, deoarece noii algoritmi de lucru de la Google și Yandex sunt deja în vigoare. Puteți verifica versiunea mobilă a site-ului în diferite moduri: prin schimbarea browserului la trecerea în modul dezvoltator, folosind emulatori de dispozitive mobile sau servicii web.

Ușurință pe site pentru dispozitive mobile

Adaptabilitatea la dispozitivele mobile este evaluată în funcție de diverși parametri. Este important să verificați versiunea mobilă a site-ului nu numai în ceea ce privește afișarea corectă, ci merită să luați în considerare și alți factori:

• lipsa de animație, design „greu” și imagini;
• viteza de încărcare a resurselor (ar trebui să fie minimă);
• nu este nevoie de defilare orizontală;
• lipsa pluginurilor Silverlight și a applet-urilor Java;
• navigare simplă pe site;
• Metaeticheta viewportului este scrisă în cod.

Dacă aceste condiții sunt îndeplinite, algoritmii celor mai uzuale motoare de căutare recunosc pagina web ca fiind potrivită pentru dispozitivele mobile și măresc 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 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 costul achiziției mai multor smartphone-uri din cele mai populare modele, va fi suficient un dispozitiv Android sau Apple.

Redimensionarea ferestrei browserului

Cel mai simplu, dar nu optim în ceea ce privește verificarea, este redimensionarea ferestrei browserului. Dacă pagina este realizată folosind 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 provine 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 în browser

O modalitate mai optimă de a verifica versiunea mobilă a site-ului (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ă în mod similar cu mai multe browsere:

• Mozilla: poți trece la modul dezvoltator selectând opțiunea „Design responsiv” din meniul „Dezvoltare”; prin apăsarea combinației Ctrl + Shift + M; făcând clic pe butonul „Responsive Design Mode” din bara de instrumente pentru dezvoltatori web;
• Chrome: comutați în 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, trecerea la modul dezvoltator pentru a verifica versiunea mobilă se face prin apăsarea combinației Ctrl + Shift + i, dar există o altă modalitate. O versiune specială a browserului - Opera Mobile Classic Emulator - vă permite să evaluați cuprinzător designul mobil. Există versiuni ale programului pentru sistemele de operare majore.

Emulatori de dispozitive mobile: Android Studio și Apple Xcode

Puteți verifica versiunea mobilă a site-ului („Yandex” și Google) folosind emulatori de dispozitive mobile, care pentru Android și Apple sunt Android Studio sau Apple Xcode, respectiv.

Astfel de instrumente reproduc destul de exact site-ul așa cum va arăta pe dispozitivele mobile: cele mai comune versiuni de browsere pentru dispozitive mobile sunt preinstalate în programe. Cu toate acestea, emulatorii nu țin cont de viteza de descărcare și de alte nuanțe care pot fi observate în condiții reale.

Pentru a verifica, trebuie doar să instalați unul dintre programele de mai sus pe computer și să deschideți site-ul din 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 unei resurse pe dispozitivele mobile și ușurința de utilizare a site-ului de către utilizator. Resursa afișează site-ul așa cum ar arăta 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ă suplimentar adaptabilitatea și nu arată doar cum ar arăta site-ul pe diferite dispozitive. Cele mai autorizate servicii: Google Mobile Friendly și „Yandex Webmaster” (verificarea paginilor web). Checker-ul Bing sau, de exemplu, Mobile Checker de la W3C evaluează și optimizarea site-ului pentru dispozitive mobile.

Tot ceea ce este necesar de la webmaster atunci când evaluează versiunea site-ului pentru dispozitivele mobile care utilizează servicii online este să introducă adresa resursei și să aștepte finalizarea analizei. Majoritatea serviciilor de mai sus verifică optimizarea față de parametrii de compatibilitate cu dispozitivele mobile enumerați mai sus.

Deci, există mai multe modalități de a evalua adaptabilitatea unei resurse web: de la testarea pe smartphone-uri reale, tablete sau alte dispozitive mobile sau redimensionarea unei ferestre de browser web, verificarea emulatoarelor sau în modul dezvoltator de browser web și sfârșitul cu utilizarea serviciilor de la Yandex și Google. Este foarte ușor să verificați cuprinzător versiunea mobilă a site-ului, 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.

Pentru proiectele tale, probabil ai observat cu mult timp în urmă că numărul utilizatorilor de telefonie mobilă este în continuă creștere. Pentru unii, tendința este mai puțin vizibilă, iar pentru unele proiecte această cifră crește de 2 ori sau mai mult în fiecare an. Potrivit LiveInternet, peste 50% din traficul de pe internetul rus vine acum de pe dispozitive mobile. Apropo, mulți cititori ai acestui blog se plâng de mult că nu există o versiune mobilă 🙂 care, desigur, va fi remediată în viitorul apropiat.

Acest fapt de mobilizare nu poate fi ignorat nici 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 dat site-urilor un semn în fragmente că acestea vor fi afișate corect pe telefoanele mobile.

Google a creat, de asemenea, un instrument pentru a ajuta webmasterii să verifice afișarea corectă a site-ului pe dispozitivele mobile:
https://www.google.com/webmasters/tools/mobile-friendly/

Pe 21 aprilie, Google a lansat un nou algoritm, în Occident se numea Mobilegeddon. Acum finalizarea cu succes a testului Mobile Friendly este unul dintre factorii seo luați în considerare de Google. Până acum, nu au existat modificări majore în emisiune, dar vă puteți pregăti acum.

Cum să faci un site responsiv conform Google? Secretul este simplu - trebuie să setați o sarcină pentru programatorii / designerii de layout. Ei bine, dacă nu aveți timp să așteptați, atunci... puteți folosi MobileCheat 🙂

De fapt, aceasta este o tehnologie netestată, nu se știe la ce va duce în viitor, așa că folosește-o doar pe propriul risc și risc. Aici se pot face cel puțin o serie de teste.

Cum să ocoliți testul Google cu MobileCheat

Trebuie doar să faci două lucruri:

1. Adăugați metaeticheta de vizualizare la cod.

2. Închideți accesul robotului la fișierele CSS sau la folderul în care sunt localizate prin robots.txt

De exemplu, astfel blogul meu trece testul implicit:

La închiderea CSS-ului, imaginea se schimbă:

Se pare că nu s-a schimbat nimic pe site, dar rezultatele testelor sunt complet diferite. Apropo, îmi place să dezactivez CSS pe unele site-uri pentru a le face mai convenabil de vizualizat și utilizat 🙂, prin urmare, o schemă complet justificată. Dar este prezentat doar în scop informativ.

Ce părere ai despre această? Va considera Google acest lucru drept o mișcare reciprocă de cavaler sau va gândi bine din timp și va șahmat imediat site-ul? 🙂

Astăzi nu este nevoie să convingi pe nimeni de necesitatea unei versiuni mobile a site-ului. La urma urmei, în fiecare zi sunt din ce în ce mai mulți vizitatori de pe smartphone-uri și tablete. La momentul scrierii acestui articol, aproximativ 20% dintre vizitatorii blogului meu folosesc dispozitive mobile pentru a naviga. Adică fiecare cincime vizitează site-ul meu de pe telefon sau tabletă.

În urmă cu câțiva ani, nici nu mă gândeam la astfel de vizitatori, dar când numărul lor a depășit 10% din total, am început să folosesc aspectul adaptiv. Acest lucru a făcut posibilă afișarea corectă a conținutului pe dispozitivele mobile și creșterea loialității atât a vizitatorilor, cât și a motoarelor de căutare față de site.

Versiunea mobilă a site-ului și designul adaptiv nu sunt același lucru. Acest articol se va concentra pe testarea aspectului adaptiv, atunci când designul site-ului se modifică în funcție de rezoluția ecranului dispozitivului vizitatorului.

Pentru a fi sigur că site-ul dvs. este afișat corect pe dispozitivele mobile, trebuie să verificați, iar pentru aceasta există mai multe servicii și instrumente utile.

Verificare rapidă a aspectului adaptiv

Browser de internet popular (browser) Mozilla Firefox este echipat cu un instrument încorporat pentru verificarea designului site-ului pentru a fi afișat pe dispozitive mobile. Pentru a-l folosi, accesați „Meniu” - „Dezvoltare” - „Design adaptiv”. Sau doar apăsați trei taste de pe tastatură în același timp ++[M]

Ar trebui să vezi ceva de genul:

Schimbând rezoluția și orientarea ecranului, puteți verifica cum va fi afișat site-ul dvs. pentru vizitatorii de pe mobil.

Browser Google Crom are, de asemenea, suport încorporat pentru verificarea adaptabilității designului site-ului. Pentru a face acest lucru, accesați meniul, selectați elementul „Instrumente suplimentare” și apoi „instrumente pentru dezvoltatori” (sau apăsați tasta ).

După aceea, apăsați pictograma design receptiv (sau apăsați simultan pe tastatură ++[M]):

În mijlocul ecranului vei vedea cum va fi afișat site-ul tău pe ecranele dispozitivelor mobile:

Testarea SEO a designului mobil

După cum știți, cei doi lideri mondiali în căutare Google și Yandex au propria lor părere nemodesta despre cum ar trebui să arate site-ul pe ecranele dispozitivelor mobile. Și dacă site-ul este recunoscut ca fiind incomod pentru vizitatorii de pe mobil, atunci acesta scade în rezultatele căutării. Deci, din punct de vedere SEO, dacă nu doriți să pierdeți vizitatori pe mobil, atunci nu numai că ar trebui să aveți un design responsive, ci motoarele de căutare ar trebui să îl considere responsive, adică prietenos cu dispozitivele mobile.

Pentru a verifica adaptabilitatea utilizând serviciul Google, accesați următoarea adresă și introduceți numele site-ului dvs.: https://www.google.com/webmasters/tools/mobile-friendly/.

Iată cum arată rezultatul verificării blogului meu:

Cu Yandex, este puțin mai complicat; pentru a verifica, trebuie să vă înregistrați la serviciul Yandex.Webmaster și să utilizați versiunea beta a interfeței:

Servicii online de verificare a adaptabilității

Sarcina principală a acestor servicii este de a prezenta (a arăta) cum va arăta site-ul dvs. pe un dispozitiv mobil. Există o mulțime de site-uri cu astfel de funcționalități. Voi cita doar câteva dintre ele. În cele mai multe cazuri, ele dublează funcționalitatea încorporată a FireFox și Chrome.

Redimensionare Google

Voi începe din nou cu Google, care are propriul serviciu demonstrativ de adaptabilitate: http://design.google.com/resizer/#

Quirktools screenfly

Al doilea serviciu frumos este http://quirktools.com/screenfly/ . Acesta va arăta cum poate arăta site-ul tău chiar și la televizor!

Symby.ru adaptest

Ei bine, pentru a nu jigni „producătorul intern”, voi da un exemplu de alt site: http://symby.ru/adaptest/. Pe o singură pagină, veți vedea simultan mai multe vizualizări cu rezoluții diferite de ecran.

Viteza versiunii mobile a site-ului

După ce te-ai asigurat că site-ul tău răspunde și se afișează corect pe ecranele majorității dispozitivelor, ar trebui să verifici viteza de lucru. Din nou în legătură cu vizitatorii mobili.

PageSpeed ​​​​Insights

Google este întotdeauna înaintea curbei: https://developers.google.com/speed/pagespeed/insights/ . Acest serviciu va arăta cum arată site-ul pe ecranul telefonului și va oferi recomandări despre cum să optimizați codul pentru a crește viteza de descărcare pe dispozitivele mobile.

WebPageTest

Și în concluzie, voi da un exemplu de serviciu care nu numai că va arăta cum arată site-ul pe un dispozitiv mobil, ci va arăta și viteza de lucru: http://www.webpagetest.org/

concluzii

În opinia mea, în munca de zi cu zi, atunci când faceți modificări în designul site-ului, este mai ușor să utilizați funcțiile încorporate ale browserelor FireFox și Chrome. După aceea, desigur, trebuie să verificați loialitatea motoarelor de căutare față de designul dvs. Și abia atunci, pentru a liniști sufletul sau pentru a te lăuda, poți folosi serviciile online.