Kontrollige Yandexi mobiiliversiooni. Kui Google ütleb: „Leht pole mobiilseadmete jaoks optimeeritud. Mobiilidisaini SEO testimine

Tervitused, kallid sõbrad!

Mobiilividinad on vallutanud kogu maailma. Tänapäeval ei käi nad isegi ilma telefonita leiba ostmas.

Tänapäeval areneb Internet kiiresti. Kiire turu kasv mobiilne internet sunnib veebiressursside loojaid oma saite kohandama seda tüüpi seadmeid.

Minu mõte on see, et kui soovite, et teie veebisait oleks edukas ja populaarne, siis peaksite mõtlema, kuidas muuta see kõikvõimalike vidinatega hõlpsasti nähtavaks.

Selles artiklis räägin teile, kuidas saiti kontrollida mobiilseadmed ah abiga eriteenused. Jagasin need laias laastus kahte rühma: tasuta ja tasulised.

Kõik nad töötavad peaaegu samal põhimõttel:

  1. minge konkreetse teenuse arendaja veebisaidile
  2. laadige alla vajalik tarkvara
  3. käivitage rakendus
  4. ja mõne aja pärast mobiiliversioon teie veebisait teie ees!

On teenuseid, mis saavad teie veebisaiti võrgus testida.

Valik, nagu alati, on teie!

Tasuta

Mobiilisõbralik. Selle rakenduse lõi Google spetsiaalselt selleks, et kontrollida, kas veebiressurss on nutitelefonide ja muude vidinate jaoks optimeeritud.

Vastaja. Tänu see rakendus saate hõlpsalt vaadata, kuidas sait Kindle'is, iPadis, Androidis ja iPhone'is välja näeb.

iPad Peek. Üks populaarsemaid tasuta tööriistad testimine, mille abil näete oma veebisaidi kuvamist iPhone'is ja iPadis.

Opera mini simulaator. Opera emulaator sisaldab väga suurt mobiilsete vidinate andmebaasi. Selle ainus puudus on võrgurežiimi puudumine, see tähendab, et oma ressursi testimiseks peate alla laadima ja installima vajaliku tarkvara.

Gomez. Hindab teie ressursi ühilduvust mobiilseadmetega 30 parameetri abil, mis võimaldab teil saada kõige täielikuma hinnangu. Selle tasuta kasutamiseks peate sisestama oma kontaktandmed.

MobiReady. Suurepärane testimistööriist, mis hindab disaini reageerimisvõimet. Kontrollimine põhineb parimatel W3C (World Wide Web Consortium) standarditel.

Mobiiltelefoni emulaator ja Screenfly. Sarnased teenused, mis võimaldavad vaadata ka veebiressursi olekut mis tahes vidinate ekraanidel.

Tasuline

CrossBrowser Testing. Kontrollid 130 juures erinevad brauserid ja 25 operatsioonisüsteemi, sealhulgas: Blackberry, Android, iPad, iPhone. Selle kasutamiseks peate maksma 29,95 dollarit kuus.

BrowserStack. Pakub kiire juurdepääs tohutule baasile. Ühe kuu eest maksab see kuni 19 dollarit, kuid on ka tasuta versioon.

Browshot. Mõeldud eemaldamiseks Androidist, iPadist, iPhone'ist. Viie ekraanipildi eest peate maksma 1 dollari.

Perfecto Mobile. Annab juurdepääsu tahvelarvuti andmebaasile ja mobiiltelefonid, mis võimaldab teil näha, kui hästi optimeerimine igat tüüpi seadmetel toimib. Selle kasutamiseks peate maksma kuni 15 dollarit päevas.

Mitme brauseri vaataja. Brauseriülene rakendus, mis sisaldab mobiiliemulaatoreid ja brausereid mis tahes vormingus testimiseks. Maksab kuni 140 dollarit ja saadaval on tasuta demoversioon.

Seade kõikjal. Suurepärane tööriist, mis võimaldab teil veebisisu täpselt kontrollida, testides ressurssi reaalajas. See võib olla tasuline (100 dollarit kuus) või tasuta.

Nagu näete, on palju programme ja teenuseid, valige kõige rohkem mugav variant ja naudi seda oma tervise nimel.

Mobiilne versioon otsingumootoritele

Mõnikord kuvatakse sait suurepäraselt kõigis mobiilseadmetes, kuid Google'i otsingumootorid ja Yandex ei tunnista selle mobiilsust. Lihtsalt Yandexil ja Google'il on mobiiliversioonile lisanõuded.

Mobiiliversiooni kohandamist Google'iga saate kontrollida mobiilisõbraliku teenuse kaudu. Mainisin seda juba tasuta tööriistade loendis.

Ja Yandexi jaoks on sarnane tööriist veebihalduri konto praegu testitavas versioonis (https://beta.webmaster.yandex.ru/).

Liituge ajaveebi uudistega ja saate teada palju huvitavamat ja kasulikku. Vahepeal jätan teiega hüvasti, kohtumiseni uues artiklis!

Lugupidamisega! Abdullin Ruslan

Tere pärastlõunast, sõbrad. Täna astun reklaamivahenditest veidi kõrvale ja alustan blogis uue rubriigiga. Seda nimetatakse veebihalduriks ja see sisaldab kasulikke materjale saidi toimivuse ja kvaliteedi parandamiseks, sihtlehed. Alustan ülevaatega lahedast tööriistast veebisaidi mobiilsuse kontrollimiseks.

Saidi kiiruse kontrollimine Google'iga

Google pakub selleks 2 tööriista.

#1 PageSpeed ​​​​Insights

Ma arvan, et olete temaga tuttav. Kleepige link oma saidile, klõpsake nuppu "Analüüsi" ja hankige tulemus kahe vahekaardi kujul.

Vahekaart „Mobiil” sisaldab aruannet saidi laadimiskiiruse kohta mobiilseadmetes ja – oluline! — mugavuse hindamine veebisait nutitelefonidele. Vahekaart „Arvutitele” pakub sama analüüsi töölaua jaoks.

Parim osa on see, et teenus võimaldab teil alla laadida optimeeritud pilte, css-i ja skripte, mida oma saidil kasutada. nagu see tasuta abi Google'ilt.

Nagu ekraanipildilt näha, on mul mobiiliversiooniga tõsiseid probleeme. Kuidas teil läheb?

#2 Testi minu veebisaiti.Google'iga


Tegelikult on see sama pill, sellel on lihtsalt ilus ümbris. Avastasin selle teenuse teisel päeval ja olin aruandevormist vaimustuses.

Kui sisestate saidi lingi ja klõpsate nupul „Kontrolli”, pakub teenus tulemust täieõigusliku dünaamilise sihtlehe kujul, mis annab teile lühidalt ja veenvalt teada, kuidas saidiga läheb, ning pakub laadige alla täielik aruanne.

Loomulikult küsisin täielikku aruannet ja sain selle paari minuti jooksul meili teel. Tundub nutikas, mitu ekraani kasulikke juhiseid koos linkidega konkreetsetele materjalidele:

Tähelepanuväärne on see, et kui analüüsite sama saiti, erinevad nende tööriistade arvud veidi. Kuid nad töötavad samal tehnoloogial.

Nii saate vaid mõne sekundiga kontrollida oma saidi liikuvust ja laadimiskiirust, vaid ka laadida alla täieliku optimeeritud sisuga aruande. Tasuta. Google'ist

Noh, kuidas teil liikuvusega läheb?

Veebisaidi versioonid pole mitte ainult arendajate võimalik kapriis, täiendav kuluartikkel (või tulu, kui räägime töövõtjatest) ja ressursi külastajate mure ilming. Google'i hiljutiste teadaannete kohaselt saavad mobiiliotsingud kannatada saidid, mis ei vasta tundliku disaini nõuetele. Kodumaine otsingumootor Yandex avaldas ka soovitused “Kui oluline on olla mobiilne” ja kinnitas, et mobiilseadmete kasutajate mugavuse huvides märgib see sisse otsingutulemused mobiiliversioone ja eelistada tundlikke lehti.

Seega peavad arendajad kohandama saite nutitelefonide jaoks ja kontrollima, kas ressurssi kuvatakse õigesti. Vastasel juhul võite varsti oodata märkimisväärse osa liiklusest kadumist ja seetõttu potentsiaalsed kliendid, sest Google'i ja Yandexi uued algoritmid juba kehtivad. Saate vaadata saidi mobiiliversiooni erinevatel viisidel: brauseri muutmine arendajarežiimile üleminekul, mobiilseadmete emulaatorite või veebiteenuste kasutamisel.

Saidisõbralikkus mobiilseadmete jaoks

Mobiili reageerimisvõimet hinnatakse erinevate parameetrite alusel. Oluline on kontrollida saidi mobiiliversiooni mitte ainult õige kuvamise osas, tasub arvestada ka muude teguritega:

  • animatsiooni, “raske” kujunduse ja piltide puudumine;
  • ressursside laadimise kiirus (peab olema minimaalne);
  • pole vaja horisontaalset kerimist;
  • Silverlighti pistikprogrammide ja Java-aplettide puudumine;
  • lihtne saidil navigeerimine;
  • Vaateava metasilt sisaldub koodis.

Kui ülaltoodud tingimused on täidetud, tunnistavad levinumate otsingumootorite algoritmid veebilehe mobiilseadmetele sobivaks ja suurendavad saidi positsiooni otsingutulemustes kohandamata ressursside suhtes.

Tõeline testimine mobiilseadmetes

Kõige mugavam on testida saidi mobiiliversiooni päris nutitelefonides. See meetod võimaldab testida reaalsetes tingimustes. Ideaalis on parem kontrollida veebiressurssi mitmes seadmes, kuid kui projekti eelarve ei sisalda mitme populaarseima mudeliga nutitelefoni ostmise kulusid, on seadmel Androidi baasil või Apple.

Brauseriakna suuruse muutmine

Lihtsaim, kuid kontrollimise seisukohalt mitte optimaalne, on brauseriakna suuruse muutmine. Kui leht on tehtud tehnoloogia abil, saate saidi mobiiliversiooni kontrollida nii. Kuid juhtudel, kui kasutatakse eraldi kujundust, vajab ressurss selget märge, et kasutaja tuli nutitelefonist, tahvelarvutist või muust mobiilseadmest. Niisiis, seda meetodit võimaldab kontrollida saidi mobiiliversiooni saadavust. Kuid ekraani õigsust (tehnilises mõttes) tõenäoliselt ei hinnata.

Brauseris arendajarežiimi lülitumine

Optimaalsem viis saidi mobiiliversiooni (Google või Yandex) ja muude otsingumootorite kontrollimiseks tõstab loendis esile kohanemisvõime kõige olulisemad tegurid asetust mõjutav) on brauseris arendajarežiimile lülitumine. Meetod töötab sarnaselt mitme brauseriga:

  • Mozilla: saate lülituda arendaja režiimi, valides menüüst "Arendus" suvandi "Responsive Design"; vajutades kombinatsiooni Ctrl + Shift + M; klõpsates veebiarendaja tööriistaribal nuppu "Responsive Design Mode";
  • Chrome: lülitage mobiilirežiimi, vajutades klahvi F12, seejärel valige mobiiliversiooni ikoon (kuvava akna vasakus ülanurgas nutitelefon).

Operas lülitub arendaja režiimi mobiiliversiooni kontrollimiseks vajutades kombinatsiooni Ctrl+Shift+i, kuid on ka teine ​​võimalus. Spetsiaalne versioon brauser – Opera Mobile Classic Emulator – võimaldab mitmekesistada mobiilikujundust. Suuremate operatsioonisüsteemide jaoks on olemas programmi versioonid.

Mobiilseadmete emulaatorid: Android Studio ja Apple Xcode

Saidi mobiiliversiooni (Yandex ja Google) saate kontrollida mobiilseadmete emulaatorite abil, mis Androidi ja Apple'i jaoks on vastavalt Android Studio või Apple Xcode.

Sellised tööriistad reprodutseerivad saiti üsna täpselt nii, nagu see mobiilseadmetes välja näeb: programmid on eelinstallitud mobiilseadmete jaoks kõige levinumate brauserite versioonidega. Kuid emulaatorid ei võta arvesse laadimiskiirust ja mõningaid muid nüansse, mida võib reaalsetes tingimustes jälgida.

Kontrollimiseks installige arvutisse üks ülaltoodud programmidest ja avage sait emulaatorist.

Mobiilse disaini kinnitamise veebiteenused

Neid on rohkemgi lihtsaid viise kontrollige saidi mobiiliversiooni. Näiteks võrguteenus Responsinator võimaldab teil hinnata ressursi õiget kuvamist mobiilseadmetes ja saidi kasutusmugavust kasutaja poolt. Ressurss kuvab saidi nii, nagu see kuues välja näeks erinevaid seadmeid Androidi või Apple'i baasil ja mitmes suunas.

Mobiilseadmete veebilehtede optimeerimise kontrollimine

Muud ressursid, mis võimaldavad teil saidi mobiiliversiooni kontrollida, hindavad lisaks kohanemisvõimet, mitte ainult ei näita, kuidas sait erinevates seadmetes välja näeks. Kõige autoriteetsemad teenused: Google Mobile Friendly ja Yandex WebMaster (veebilehtede kontrollimine). Saidi optimeerimist mobiilseadmetele hindab ka Bing checker või näiteks Mobile Checker W3C-st.

Veebihaldurilt on veebiteenuseid kasutavate mobiilseadmete jaoks mõeldud saidi versiooni hindamisel vaja ainult sisestada ressursi aadress ja oodata analüüsi lõpuleviimist. Enamik ülaltoodud teenuseid kontrollib optimeerimist ülaltoodud mobiilisõbralikkuse parameetrite alusel.

Seega saate veebiressursi kohandatavust hinnata mitmel viisil: alates testimisest päris nutitelefonides, tahvelarvutites või muudes mobiilseadmetes või veebibrauseri akna suuruse muutmisest, testimisest emulaatorites või veebibrauseri arendaja režiimis kuni Yandexi ja " Google". Saidi mobiiliversiooni on väga lihtne igakülgselt kontrollida ning see võimaldab teha vajalikke muudatusi ja parandada saidi positsiooni otsingutulemustes.

Eh, jälle rõõmustab Google meid oma reeglite ja algoritmidega, leiutades veebihalduritele uusi "migreene". Seekord pakutakse meile proovida uut mobiilisõbralikku algoritmi, mis tõuseb mobiiliotsing kohandatud saidid ja jätavad välja "mittemobiilsed" ressursid.

Kuidas see kõik toimima hakkab?

Väga lihtne: kõiki saite, mis pole mobiilseadmete jaoks kohandatud (Google'i andmetel), lihtsalt ignoreeritakse otsingumootor ja ilmuvad mobiiliotsingutes viimastel kohtadel ning mobiiliressursid tõusevad kõrgemale. Näiteks kui sarnasel teemal on mitu saiti, siis tahvelarvutis leiab kasutaja need, millel on mobiilseadmetes vaatamiseks kohandatud kujundus.

Minu muljed sellest uuendusest on kahesugused: ühest küljest on kõik õige, kui kasutan otsingut tahvelarvutis või nutitelefonis, siis tahan tulemustes näha neid saite, mis ekraanil õigesti käituvad. Teisest küljest on „mobiilsuse” määramise algoritm nii kummaline, et paneb mõtlema sellise „oskusteabe” teostatavuse üle. Muidugi kontrollisin oma saite soovituste alusel ja leidsin, et Google'i käitumine ressursside analüüsi suhtes on pehmelt öeldes kummaline.

Tasub öelda, et veebisaite luues olen alati kontrollinud välimus erinevates seadmetes käsitsi ja teenuste kaudu, nii et olin "mobiilsuse" suhtes rahulik, kuid selgus, et kõik polnud nii lihtne. Seega soovitab Google kontrollida oma ressursse mobiilisõbraliku testi abil.

Sisestage lihtsalt saidi või lehe aadress ja klõpsake nuppu "Analüüsi". Oma Krimmi sõbra krimeo.ru veebisaidi avalehte testi kaudu kontrollides nägin, et leht on optimeeritud mobiilseadmete jaoks.

Pole üllatav, et selle mall on tundlik ja sait näeb sellel suurepärane välja erinevaid seadmeid. Seejärel otsustasin oma saiti kontrollida ja mis oli minu üllatus, kui see ressurss testi ei läbinud.

Huvitav... ka selle blogi mall on responsive, olen mitu korda käinud nii tahvelarvutist kui nutitelefonist... miks see siis Google'ile ei meeldinud?

Hakkasin analüüsima, mis täpselt saidil võiks sellise tulemuse esile kutsuda. Lahendus leiti sealt, kus ma seda kõige vähem ootasin: minu saidil kuvati artiklite pisipildid 720x350px ristkülikuna ja just see ei võimalda (Google'i andmetel) saiti mobiiliks pidada. Üllataval kombel on see, et mida suurem on pilt (nupp), seda lihtsam on mobiilseadmete kasutajatel näpuga jõuda... aga Google arvab teisiti.

Üllatav on ka see, et nutitelefonis saiti vaadates kohanduvad kõik pildid ideaalselt ekraani suurusega ja mingeid “ummikuid” ei täheldata. No otsustasin teha katse ja muutsin piltide suuruse adaptiivseks, st. Mida väiksem on seadme ekraani suurus, seda väiksemad on saidil olevad pildid. Proovige hiirega brauseri nurgast kinni haarata ja seda väiksemaks muuta...
Nüüd võib mõnel veebihalduril olla veel üks probleem: kui Google käitus pisipiltidega nii suur suurus, mis tähendab, et olukord artiklite illustratsioonidega on sama ja see on palju olulisem kui avaleht. Selleks peate muutma pildid kogu saidi jaoks kohandatavaks, käivitades js-skripti, kuid see pole veel kõik, vahemälu kaust ja piltide salvestamise reegel peavad olema failis .htaccess dubleeritud.

Täpselt nii – need artiklid, mis sisaldavad suuri pilte, ei läbi Google'i testi ja need materjalid, millel pole väga suuri illustratsioone, loetakse täielikult „mobiilseadmete jaoks optimeerituks”. Ma ei paku ekraanipilte – võtke lihtsalt eraldi väljaande URL ja kontrollige „mobiilsust”.

Miks muidu näeb Googlebot, et ajaveeb pole mobiilseadmete jaoks optimeeritud?

Sest failis robots.txt on palju tarbetuid piiranguid.

B automaatselt loodud WordPressi poolt virtuaalne fail Fail robots.txt on ainult üks keeld:

Keela: /wp-admin

Ja siin on see, mida Google kirjutab selle kohta, miks WordPressi loojad robots.txt vaikimisi selliseks tegid:

Lehtede korrektse indekseerimise ja kuvamise tagamiseks peate Googlebotile andma juurdepääsu oma saidi JavaScripti, CSS-i ja graafikafailidele. Googlebot peaks nägema teie saiti nagu tavaline kasutaja. Kui fail robots.txt blokeerib juurdepääsu nendele ressurssidele, ei saa Google sisu korralikult sõeluda ega indekseerida. See võib teie saidi asetust otsingus halvendada.

User-agent: * Disallow: /wp-admin Disallow: /wp-includes Disallow: /wp-content/plugins Host: Teie_sait Saidiplaan: http://your_site/sitemap_index.xml (Saidiplaan WordPressi SEO Yoast) Kasutajaagent: Googlebot-Image Allow: /wp-content/uploads/ Kasutajaagent: YandexImages Luba: /wp-content/uploads/

Loodan, et Google täiustab oma kinnitusalgoritmi ja annab tõelisi tulemusi, sest tahvelarvutites ja nutitelefonides näevad paljud saidid "päris elus" suurepärased välja.

Sellist üllatust mobiilisõbraliku algoritmi näol saame näha alates 21. aprillist 2015. Google hellitab meid)). Kas elate rahulikult? Siin on sulle Pandu! vähe? Siin on ka pingviin! Kas sa oled ära kolinud? Muutke mobiilisõbralikuks!

Järeldus

Otsustage ise, mida selle teabega edasi teha, on iga veebihalduri isiklik asi, kuid need uued reeglid on juba jõustunud.

Muide, “mobiilseadmetele optimeeritud” sisaldab lisaks responsiivsele veebisaidi kujundusele ka eraldi mobiiliversiooni ja WordPressi pluginat, peaasi, et sait näeks igas seadmes õige välja. Võtke seda arvesse.