Verificarea gradului de utilizare a vizionării pe dispozitivele mobile Google. Verificarea optimizării mobile

Salutare prieteni! În acest articol ne vom uita la întrebarea cum să verificați un site web pentru mobilitate. Capacitatea site-ului de a se afișa corect pe toate vizualizările dispozitive mobile acum îi afectează promovarea și participarea și, prin urmare, câștigurile prin internet.

De ce este important să vă verificați site-ul web pentru mobilitate?

Nu este un secret pentru nimeni că ponderea traficului de pe dispozitivele mobile crește lunar și, dacă te uiți la asta în ultimii doi ani, a crescut de mai multe ori. Și acest lucru este de înțeles - utilizatorii au acum smartphone-uri, iPhone-uri, tablete și așa mai departe. Traficul care vine de pe dispozitive mobile se numește trafic mobil. Oameni cu traficul mobil nu numai să răsfoiți paginile site-ului web, ci și să faceți achiziții.

De aici și interesul motoarelor de căutare pentru traficul mobil, deoarece câștigurile Yandex și Google depind direct de numărul de cumpărători. Judecați singuri, pe blogul meu ponderea traficului de căutare pe mobil este de 15-20%, dar există site-uri și bloguri unde volumul traficului de căutare este și mai mare. Mai jos puteți vedea o captură de ecran care arată ponderea traficului mobil de pe blogul meu. Apropo, ponderea traficului mobil din Orientul Îndepărtat este și mai mare.

Din acest motiv, motoarele de căutare Yandex și Google au decis să forțeze proprietarii de site-uri web și bloguri să adapteze site-urile pentru vizualizare pe dispozitive mobile. Site-urile web și blogurile care nu se afișează corect pe diferite dispozitive mobile sunt reduse în rezultatele căutării și au trafic de căutare redus.

Acest lucru este deja serios, cine este interesat de blogging, de scris articole exact așa fără trafic normal? În același timp, multe site-uri și bloguri au deja încorporate versiunea mobilă, dar nu există nicio garanție că totul funcționează corect acolo. Prin urmare, este important ca fiecare proprietar să verifice site-ul pentru mobilitate. Acest articol va arăta cum să verificați versiunea mobilă a unui site web în Yandex și Google.

Din februarie 2016, Yandex a urmat exemplul fratelui său mai mare Google și a introdus, de asemenea, un nou algoritm Vladivostok, care reduce de fapt site-urile în rezultatele căutării dacă acestea nu sunt afișate corect pe dispozitivele mobile. Deci, să trecem la exersare și să începem să verificăm site-urile noastre pentru mobilitate.

Verificarea versiunii mobile a site-ului înGoogle

Primul care a început să țină cont de mobilitatea unui site a fost Google noul său algoritm a funcționat încă din 2015. Trebuie spus că odată cu introducerea noului algoritm, site-urile care nu aveau versiune pentru mobil au început să scadă serios. Trebuie spus că Google a avut imediat un instrument care îți permitea să verifici versiunea mobilă a site-ului în Google - Google Developers, acest instrument funcționează și acum, vom reveni la el mai târziu.

Verificarea versiunii mobile a site-ului în Google online a arătat problemele existente, care au făcut posibilă efectuarea de corecții, reverificarea mobilității site-ului și continuarea să trăiască în pace. Astăzi există și alte servicii care vă permit să verificați un site pentru mobilitate.

Deci, să ne uităm la verificarea mobilității unui site în Google în practică, verificarea durează aproximativ un minut. Pentru a începe verificarea, trebuie să accesați acest link și să intrați în câmp nume de domeniu Site-ul dvs. (blog) și faceți clic pe butonul „Analizați” (vezi captura de ecran). Într-un minut vi se va da rezultatul. Verificarea mobilității site-ului în Google este prezentată și în videoclipul de mai jos.

Pe această pagină puteți citi și informatii interesante pe acest subiect. Verificarea site-ului dvs. pentru mobilitate în Google este foarte importantă. De exemplu, la începutul anului 2015, site-ul meu nu era adaptat dispozitivelor mobile, iar traficul de căutare de la Google reprezenta doar 5% din traficul de la Yandex. În mai 2015, a fost instalat pluginul WPtouch, care mi-a adaptat blogul și ponderea traficului de căutare de la Google a crescut la 30% sau mai mult.

Verificarea versiunii mobile a site-ului în Yandex, algoritmul Vladivostok

Yandex îi place să-și numească algoritmii după orașele rusești, de data aceasta Vladivostok. Nu degeaba l-au numit algoritmul Vladivostok, adevărul este că Vladivostok are cel mai mare procent de trafic mobil. După cum sa menționat deja, Yandex a introdus verificarea mobilității site-ului web în februarie 2016 în Rusia, iar în viitorul apropiat această cerință se va extinde și în țările CSI și Turcia.

Noul algoritm Yandex Vladivostok reduce de fapt site-urile în rezultatele căutării, am testat acest lucru pe cale grea. S-a întâmplat că în februarie 2016, lucrările de punere în funcțiune erau în plină desfășurare pe blogul meu (despre asta s-a scris în articol). Versiunea mobilă a fost instalată imediat pe blog, dar nu a fost posibil să faceți față săgeților „Sus” și „Jos”, ceea ce a dus la apariția derulării orizontale și aceasta a fost o încălcare a cerințelor algoritmului Vladivostok. Rezultatul este că ponderea traficului de căutare de la Yandex a scăzut la jumătate și nu dorește încă să se recupereze.

Verificarea versiunii mobile a unui site în Yandex este destul de simplă, despre asta a fost scris într-unul dintre articolele mele, dar totuși, vă voi arăta din nou. Noul webmaster Yandex vă va ajuta să vă verificați mobilitatea site-ului în Yandex despre care a fost scris în articolele:

Mergem la pagina noului webmaster Yandex, facem clic pe „Instrumente” și selectăm „Verificare” pagini mobile", acum trebuie să introduceți adresa site-ului dvs. în câmp și să faceți clic pe butonul „Verifică”. Rezultatul va fi afișat în mai puțin de un minut.

După cum puteți vedea din captura de ecran prezentată, toți cei 6 indicatori ar trebui să fie afișați în verde. Dacă cel puțin un indicator nu corespunde, atunci trebuie să căutați motivul și să îl eliminați (s-a scris mai sus cum a afectat prezența defilării orizontale rezultatele căutării blogului meu).

Concluzie

Deci, în acest articol, am analizat întrebarea cum să verificați mobilitatea unui site în Yandex și Google, cum afectează acest lucru promovarea motorului de căutare site-uri web și bloguri, am aflat ce este algoritm de căutare Vladivostok. Rămâne doar să aflăm dacă există sau nu încălcări și să le eliminăm.

Dacă site-ul dvs. nu este adaptat pentru dispozitive mobile, atunci aveți două opțiuni:

• instalați un plugin care vă adaptează site-ul;
• comandați adaptare independentă a site-ului dvs.

Există diferite plugin-uri pentru adaptare, le puteți alege. Puteți afla mai multe despre instalarea pluginului WPtouch și revizuirea altor pluginuri în articolul meu de blog. Apropo, după instalarea pluginului, va trebui să verificați din nou site-ul pentru mobilitate. Pentru cei care preferă să urmărească videoclipul, acesta este prezentat mai jos:

Vor fi bucuroși să vă adapteze site-ul la versiunea mobilă, dar costul acestei lucrări este destul de mare - 40-70 USD sau chiar mai mult, rămâne la latitudinea dvs. să decideți. Poate fi mai ușor să comandați un site web nou, dacă există alte modificări și idei, acest lucru poate costa mai puțin. Cum și unde să comand dezvoltarea site-ului web este prezentat în blogul meu recent.

Cred că acum aveți răspunsuri la toate întrebările principale legate de verificarea versiunii mobile a site-ului. Verificați, corectați și nu pierdeți traficul de căutare. Mult succes pentru tine!

Salutări, Ivan Kunpan.

P.S. Pentru a-ți crea propriul blog, vei avea nevoie de harta mintală pe care am dezvoltat-o”, o poți descărca și aplica cunoștințele în practică, cei trei ani de experiență au fost investiți în dezvoltarea acesteia. Când scrieți pe blog, este important să scrieți și să optimizați corect articolele motoarele de căutare. Puteți descărca harta de informații „” sau cartea plătită”.

Primiți articole noi de blog direct pe e-mailul dvs. Completați formularul, faceți clic pe butonul „Abonare”.

Bună ziua, 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 pentru îmbunătățirea performanței și a calității site-ului și a paginilor de destinație. Voi începe cu o revizuire a unui instrument minunat pentru verificarea mobilității unui site web.

Verificarea vitezei site-ului cu Google

Pentru aceasta, Google oferă 2 instrumente.

Viteza paginii numărul 1

Cred că ești familiar cu el. Lipiț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! — evaluarea confortului site pentru smartphone-uri. Fila „Pentru computere” oferă 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. Ca aceasta ajutor gratuit de la Google.

După cum puteți vedea din captura de ecran, am probleme serioase cu versiunea mobilă. Cum merg lucrurile la tine?

#2 Testmysite.Withgoogle

De fapt, este același instrument, are doar un înveliș frumos. Am descoperit acest serviciu zilele trecute și am fost captivat 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, care vă va spune succint și convingător cum merg lucrurile cu site-ul și vă va oferi descărcați raportul complet.

Desigur, am cerut un raport complet și l-am primit prin e-mail în câteva minute. Pare inteligent, există 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, numerele pentru aceste instrumente vor diferi ușor. Cu toate acestea, ele lucrează pe aceeași tehnologie.

Așa se face că, în doar câteva secunde, puteți nu numai să vă verificați mobilitatea site-ului și să verificați viteza de încărcare, ci și să descărcați un raport complet cu conținut optimizat. Gratuit. De la Google

Ei bine, ce mai faceți cu mobilitatea?

comentarii alimentate de HyperComments

Astăzi nu mai este nevoie să convingem 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. În momentul în care scriu acest articol, aproximativ 20% dintre vizitatorii blogului meu folosesc un dispozitiv mobil pentru navigare. Adică, fiecare a cincea persoană vizitează site-ul meu de pe un 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 față de site atât a vizitatorilor, cât și a motoarelor de căutare.

O versiune mobilă a unui site web și un design responsive nu sunt același lucru. Acest articol se va concentra pe testare aspect adaptiv, când designul site-ului se modifică în funcție de rezoluția ecranului dispozitivului vizitatorului.

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

Verificare rapidă a aspectului adaptiv

Browser de internet popular (browser) Mozilla Firefox echipat cu instrumente încorporate pentru verificarea designului site-ului web pentru a fi adecvat pentru afișare 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 așa ceva:

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 Chrome De asemenea, are suport încorporat pentru verificarea adaptabilității designului site-ului. Pentru a face acest lucru, accesați meniul, selectați „Instrumente suplimentare” și apoi „Instrumente pentru dezvoltatori” (sau apăsați ).

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

În mijlocul ecranului, veți vedea cum va fi afișat site-ul dvs. pe ecranele dispozitivelor mobile:

Testarea SEO a designului mobil

După cum știți, cei doi lideri mondiali în căutarea Google și Yandex au propria lor opinie nemodesta despre cum ar trebui să arate un site web pe ecranele dispozitivelor mobile. Și dacă un site este considerat incomod pentru vizitatorii de pe mobil, atunci este retrogradat în rezultatele căutării. Așadar, din perspectivă SEO, dacă nu doriți să pierdeți vizitatori pe mobil, nu numai că trebuie să aveți un design responsive, dar motoarele de căutare trebuie să îl considere responsive, adică este adaptat pentru dispozitive mobile.

Pentru a verifica adaptabilitatea folosind serviciu 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 de verificat, trebuie să vă înregistrați la serviciul Yandex.Webmaster și să utilizați versiunea beta a interfeței:

Servicii online pentru testarea 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ă foarte multe site-uri cu astfel de funcționalități. Voi da doar câteva dintre ele. În cele mai multe cazuri, dublează funcționalitatea încorporată a FireFox și Chrome.

Redimensionare Google

Voi începe din nou cu Google, care are propriul serviciu pentru demonstrarea adaptabilității: http://design.google.com/resizer/#

Quirktools screenfly

Al doilea serviciu frumos este http://quirktools.com/screenfly/. Vă va arăta cum poate arăta site-ul dvs. 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 pagină veți vedea mai multe vizualizări cu rezoluții diferite de ecran.

Viteza versiunii mobile a site-ului

Odată ce sunteți sigur că site-ul dvs. este receptiv și se afișează corect pe majoritatea dispozitivelor, ar trebui să verificați viteza acestuia. Din nou în legătură cu vizitatorii mobili.

PageSpeed ​​​​Insights

Google, ca întotdeauna, este înaintea curbei: https://developers.google.com/speed/pagespeed/insights/. Acest serviciu vă va arăta cum arată site-ul pe ecranul unui telefon și vă va oferi recomandări pentru optimizarea codului pentru a crește viteza de încărcare pe dispozitivele mobile.

WebPageTest

Și în concluzie, voi da un exemplu de serviciu care nu numai că va arăta cum arată un site pe un dispozitiv mobil, ci va arăta și viteza acestuia: 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 capacitățile încorporate Browsere FireFoxși Chrome. După care, desigur, trebuie să verificați loialitatea motoarelor de căutare față de designul dvs. Și abia atunci, pentru a vă liniști sufletul sau pentru a vă etala, puteți folosi serviciile online.

Verificarea versiunii mobile a unui site web pentru erori este o sarcină simplă. Responsabilitatea revine optimizatorului pentru motoarele de căutare. Prezența unei versiuni optimizate a site-ului este un factor de clasare pentru documentele site-ului.

Instrumente pentru site-uri mobile

Cum să verificați versiunea mobilă a site-ului.

Puteți verifica site-ul dvs. pentru dispozitive mobile utilizând următoarele servicii:

• Google Mobile-Friendly
• Google PageSpeed ​​​​Insights;
• WebPageTest;
• ScreenFly;
• WebPageTest;
• BrowserStack.

Mobile-Friendly

Un serviciu numit Mobile-Friendly va arăta cât de optimizat este site-ul pentru dispozitivele mobile și ce erori există în ceea ce privește optimizarea:

PageSpeed ​​​​Insights

De asemenea, puteți verifica versiunea mobilă a site-ului pentru Google folosind instrumentul de la motor de căutare Google, care arată.

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 dezvoltare mobilă Puteți verifica cum 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ă aveți o flotă de dispozitive pentru a verifica site-ul, puteți utiliza dispozitivele. Sarcina de a încărca site-ul pe toate dispozitivele durează anumit timp, dar problema este rezolvată.

Dacă utilizați unul creat special pentru a deschide un site web diferite dispozitive o aplicație numită Adobe Edge Inspect facilitează sarcina.

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.

Testul Bing Mobile

Verifica gratuit Un site poate fi testat pentru conformitatea cu cerințele dispozitivelor mobile folosind instrumentul de testare mobil din motorul de căutare Bing.
Link către service -

În multe țări, smartphone-urile sunt mai des folosite pentru a naviga pe internet decât computerele. Prin urmare, este foarte important să adaptați site-ul pentru dispozitive mobile. Un instrument special din Search Console vă va ajuta să aflați dacă paginile dvs. sunt ușor de utilizat pentru utilizatorii de smartphone-uri.

Utilizare

Este ușor să verificați dacă o pagină este potrivită pentru vizualizare pe un smartphone: 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 testului, veți vedea cum arată pagina pe un smartphone și veți afla ce probleme pot apărea la vizualizarea acesteia. Cel mai adesea, acesta este un font mic (greu de citit ecran mic) și elemente Flash (nu sunt acceptate pe majoritatea dispozitivelor mobile).

Valoarea metaetichetei de vizualizare nu este setată

Codul paginii nu include proprietatea viewport, care spune browserului cum să redimensioneze corect elementele paginii pentru a se potrivi cu dimensiunea ecranului dispozitivului. Pentru a vă asigura că site-ul dvs. se afișează corect pe diferite dimensiuni de ecran, personalizați-vă fereastra folosind metaeticheta viewport. Aflați mai multe despre acest lucru în secțiunea Noțiuni de bază pentru designul web adaptabil din ghidul nostru.

Metaeticheta de vizualizare trebuie să conțină lățimea dispozitivului

Adaptarea paginii pentru diferite dimensiuni de ecran nu este posibilă, deoarece codul său specifică proprietatea ferestrei de vizualizare cu o lățime fixă. În acest caz, trebuie să aplicați un design receptiv ajustând scalarea paginii pentru a se potrivi cu dimensiunea ecranului.

Conținut mai larg decât ecranul

Acest raport identifică paginile care necesită derulare orizontală pentru a vizualiza text și imagini. Această problemă apare atunci când dimensiunile sunt Stiluri CSS sunt specificate ca valori absolute sau utilizează imagini concepute pentru o lățime specifică a ferestrei browserului. Asigurați-vă că lățimea și valorile de poziționare sunt Elemente CSS sunt relative și imaginile sunt scalate. Pentru mai multe informații despre acest lucru, consultați secțiunea Dimensiuni de conținut viewport din ghidul nostru.

Fontul este prea mic

Acest raport afișează pagini cu caractere mici, care solicită utilizatorilor să facă gesturi de ciupire pentru a mări 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.