V Yandexu preverite skladnost z mobilno različico. Preverjanje optimizacije za mobilne naprave. Google Search Console. Interaktivni elementi so preblizu

Takole je, Google bo kmalu (po govoricah - od 21. aprila 2015) začel zelo slabo uvrščati spletna mesta, ki jih Googlovi spletni skrbniki niso preizkusili za lažji ogled. mobilne naprave Oh.

Ni točno jasno, stran bo imela težave le, če bo prikazana mobilnim uporabnikom ali celo tistim, ki so se prijavili iz osebnega računalnika, torej bo prišlo do ločene težave?

Skoraj ne spremeni bistva za spletna mesta, ki imajo polovico ali pomemben del mobilnega prometa. Zato je bolje opraviti test čim prej.

Povedal vam bom, kako to storiti:

Prej	Po

• Prvi čip, kar je pomagalo rešiti težavo brez dodatnih potez.

V robots.txt napišite vrstico:
Dovoli: /wp-content/themes/TemplateName/style.css

(Če se datoteka s slogi nahaja na drugem naslovu, jo zapišemo. Če je datotek s slogi več, potem za vsako datoteko prilepimo vrstice.)

• drugi trenutek, če vidimo sporočilo "Interaktivni elementi so preblizu drug drugemu." Prikazano na google.com/webmasters/tools/mobile-friendly.
  Le da v slogih želenega razreda predpisuje več alinej za povezave in gumbe. Potrebuje rob ali odmik od 5px.

  Včasih lahko blok Adsense povzroči to težavo. Morda morate vstaviti večji blok ali z večjo pisavo.

P.S. Sprva pričakujem, da ste primarno naredili vi.

Različice spletnih mest niso le možna muha razvijalcev, dodatna postavka stroškov (ali zaslužka, če govorimo o izvajalcih) in manifestacija skrbi za obiskovalce virov. Glede na zadnjo Googlovo napoved bodo spletna mesta, ki ne izpolnjujejo zahtev glede odzivnega oblikovanja, pesimizirana pri iskanju v mobilnih napravah. Domači iskalnik Yandex je prav tako izdal priporočila "Pomen biti mobilni" in zagotovil, da bo zaradi udobja uporabnikov mobilnih naprav v rezultatih iskanja označil mobilne različice in dal prednost prilagodljivim stranem.

Torej morajo razvijalci nujno prilagoditi spletna mesta za pametne telefone in preveriti pravilnost prikaza vira. V nasprotnem primeru lahko kmalu pričakujete izgubo pomembnega dela prometa, s tem pa tudi potencialnih strank, saj so že v veljavi novi algoritmi dela Googla in Yandexa. Lahko preverite mobilno različico spletnega mesta različne poti: Spreminjanje brskalnika ob preklopu v način razvijalca, z uporabo emulatorjev mobilnih naprav ali spletnih storitev.

Prijaznost do spletnih mest za mobilne naprave

Prilagodljivost mobilnim napravam se ocenjuje glede na različne parametre. Pomembno je, da mobilno različico spletnega mesta preverite ne le v smislu pravilnega prikaza, vredno je upoštevati tudi druge dejavnike:

• pomanjkanje animacije, "težka" zasnova in slike;
• hitrost nalaganja virov (mora biti minimalna);
• ni potrebe po vodoravnem pomikanju;
• pomanjkanje vtičnikov Silverlight in programčkov Java;
• enostavna navigacija po spletnem mestu;
• Metaoznaka viewport je zapisana v kodi.

Če so ti pogoji izpolnjeni, algoritmi najpogostejših iskalnikov prepoznajo spletno stran kot primerno za mobilne naprave in povečajo pozicijo strani v rezultatih iskanja glede na vire, ki niso prilagojeni.

Pravo testiranje na mobilnih napravah

Najbolj priročno je preizkusiti mobilno različico spletnega mesta na pravih pametnih telefonih. Ta metoda bo omogočila testiranje v realnih pogojih. V idealnem primeru je bolje preveriti spletni vir na več napravah, če pa proračun projekta ne vključuje stroškov nakupa več pametnih telefonov najbolj priljubljenih modelov, bo dovolj naprava Android ali Apple.

Spreminjanje velikosti okna brskalnika

Najenostavnejši, vendar ne optimalen v smislu preverjanja, je spreminjanje velikosti okna brskalnika. Če je stran izdelana s tehnologijo, lahko na ta način preverite mobilno različico spletnega mesta. Toda v primerih, ko se uporablja ločen dizajn, vir potrebuje jasno navedbo, da je uporabnik prišel s pametnega telefona, tablice ali druge mobilne naprave. torej ta metoda omogoča preverjanje razpoložljivosti mobilne različice spletnega mesta. Toda pravilnost prikaza (v tehničnem smislu) verjetno ne bo ocenjena.

Preklop na način razvijalca v brskalniku

Boljši način za preverjanje mobilne različice spletnega mesta (Google ali Yandex, pa tudi drugi Iskalniki poudariti prilagodljivost na seznamu najpomembnejših dejavnikov, ki vplivajo na uvrstitev) je preklop na način razvijalca v brskalniku. Metoda deluje podobno z več brskalniki:

• Mozilla: v način razvijalca lahko preklopite tako, da v meniju »Razvoj« izberete možnost »Odzivno oblikovanje«; klikanje Kombinacija Ctrl+ Shift + M; s klikom na gumb "Odzivni način oblikovanja" v orodni vrstici spletnega razvijalca;
• Chrome: preklopite v mobilni način s pritiskom na F12, nato izberite ikono mobilne različice (pametni telefon v zgornjem levem kotu okna, ki se prikaže).

V Operi se preklop v način razvijalca za preverjanje mobilne različice izvede s pritiskom na kombinacijo Ctrl + Shift + i, vendar obstaja še en način. Posebna različica brskalnika - Opera Mobile Classic Emulator - vam omogoča celovito oceno mobilnega oblikovanja. Različice programa obstajajo za glavne operacijske sisteme.

Emulatorji mobilnih naprav: Android Studio in Apple Xcode

Mobilno različico spletnega mesta ("Yandex" in Google) lahko preverite s pomočjo emulatorjev mobilnih naprav, ki sta za Android oziroma Apple android studio ali Apple Xcode.

Takšna orodja precej natančno reproducirajo spletno mesto, kot bo videti na mobilnih napravah: najpogostejše različice brskalnikov za mobilne naprave so vnaprej nameščene v programih. Vendar emulatorji ne upoštevajo hitrosti prenosa in nekaterih drugih odtenkov, ki jih je mogoče opaziti v realnih pogojih.

Če želite preveriti, samo namestite enega od zgornjih programov v računalnik in odprite spletno mesto iz emulatorja.

Spletne storitve za potrditev mobilnega dizajna

Obstaja več preproste načine preverite mobilno različico spletnega mesta. Spletna storitev Responsinator vam na primer omogoča, da ocenite pravilnost prikaza vira na mobilnih napravah in enostavnost uporabe spletnega mesta s strani uporabnika. Vir prikazuje spletno mesto, kot bi bilo videti na šestih različne naprave temelji na Androidu ali Appleu in v več usmeritvah.

Preverjanje optimizacije spletnih strani za mobilne naprave

Drugi viri, ki vam omogočajo preverjanje mobilne različice spletnega mesta, dodatno ocenjujejo prilagodljivost in ne samo prikazujejo, kako bi spletno mesto izgledalo na različnih napravah. Najbolj avtoritativne storitve: Google Mobile Friendly in "Yandex Webmaster" (preverjanje spletnih strani). Preverjevalnik Bing ali na primer Mobile Checker iz W3C ocenjujeta tudi optimizacijo strani za mobilne naprave.

Vse, kar je potrebno od spletnega skrbnika pri ocenjevanju različice spletnega mesta za mobilne naprave, ki uporabljajo spletne storitve, je vnesti naslov vira in počakati, da se analiza zaključi. Večina zgornjih storitev preverja optimizacijo glede na zgoraj navedene parametre prijaznosti do mobilnih naprav.

Torej obstaja več načinov za oceno prilagodljivosti spletnega vira: od testiranja na resničnih pametnih telefonih, tabličnih računalnikih ali drugih mobilnih napravah ali spreminjanja velikosti okna spletnega brskalnika, preverjanja v emulatorjih ali v načinu razvijalca spletnega brskalnika in konča z uporabo storitev iz Yandex in Google. Mobilno različico spletnega mesta je zelo enostavno preveriti izčrpno, kar vam bo omogočilo potrebne spremembe in izboljšanje položaja spletnega mesta v rezultatih iskanja.

Lep pozdrav, dragi prijatelji!

Mobilni pripomočki so prevzeli svet. Brez telefona danes niti za kruhom ne gredo.

Dandanes se internet hitro razvija. Hitra rast trga mobilni internet sili ustvarjalce spletnih virov, da svoja spletna mesta prilagodijo tovrstni napravi.

Moje mnenje je, da če želite, da je vaše spletno mesto uspešno in priljubljeno, potem morate razmisliti o tem, kako olajšati ogled na vseh vrstah pripomočkov.

V tem članku vam bom povedal, kako preveriti spletno mesto na mobilnih napravah s posebnimi storitvami. Pogojno sem jih razdelil v dve skupini: brezplačne in plačljive.

Vsi delujejo na približno enak način:

1. pojdite na spletno mesto razvijalca določene storitve
2. prenesite zahtevano programsko opremo
3. zaženite aplikacijo
4. in čez nekaj časa je pred vami mobilna različica vaše spletne strani!

Obstajajo storitve, ki lahko testirajo vaše spletno mesto na spletu.

Izbira je, kot vedno, vaša!

prost

Mobile Friendly. To aplikacijo je Google ustvaril posebej za preverjanje, ali je spletni vir optimiziran za pametne telefone in druge pripomočke.

Odzivnik. Zahvaljujoč tej aplikaciji lahko preprosto vidite, kako izgleda spletno mesto na Kindle, iPad, Android, iPhone.

iPad Peek. Eden najbolj priljubljenih brezplačna orodja testiranje, s katerim si lahko ogledate prikaz lastne spletne strani na iPhonu in iPadu.

Opera Mini Simulator. Emulator iz Opera vsebuje zelo veliko bazo podatkov mobilnih pripomočkov. Njegova edina pomanjkljivost je pomanjkanje spletnega načina, to pomeni, da boste morali za testiranje svojega vira prenesti in namestiti potrebno programsko opremo.

Gomez. Oceni združljivost vašega vira z mobilnimi napravami po 30 parametrih, kar vam omogoča najbolj popolno oceno. Za brezplačno uporabo morate vnesti svoje kontaktne podatke.

MobiReady. Odlično orodje za testiranje, ki oceni odzivnost dizajna. Preverjanje temelji na najboljših standardih W3C (World Wide Web Consortium).

Emulator mobilnega telefona in Screenfly. Podobne storitve, ki omogočajo tudi ogled stanja spletnega vira na zaslonih katerega koli pripomočka.

Plačano

CrossBrowserTesting. Preverja v 130 različnih brskalnikih in 25 operacijskih sistemih, vključno z: Blackberry, Android, iPad, iPhone. Za uporabo boste morali plačati 29,95 USD na mesec.

BrowserStack. Omogoča hiter dostop do ogromne baze podatkov. Stane do 19 $ za en mesec, obstaja pa tudi brezplačna različica.

Browsshot. Zasnovan za odstranitev iz Android, iPad, iPhone. Za pet posnetkov zaslona boste morali plačati 1 dolar.

Perfecto Mobile. Omogoča dostop do baze podatkov tablic in mobilni telefon, ki vam omogoča, da vidite, kako dobra je optimizacija na posamezni vrsti naprave. Za njegovo uporabo morate plačati do 15 $ na dan.

Pregledovalnik z več brskalniki. Aplikacija za več brskalnikov, ki vsebuje mobilne emulatorje in brskalnike za testiranje v kateri koli obliki. Stane do 140 $, na voljo je tudi brezplačna demo različica.

DeviceAnywhere. Odlično orodje, ki vam omogoča opazovanje spletne vsebine s testiranjem vira v realnem času. Lahko je plačan (100 $ na mesec) in brezplačen.

Kot lahko vidite, obstaja veliko programov in storitev, izberite najbolj priročno možnost in jo uporabite za svoje zdravje.

Mobilna različica za iskalnike

Včasih je spletno mesto videti odlično na vseh mobilnih napravah, vendar google iskalniki in Yandex ne priznavajo njegove mobilnosti. Samo Yandex in google imata dodatne zahteve za mobilno različico.

Prilagojenost mobilne različice Googlu lahko preverite s storitvijo Mobile friendly. Omenil sem ga že na seznamu brezplačnih orodij.

In za Yandex je podobno orodje v trenutno testirani različici računa spletnega skrbnika (https://beta.webmaster.yandex.ru/).

Naročite se na novice bloga in izvedeli boste veliko zanimivih in koristnih stvari. Medtem pa se poslovim od vas, se vidimo v novem članku!

S spoštovanjem! Abdulin Ruslan

V trenutnem članku bomo govorili o tem, kako se preverja mobilna različica spletnega mesta, njena priročnost, berljivost in pravilen prikaz.

Preverjanje vaše spletne strani za udobje prikaza na mobilnih napravah lahko preverite z različnimi spletnimi storitvami. Še posebej, to storitev od Googla vam omogoča, da ustrezno ocenite pismenost vaše mobilne postavitve.

Nedavno je Google napovedal, da bodo spletna mesta, ki ne ustrezajo zahtevam mobilne postavitve, pesimizirana pri iskanju, ki se izvaja z mobilnimi napravami. Ta algoritem že deluje in nekatera spletna mesta, ki jim ni bilo mar za prikaz na mobilnih platformah, so bila dejansko izpuščena iz rezultatov iskanja v mobilnih napravah.

Če je vaše spletno mesto trikrat primerno za namizne platforme, morate preveriti kakovost mobilne postavitve, sicer boste izgubili impresiven del prometa (delež mobilnih platform v iskanju vsako leto hitro raste), kar pomeni, da boste izgubili svoje stranke. Zato morate svoja spletna mesta prilagoditi za mobilne naprave in preveriti pravilen prikaz strani v mobilnih brskalnikih.

Preverjanje kakovosti postavitve mobilne naprave z Google Chromom

Za razvijalce ima Google odlično orodje za mobilno simulacijo. To orodje je vgrajeno v brskalnik Google Chrome. Za dostop do njega pritisnite F12 v brskalniku (preklopite v način razvijalca) in kliknite ikono pametnega telefona:

Stran bo pretvorjena v način preklapljanja naprav, kjer lahko izberete eno izmed priljubljenih mobilnih naprav, vrsto omrežja (GPRS, 2G, 3G, 4G itd.), določite stroge nastavitve prikaza. To vam omogoča, da simulirate delo spletnega mesta na določenih mobilnih napravah. Na številko razpoložljivih naprav vključujejo različne različice iPada, iPad Mini, iPhone, BlackBerry, Google Nexus, HTC, LG, Nokia, samsung galaxy in nekatere druge priljubljene naprave.

Z izbiro določene naprave lahko spletno mesto preverite na mobilni napravi. Na primer, prikaz domača stran spletno mesto "Nubex" na iPad 3:

In na Samsung Galaxy S4:

Tukaj ne morete samo videti prikaza spletnega mesta na določeni napravi, temveč tudi v celoti delati s spletnim mestom, kot da imate pred seboj pravi pripomoček. Nedvomno je to orodje preprosto nepogrešljivo pri razvoju mobilne različice spletnega mesta, a kako bo vaše spletno mesto prikazano na resničnih napravah, je treba preveriti na resničnih napravah. To je še posebej pomembno, če morate preveriti prikaz spletnega mesta v "nativnih" brskalnikih (Safari - za iPad / iPhone, IE - za Windows telefon itd.).

Dober dan prijatelji. Danes se bom malo odmaknil od oglaševalskih orodij in začel nov del na blogu. Imenuje se "Spletno skrbništvo" in bo vključeval uporabna gradiva za izboljšanje učinkovitosti in kakovosti spletnega mesta, ciljnih strani. In začel bom s pregledom kul orodja za preverjanje mobilnosti spletnega mesta.

Preverite hitrost spletnega mesta z Googlom

Za to Google ponuja 2 orodji.

#1 PageSpeed ​​Insights

Mislim, da ga dobro poznaš. Vstavite povezavo do svojega spletnega mesta, kliknite gumb "Analiziraj" in dobite rezultat v obliki dveh zavihkov.

Zavihek "Mobilni" vključuje poročilo o hitrosti nalaganja strani za mobilne naprave in - pomembno! — ocena priročnosti spletno mesto za pametne telefone. Zavihek »Za računalnike« je enaka analiza za namizje.

Najboljši del je, da vam storitev omogoča prenos optimizirano slike, css in skripte za uporabo na vašem spletnem mestu. Všečkaj to brezplačno pomoč od Googla.

Kot lahko vidite iz posnetka zaslona, ​​imam resne težave z mobilno različico. In kako gre pri vas?

#2 Testmysite.Withgoogle

Pravzaprav je to isto orodje, le ima čudovit ovoj. Pred dnevi sem odkril to storitev in bil podkupljen z obrazcem za prijavo.

Ko vstavite povezavo do spletnega mesta in kliknete »Preveri«, bo storitev ponudila rezultat v obliki polnopravne dinamične ciljne strani, na kateri bo jedrnato in prepričljivo povedala, kako stvari potekajo na spletnem mestu, in ponudila za prenos celotnega poročila.

Seveda sem zahteval celotno poročilo in nekaj minut kasneje sem ga prejel po pošti. Izgleda smiselno, več zaslonov uporabnih navodil s povezavami do določenih materialov:

Omeniti velja, da če analizirate isto spletno mesto, se bodo številke za ta orodja nekoliko razlikovale. Vendar pa delajo na isti tehnologiji.

Na ta način lahko v samo nekaj sekundah ne samo preverite mobilnost spletnega mesta in preverite hitrost prenosa – temveč tudi prenesete popolno poročilo z optimizirano vsebino. Je brezplačen. Od Googla

No, kako ste z mobilnostjo?