Revizuirea paginilor mobile Google. După cum spune Google, „Stocarea nu este optimizată pentru dispozitive mobile. Schimbarea ferestrelor browserului

Verso versiune mobila site-ul pentru grațieri este simplu. Vidpovidalnist pe pshukovomu optimizator. Prezența unei versiuni optimizate a site-ului este un factor de clasare pentru documentele de pe site.

Instrumente pentru site-uri mobile

Puteți vizita site-ul pentru atașamente mobile pentru servicii suplimentare:

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

Mobile Friendly

PageSpeed ​​​​Insights

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

testul paginii web

Serviciul este absolut gratuit.

ScreenFly

Instrumentul este fără costuri.

Adobe Edge Inspect

De regulă, o selecție a fost creată special pentru vizualizarea site-ului pe anexe O să sun la programul Adobe Edge Inspect, te voi întreba.

Instrumentul este fără costuri.

Addon multiplatformă.

BrowserStack

Instrument plătit.

Bing Mobile Test

Aici este în dreapta, Google nu este o problemă (un pic - din 21 aprilie 2015) este foarte rău să clasați site-urile, pentru că nu au trecut recenzia în Google Webmasters pentru o recenzie bună asupra extensiilor mobile.

Nu am înțeles exact, site-ul va avea probleme doar când va fi afișat corespondenților de pe mobil, sau pentru a reaminti echipei care vine de pe PC, deci vei fi un bun observator?

Esența zilei nu este schimbată pentru site-urile, care au jumătate, ci esența părții, traficul mobil. De aceea, este mai ușor să treci prin revizuire cât mai repede posibil.

Îți voi spune cum să-l jefuiești așa:

Inainte de	După

• Prima caracteristică, iac a ajutat la virism nutriție fără rukhіv suplimentară a corpului.

Adăugați un rând la robots.txt:
Permite: /wp-content/themes/TemplateName/style.css

(Dacă fișierul cu 3 stiluri se află la o altă adresă, atunci îl vom scrie. Dacă fișierul este cu 3 stiluri ale dekіlka, atunci vom construi rânduri pentru fișierul skin.)

• Un alt moment yakscho bachimo podomlennya „Elementele interactive raztoshovani nadto close one kind of one”. Prezentat la google.com/webmasters/tools/mobile-friendly.
  Doar că în stilurile clasei necesare, prescriu mai multe intrări pentru apăsarea butoanelor. Vistachaє margine sau umplutură vіd 5px.

  Uneori, blocul Adsense poate crea această problemă. Este posibil să inserați un bloc mai mare sau într-un font mai mare.

P.S. Jefuiesc stiulețul, că primul bolovan a fost zdrobit de tine.

Astăzi, nu mai este nevoie să reconsolezi pe cineva din versiunea mobilă necesară a site-ului. Chiar și cu o zi de piele, cu smartphone-uri și tablete, din ce în ce mai mult. În momentul în care scriu, aceste articole sunt aproape de 20% dintre cei care îmi vizitează blogul și folosesc atașamentele mobile pentru revizuire. Tobto skin p'yaty accesați site-ul meu de pe telefon sau tabletă.

Din anumite motive, nu m-am gândit la astfel de intrări, dar dacă numărul lor a depășit 10% din numărul total, am început să câștig aspectul adaptiv. Acest lucru a făcut posibilă afișarea corectă a conținutului pe atașamentele mobile și promovarea loialității față de site, atât sub formă de sisteme introductive, cât și de tip push.

Versiunea mobilă a site-ului și designul adaptiv - nu la fel. Acest articol este despre testarea layout-ului adaptiv, dacă designul site-ului este schimbat în mod obositor dacă ecranul este permis, îl voi adăuga.

Pentru a fi sigur că site-ul dvs. este afișat corect pe dispozitivele mobile, este necesar să efectuați o reverificare și pentru ce sursă servicii albastreși unelte.

Reverificarea Shvidka a aspectului adaptiv

Popularul browser web Mozilla Firefox echiparea cu un instrument de revizuire a designului site-ului pentru aplicabilitate pentru afișare pe extensii mobile. Pentru a accelera, accesați „Meniu” - „Rozrobka” - „Design adaptiv”. Sau doar apăsați trei taste de pe tastatură în același timp ++[M]

Sunteți vinovat de aproximativ următoarea imagine:

Schimbând diferența dintre clădire și orientarea ecranului, puteți modifica modul în care site-ul dvs. apare pe dispozitivele mobile.

Browser Google Crom de asemenea, pot introduce un suport pentru adaptarea designului site-ului. Pentru care mergem la meniu, selectați elementul „Instrumente suplimentare”, apoi „instrumente ale retailerului” (sau apăsați tasta ).

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

În mijlocul ecranului, vei dansa, deoarece site-ul tău va apărea pe ecranele dispozitivelor mobile:

Testarea SEO a designului mobil

După cum se pare, cei doi lideri mondiali în căutare Google și Yandex au propriul lor gând nemodest, astfel încât să poată vedea site-ul pe ecranele dispozitivelor mobile. Și întrucât site-ul este considerat inoperabil pentru utilizatorii de pe mobil, acesta va fi redus în vizualizatorul de căutare. Deci, în opinia SEO, dacă nu doriți să cheltuiți aplicații mobile, atunci puteți avea nu numai design adaptiv, ci sisteme de poke datorează vvazhat yogo astfel încât este atașat de atașamente mobile.

Pentru a verifica adaptabilitatea serviciului suplimentar Google, alegem următoarea adresă și o trimitem pe site-ul dvs.: https://www.google.com/webmasters/tools/mobile-friendly/.

Axa arată astfel rezultatul revizuirii blogului meu:

Cu Yandex, puțin mai pliabil, pentru traducerea limbii, trebuie să vă înregistrați în serviciul Yandex.Webmaster și să accelerați versiunea beta a interfeței:

Servicii on-line pentru verificarea adaptabilitatii

Principalilor manageri ai acestor servicii, prezentați (arată) cum arată site-ul dvs. pe o extensie mobilă. Site-urile cu astfel de funcționalități sunt anonime. Voi aduce mai multe fapte de la ei. Majoritatea duhoarelui vipadkiv dublează funcționalitatea FireFox și Chrome.

Redimensionare Google

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

Quirktools screenfly

Un alt serviciu frumos este http://quirktools.com/screenfly/. Arată-mi cum poate arăta site-ul tău la televizor!

Symby.ru adaptest

Ei bine, dacă nu doriți să creați un „vrăjitor-lucrător”, voi aduce exemplul unui alt site: http://symby.ru/adaptest/. Pe o parte puteți vedea o crenguță de ecrane diferite.

Securitatea robotului și versiunea mobilă a site-ului

Din moment ce ați încurcat că site-ul dvs. este adaptabil și se afișează corect pe ecranele majorității anexe, vă veți schimba viteza de lucru. Ei bine, cunosc o mulțime de telefoane mobile.

PageSpeed ​​​​Insights

Google este în fruntea planetei: https://developers.google.com/speed/pagespeed/insights/ . Acest serviciu va arăta ca și cum ar fi privit site-ul pe ecranul telefonului și va oferi recomandări cu privire la modul de optimizare a codului pentru a crește viteza de interacțiune pe extensiile mobile.

WebPageTest

Voi duce la finalizare aplicarea serviciului, care nu numai că va arăta cum arată site-ul pe extensia mobilă, ci va arăta și viteza robotului tău: http://www.webpagetest.org/

Visnovki

În opinia mea, pentru toți roboții, atunci când faceți modificări în designul site-ului, este mai ușor să câștigați oportunitatea browser Firefox acel Chrome. Din anumite motive, este absolut necesar să schimbați loialitatea sistemelor motoarelor de căutare față de designul dvs. Și apoi, pentru liniște sufletească, sau, pentru a te lăuda, poți accelera serviciile online.

O zi buna prieteni. Astăzi, voi vedea trei instrumente de publicitate și voi începe o nouă rubrică pe bloguri. Vom lua numele „Webmastering” și vom include materiale relevante pe tema îmbunătățirii productivității și calității site-ului, laturile de aterizare. Și voi începe de la a căuta instrumentul elegant pentru a verifica din nou site-ul pentru mobilitate.

Verificăm viteza site-ului imediat de la Google

Pentru care Google oferă 2 instrumente.

#1 Viteza paginii

Bănuiesc că îl cunoști bine. Lipiți mesajul pe site-ul dvs., apăsați butonul „Analizați” și luați rezultatul din două file.

Fila „Pentru mobil” include o notă despre disponibilitatea site-ului pentru dispozitive mobile și este importantă! - evaluarea transparenței site pentru smartphone-uri. Fila „Pentru computere” este similară cu aceeași analiză pentru desktop.

Aflați ce serviciu vă permite să profitați optimizat imagini, css și scripturi pentru a le prezenta pe site-ul dvs. axa taka bezkoshtovna ajutor tastați Google.

După cum puteți vedea din captura de ecran, pot exista probleme serioase cu versiunea mobilă. Și cum poți să o faci?

#2 Testmysite.Withgoogle

Este într-adevăr același instrument, doar o arsă pe noul cablaj. Cunosc acest serviciu de zile întregi și am cumpărat formularul de depunere a unui apel.

Dacă introduceți un mesaj pe site și apăsați „Review”, serviciul va solicita rezultatul pentru o pagină de destinație dinamică aparent plină, pe care poate fi inversată, ca în cazul site-ului, și va solicita descărcarea noii sunet.

Înțelegând, am cerut un al doilea apel și pentru un șprot de whilin am dus yoga la post. Privind cu înțelepciune, sprat de ecrane instrucțiuni maro cu mesaje pe materiale specifice:

Rețineți că, dacă analizați unul și același site, atunci numerele acestor instrumente vor fi de trei ori diferite. Cu toate acestea, duhoarea funcționează pe o singură tehnologie.

Axa este atât de literalmente în câteva secunde încât puteți la fel de bine să convertiți site-ul în mobilitate și să convertiți viteza de interes - și, de asemenea, să captați imaginea generală a conținutului optimizat. Fără costuri. Vizualizați Google

Ei bine, cum vă gestionați mobilitatea?

Versiuni ale site-ului - nu este posibil numai să zabaganka rozrobnikov, dodatkova stattya vitrat (sau câștiguri, cum ar fi vorbind despre contractori) și să arăți turboti despre resursă. Conform celorlalte declarații ale reprezentanților Google, site-urile care nu acceptă design adaptiv vor fi simulate într-o glumă care este construită pe dispozitive mobile. Sistemul oficial de căutare Yandex a emis și o recomandare „Cât de important este să fii mobil” și a cântat, de dragul calității bune a dispozitivelor mobile, timpul de marcare pentru tipul de căutare a versiunilor mobile și pentru partea adaptivă.

Deci, retailerilor ordinea limbajului lui obov este necesar să se adapteze site-ul pentru smartphone-uri și să revizuiască corectitudinea resursei. În alte cazuri, nu este neobișnuit să vedem pierderea unei părți semnificative a traficului și, prin urmare, potențialii clienți, chiar și noi algoritmi pentru roboți precum Google și Yandex sunt deja pe moarte. Puteți converti versiunea mobilă a site-ului într-un mod diferit: schimbați browserul timp de o oră pentru a comuta în modul retailer, pentru emulatori suplimentari în dispozitive mobile sau servicii web.

Amabilitatea cu site-ul pentru extensii mobile

Adaptabilitatea la dispozitivele mobile este evaluată în funcție de diferiți parametri. Este important să revizuiți versiunea mobilă a site-ului nu numai pentru redarea corectă, ci și pentru a corecta ceilalți factori:

• prezența animației, „importantă” pentru design și imagini;
• viteza de implicare a resurselor (poate fi minimă);
• necesitatea derulării orizontale;
• disponibilitatea pluginurilor Silverlight și a applet-urilor Java;
• navigare simpla pe site;
• codul de prescripție are o metaetichetă de vizualizare.

Pe lângă listarea minților, algoritmii celor mai extinse motoare de căutare recunosc pagina web ca un accesoriu pentru dispozitivele mobile și mută poziția site-ului printre tipurile de resurse care nu sunt adaptate.

Testare reală pe dispozitive mobile

Cel mai bine este să protestezi față de versiunea mobilă a site-ului pe smartphone-uri reale. Al cui mod este posibil să efectueze teste în minți reale. În mod ideal, resursa web ar trebui reproiectată mai mult pe o serie de anexe, dar dacă bugetul nu este alocat proiectului, acesta va fi cheltuit pentru furnizarea unui număr de smartphone-uri în cele mai populare modele, va fi suficient să adăugați pe baza android sau Apple.

Schimbarea ferestrelor browserului

Cel mai simplu, dar nu optim în planul de reverificare este schimbarea ferestrei browserului. Ca și cum partea a fost ruptă pentru tehnologie suplimentară, este posibil să se schimbe versiunea mobilă a site-ului în acest fel. Ale în stare de spirit liniștită, dacă designul este blocat, resursa va necesita o declarație clară despre ce fel de telefon inteligent, tabletă sau altă extensie mobilă este nevoie. Asa de, mod danez permiteți-mi să verific vizibilitatea versiunii mobile a site-ului. Și axa corectitudinii afișajului (tehnic) poate fi cu greu estimată.

Trecerea la modul retailer în browser

Cea mai optimă modalitate de a converti versiunea mobilă a site-ului (Google sau Yandex, precum și alte sisteme de căutare văd adaptabilitatea în lista celor mai importanți factori care se adaugă la clasament) este trecerea la modul retailer în browser. Cum se face într-o ordine similară din browserele kіlkom:

• Puteți trece la modul retailer selectând opțiunea „Responsive design” din meniul „Explorer”; împingând combinație Ctrl+ Shift + M; prin apăsarea butonului „Responsive design mode” de pe bara de instrumente a retailerului web;
• Chrome: accesați modul mobil apăsați pe F12, apoi selectați pictograma versiunii mobile (smartphone din colțul din stânga sus al ferestrei, care a apărut).

În Opera, trecerea la modul retailer pentru verificarea versiunii mobile se realizează prin apăsarea combinației Ctrl + Shift + i, sau există o altă modalitate. O versiune specială a browserului - Opera Mobile Classic Emulator - vă permite să evaluați designul mobil diferit. Versiuni de software pentru principalele sisteme de operare.

Emulatori de dispozitive mobile: Android Studio și Apple Xcode

Puteți converti versiunea mobilă a site-ului („Yandex” și Google) folosind emulatori suplimentari pentru dispozitive mobile, precum Android și Apple, Android Studio sau Apple Xcode.

Instrumente similare pentru a finaliza cu acuratețe face site-ul să arate ca și cum este văzut pe dispozitivele mobile: programele au cele mai largi versiuni de browsere pentru dispozitive mobile instalate. Cu toate acestea, emulatorii nu protejează viteza de interes și alte nuanțe, care pot fi prezise în minți reale.

Pentru reverificare, este suficient să instalați unul dintre programele rearanjate pe computer și să deschideți site-ul web al emulatorului.

Servicii web pentru revizuirea designului mobil

Іsnuet și multe altele moduri simple revizuiți versiunea mobilă a site-ului De exemplu, serviciul online Responsinator vă permite să evaluați corectitudinea afișării resurselor pe dispozitivele mobile și calitatea conținutului site-ului din partea site-ului. Resursa se uită la site-ul care arăta ca un vin uitându-se la șase anexe bazat pe Android sau Apple și în unele orientări.

Revizuirea optimizării paginilor web pentru dispozitive mobile

Alte resurse care vă permit să revizuiți versiunea mobilă a site-ului, să evaluați adaptabilitatea și nu doar să afișați, cum ar fi să vă uitați la bi-maidanchik pe diferite anexe. Cele mai autorizate servicii: Google Mobile Friendly și „Yandex WebMaster” (revizuire a paginilor web). Evaluați optimizarea site-ului web pentru aplicațiile mobile, precum și verificați Bing sau, de exemplu, Mobile Checker W3C.

Tot ceea ce este necesar pentru webmaster atunci când evaluează versiunea site-ului pentru dispozitive mobile pentru servicii online suplimentare, trebuie doar să introduceți adresa resursei și să finalizați analiza. Serviciile mai avansate se gândesc la optimizarea parametrilor de ușurință pentru atașamentele mobile, care au fost renovate.

De asemenea, puteți evalua adaptabilitatea unei resurse web în moduri dekilcom: începând cu testarea pe smartphone-uri reale, tablete sau alte dispozitive mobile, sau schimbarea ferestrei browserului web, reverificarea în emulatori sau în modul retailerului de browser-ul web, la căutarea serviciului Yandex și „Yandex” Google”. Este foarte ușor să convertiți versiunea mobilă a site-ului, dar vă permite doar să faceți modificările necesare și să îmbunătățiți poziția site-ului în vizualizarea browserului.