Skaitymo laikas 6 minutės

Kodėl svarbu patikrinti svetainių reagavimą? „Yandex.Metrica“ duomenimis, mobiliaisiais įrenginiais besinaudojančių žmonių skaičius Rusijoje artėja prie 50% ir nuolat auga.

Kalbant apie paieškos sistemos stengtis, kad mobiliųjų telefonų išdavimas būtų patogesnis vartotojams. 2015 m. vasario mėn. Google teigia, kad responsive arba mobilioji versija turi teigiamą poveikį reitingams. Lygiai po metų, 2016-ųjų vasarį, „Yandex“ skelbia tą patį.

Kokiomis savybėmis turėtų pasižymėti responsive svetainė?

• Nėra horizontalaus slinkimo.
• Peržiūros srities metažyma yra teisinga.
• Interaktyvūs elementai (nuorodos, mygtukai, formos ir kt.) nėra per arti vienas kito.
• Trūksta Flash elementų, Silverlight įskiepių.
• Patogus naršymas per skyrius.
• Turinys (tekstas ir paveikslėliai) pritaikomas prie ekrano dydžio ir skaitomas be padidinimo.

Internetinės svetainės pritaikymo tikrinimo paslaugos

1. „Google“ mobiliesiems pritaikyta – https://search.google.com/test/mobile-friendly

Parodo, kaip pirmasis svetainės ekranas atrodo išmaniajame telefone, pateikia bendrą optimizavimo kokybės įvertinimą.

Privalumai

• Oficiali Google paslauga.
• Nurodo konkrečias klaidas.
• Gali nustatyti mobiliosios versijos buvimą.

Trūkumai

• Nematote, kaip svetainė atrodo skirtingų dydžių ekranuose.
• Rodomas tik pirmasis ekranas, jūs negalite bendrauti su svetaine.

1. Yandex.Webmaster draugiškas mobiliesiems - https://webmaster.yandex.ru/site/tools/mobile-friendly/

Skirtingai nuo „Google“ įrankio, galite patikrinti tik savo išteklius, kurių teises patvirtinote „Yandex.Webmaster“. Rodo bendrą įvertinimą ir kaip svetainė atrodo išmaniajame telefone.

Privalumai

• Oficiali „Yandex“ paslauga.
• Nurodo konkrečias optimizavimo problemas.
• Supranta, ar svetainė turi mobiliąją versiją.

Trūkumai

• Galite patikrinti tik savo svetaines.
• Nėra galimybės pamatyti, kaip svetainė atrodo skirtinguose ekranuose

1. Kūriniai įrankiai- http://quirktools.com/screenfly/

Patogus ir funkcionalus aptarnavimas, galima pamatyti, kaip svetainė atrodys įvairių įrenginių nuo išmaniųjų telefonų iki televizorių.

Privalumai

• Galite pasirinkti iš paruošto įrenginių sąrašo arba nustatyti savo skiriamąją gebą
• Galite bendrauti su svetaine

Trūkumai

• Nepavyko aptikti mobiliosios versijos
• Nėra klaidų sąrašo

1. mėgstu prisitaikyti - http://iloveadaptive.com/

Paslauga, su kuria galite patikrinti pritaikymą populiariems mobiliesiems įrenginiams ir operacinėms sistemoms.

Privalumai

• Galima pamatyti, kaip svetainė atrodo kitaip Operacinės sistemos(IOS ir Android)
• Jis pats supranta, ar yra mobilioji versija
• Pratęsimas skirtas Google Chrome

Trūkumai

• Jūs negalite patys nurodyti ekrano dydžio, tik pasirinkite iš paruošto sąrašo
• Nėra klaidų sąrašo
• Visada atsisiunčiama automatiškai mobilioji versija, be galimybės matyti, kaip atrodo darbalaukio versija esant skirtingoms skyroms

1. http://adaptivator.ru/

Privalumai

• Bendrai įvertina optimizavimo kokybę, duoda patarimus dėl klaidų taisymo.
• „Nemato“ mobiliosios versijos.

Trūkumai

• „Nemato“ mobiliosios versijos.
• Jokiu būdu negalima nustatyti ekrano dydžio.

Išvada

Jei turite prieigą prie žiniatinklio valdytojo paslaugų („Yandex.Webmaster“ arba „Google Search Console“), geriausia jų pagalba išbandyti pritaikymą. Jie atspindi tinkamiausius paieškos sistemos reikalavimus jūsų svetainei.

Jei tai neįmanoma, galite naudoti http://iloveadaptive.com/ kartu su http://adaptivator.ru/, nes jie papildo vienas kitą funkcionalumo požiūriu.

Daugelyje šalių išmanieji telefonai dažniau naudojami naršyti internete nei kompiuteriai. Todėl labai svarbu svetainę pritaikyti mobiliesiems įrenginiams. Norėdami sužinoti, ar jūsų puslapiai tinkami išmaniųjų telefonų naudotojams, jums padės specialus įrankis „Search Console“.

Naudojimas

Patikrinti, ar puslapis tinkamas peržiūrėti išmaniajame telefone, paprasta: tiesiog įveskite visą jo URL. Paprastai patikrinimas trunka mažiau nei minutę. Jei puslapyje yra peradresavimų, jie taip pat bus apdoroti.

Remdamiesi patikrinimo rezultatais pamatysite, kaip puslapis atrodo išmaniajame telefone, ir sužinosite, kokios problemos gali kilti jį peržiūrint. Dažniausiai tai yra mažu šriftu (sunku įskaityti mažame ekrane) ir „Flash“ elementai (dauguma nepalaikomi). mobiliuosius įrenginius).

Peržiūros srities metažymos vertė nenustatyta

Puslapio kode nenurodoma peržiūros srities ypatybė, kuri nurodo naršyklei, kaip tinkamai pakeisti puslapio elementų dydį, kad jie atitiktų įrenginio ekrano dydį. Kad svetainė būtų tinkamai rodoma skirtingų dydžių ekranuose, koreguokite peržiūros sritį naudodami peržiūros srities metažymą. Išsami informacija apie tai pateikiama mūsų vadovo skiltyje Interaktyvaus žiniatinklio dizaino pagrindai.

Peržiūros srities metažymoje turi būti įrenginio pločio vertė

Puslapio pritaikymas skirtingų dydžių ekranams neįmanoma, nes jo kode nurodyta fiksuoto pločio peržiūros srities ypatybė. Tokiu atveju reikia kreiptis prisitaikantis dizainas koreguodami puslapio mastelį, kad jis atitiktų ekraną.

Turinys platesnis nei ekranas

Šioje ataskaitoje nurodomi puslapiai, kuriuose, norėdami peržiūrėti tekstą ir vaizdus, ​​turite slinkti horizontaliai. Ši problema kyla, kai CSS dydžiai nustatomi į absoliučias reikšmes arba kai naudojami vaizdai, sukurti tam tikram naršyklės lango pločiui. Įsitikinkite, kad pločio ir padėties reikšmės yra css elementai yra santykiniai, o vaizdai yra keičiami. Išsami informacija apie tai pateikiama mūsų vadovo skiltyje „Peržiūros srities turinio dydžiai“.

Per mažas šriftas

Šioje ataskaitoje pateikiami puslapiai su mažu šriftu, kuriuos norint perskaityti naudotojai turi priartinti. Nustatę peržiūros sritį, turite nustatyti šrifto dydžius, kad jie būtų rodomi teisingai.

Karkasai, tokie kaip arba , kurie labai palengvina ir pagreitina puslapio išdėstymą.
reiškia puikų tinklalapio rodymą visuose įrenginiuose ir monitoriaus plėtiniuose. Turbūt ne kiekvienas maketuotojas turi pilna komplektacija prietaisai su visais galimi pratęsimai ekranai, skirti išbandyti jūsų išdėstymą. Tai nenuostabu, nes šiais laikais technologijos nėra pigios.
Taigi. Supirkti kalnus mobiliųjų telefonų ir planšečių nėra išeitis – bankrutuosime. Ką daryti? Šiems tikslams mes sukūrėme prisitaikančiųjų svetainių testavimo paslaugos. Jų veikimo principas labai paprastas. Dažniausiai yra tam tikro dydžio rėmelis, kuriame atsidaro puslapis. Poveikis yra maždaug toks pat, kaip ir žiūrint mobiliajame įrenginyje. Noriu pastebėti, kad paslauga ne visada tiksliai rodo puslapio rodymą telefone ar planšetiniame kompiuteryje. Maketavimo metu turėtumėte išbandyti naudodamiesi paslaugomis, tačiau baigę, jei įmanoma, išbandyti dažniausiai naudojamuose įrenginiuose.
Taigi. Jūsų dėmesiui geriausi įrankiai interaktyvių svetainių testavimui.

Atsakingas svetainės testavimo įrankis iš „Adobe“. Norėdami jį naudoti, turite jį įdiegti savo kompiuteryje.
Programa leidžia sinchronizuoti įrenginius per WIFI ir peržiūrėti svetainę taip, kaip ji bus rodoma jūsų įrenginyje. Ant Šis momentas palaikomi įrenginiai su šiomis operacinėmis sistemomis: iOS, Android, Kindle Fire.

„Business Motor komandos projektų vadovas, webmaster, copywriter.
Mobilusis pritaikymas yra svarbus darbo su svetaine etapas. Įvedus mobilųjį reitingavimo veiksnį, įsitraukimas tapo dar svarbesnis. Mes jums pasakysime, kaip atlikti pagrindinius svetainės mobilumo testus »

Svetainės rodymo mobiliuosiuose įrenginiuose patogumas yra veiksnys, kurio svarba pastaraisiais metais nuolat auga. Esmė ne tik didėjančiame vartotojų, kurie svetaines peržiūri iš išmaniųjų telefonų ir planšetinių kompiuterių, skaičius, bet ir reitingavimas paieškos sistemų lygmeniu.

Google oficialiai paskelbė apie šio faktoriaus įtaką svetainės pozicijai 2015-04-21. Visai neseniai „Yandex“ tinklaraštyje pasirodė informacija apie. Algoritmas, kuriame atsižvelgiama į svetainės atvaizdavimo mobiliuosiuose įrenginiuose patogumą, vadinosi „Vladivostokas“ ir, anot „Yandex“ atstovų, Rusijoje jau aktyviai diegiamas.

Svetainių pritaikymo prie mobiliojo ryšio vartotojų poreikių svarba auga ir didės ateityje. Pritaikymas mobiliesiems atsispindės ir lankytojų konversijose, ir puslapių reitinguose Paieškos rezultatai. Bet kaip žinoti, ar jūsų projektas atitinka šiuos reikalavimus? Kaip nustatyti, ar svetainė pritaikyta mobiliesiems visomis detalėmis? Apie tai kalbėsime šiandienos apžvalgoje.

Ar svetainė pritaikyta mobiliesiems?

Pirmasis diagnostikos etapas – pačiam atidaryti svetainę mobiliuosiuose įrenginiuose. Tačiau net ir čia viskas nėra taip paprasta, kaip gali atrodyti, nes tam tikros prisitaikymo problemos gali pasireikšti tik tam tikrose naršyklėse ir tam tikro dydžio ekranuose. Dėl šios priežasties rekomenduojame išbandyti:

• išmaniajame telefone su vertikalia ekrano orientacija (įskaitant siaurus apie 300 pikselių pločio ekranus);
• išmaniajame telefone su horizontali orientacija ekranas (nuo 480 pikselių pločio);
• planšetiniuose kompiuteriuose su vertikalia ir horizontalia ekrano orientacija (nuo 768 pikselių pločio).

Natūralu išbandyti svetainę skirtingi įrenginiai ne visada nepatogu. Jei tik todėl, kad po ranka gali būti ne visi tam reikalingi įtaisai. Šią problemą galite išspręsti naudodami įvairius mobiliojo ekrano emuliatorius. Tačiau nebūtina susisiekti su trečiosios šalies paslauga: panašus emuliatorius yra iš anksto įdiegtas „Google Chrome“. Norėdami juo naudotis, tiesiog atidarykite dominančią svetainę, paspauskite F12 (skambinkite į kūrėjo pultą) ir spustelėkite piktogramą su mobiliojo telefono atvaizdu:

Labai svarbu atsižvelgti į mobiliųjų naršyklių ypatybes, nes jos taip pat gali turėti savo ypatybių. Atliekant bandymą svarbu peržiūrėti svetainę:

• iš anksto įdiegta Android OS naršyklė;
• „Google Chrome“ mobiliesiems telefonams;
• „greitos“ naršyklės – pavyzdžiui, „Opera Mini“ arba „UC Browser“;
• „Safari“ (pavyzdžiui, „iPhone“).

Kaip paieškos sistemos mato jūsų svetainę?

Pirmas automatinis patikrinimas, kurią verta pereiti, jei domitės savo svetainės pritaikomumo problema, yra mobiliesiems pritaikytas google testas. Šis įrankis yra gana paprastas ir suteikia nedviprasmišką sprendimą dėl puslapio optimizavimo mobiliesiems įrenginiams. Ir jei atsakymas yra neigiamas, tai beveik neabejotina, kad svetainė yra nepatogi mažiems ekranams ir Google algoritmų lygiu – su visomis iš to išplaukiančiomis pasekmėmis.

Jei yra pretenzijų dėl turinio formatavimo išmaniųjų telefonų ekranuose, jie bus pateikti čia. Tai leis greitai diagnozuoti konkrečias ekrano problemas ir iškart jas spręsti:

Atkreipkite dėmesį: svetainės ekrano kopija mobiliojo telefono ekranas nuskaitymo rezultatuose gali neatitikti taip, kaip matote savo išmaniajame telefone. Dažniausiai taip nutinka dėl to, kad mobiliesiems pritaikymo teste dalyvauja tik paieškos sistemos indeksuoti failai, o stiliaus failai (css) ir scenarijai (js) dažnai uždaromi indeksavimui robots.txt lygiu. Beje, vadovaujantis naujausiomis Google rekomendacijomis, jie turėtų būti matomi paieškos sistemoms.

Svetainės optimizavimas mobiliesiems įrenginiams Google ir Yandex žiniatinklio valdytojo biure

Svarbu pažymėti, kad informacijos apie tai, kaip svetainė atitinka paieškos sistemų idėjas apie patogumą rodyti mobiliuosiuose įrenginiuose, galite gauti žiniatinklio valdytojų kabinetuose - Google Search Console ir „Yandex.Webmaster“ (kol kas tik naujos paskyros beta versijoje).

Google Search Console rezultatai dabartinis čekis puslapiai pasiekiami čia: Paieškos srautas => Žiūrimumas mobiliuosiuose įrenginiuose. Šis puslapis dubliuoja informaciją, kurią galime gauti naudodami mobiliesiems pritaikytą testą, tačiau ji pateikiama visiems indeksuotiems svetainės puslapiams, nes juos tikrina „Google“ robotai:

Naujajame „Yandex“ žiniatinklio valdytojo biure masinės dabartinės patikros duomenys dar nerodomi. Vietoj to galite rasti įrankį, panašų į „Google“ mobiliesiems pritaikytą testą. Su juo galite rankiniu būdu patikrinti, ar paieškos sistemos algoritmai laiko konkretų puslapį patogiu peržiūrėti išmaniuosiuose telefonuose.

P.S.

Tai, kaip svetainę ir jos pritaikomumą suvokia paieškos sistemos, yra nepaprastai svarbus klausimas, tačiau ne mažiau svarbi yra ir vartotojo patirtis. Taigi, pagal formalius požymius, puslapis gali visiškai atitikti žiūrėjimo patogumui mobiliuosiuose įrenginiuose keliamus reikalavimus, tačiau realiai – „gyviems“ vartotojams – toks patogumas kels abejonių. Tiesioginis to rezultatas yra mažesnis konversijų skaičius, prarasti pardavimai, blogiau elgesio veiksniai(o tai savo ruožtu taip pat turi įtakos reitingams).

Kitame šio ciklo straipsnyje po savaitės papasakosime, kaip svetainę pamatyti jos lankytojų akimis, kaip rasti „kliūtis“ mobiliajame ekrane ir kokiais kriterijais vadovautis vertinant jos patogumą.

išvadas

Svetainės peržiūros paprastumas mobiliuosiuose įrenginiuose tampa vis svarbesnis tiek konversijos, tiek paieškos reitingą puslapių.

Pirmas žingsnis siekiant įvertinti svetainės pritaikomumą – testavimas skirtinguose ekranuose ir skirtingose ​​mobiliosiose naršyklėse.

Išsiaiškinti, kaip paieškos sistemos vertina svetainės atvaizdavimo mobiliuosiuose įrenginiuose patogumą, padės „Google“ pritaikymo mobiliesiems testas, taip pat atitinkamas funkcionalumas žiniatinklio valdytojo kabinetuose (Google Search Console ir naujas biurasžiniatinklio valdytojas „Yandex“).

2015-09-11 8204 4 Denisas Abdullinas

Reaktyvus dizainas nėra lengvas nauja tendencija ir tam tikru mastu būtinybė. Dabar rusiškos svetainės kuriamos taip, kad gerai, gražiai ir patogiai atrodytų bet kuriame ekrane.

Dalinamės su jumis paslaugų sąrašu internete svetainės reagavimo patikrinimas. Skirtingai nuo kitų tinklaraščių, mes teikiame tik geriausias paslaugas.

Atkreipiu dėmesį, kad oficialioje uCoz šablonų parduotuvėje visos temos reaguoja, nes. tai yra viena iš pagrindinių sąlygų skelbti šabloną pardavimui.

Screenfly – svetainės pritaikymo tikrinimas pasirenkant įrenginį

„Screenfly“ užima pirmąją vietą, nes turi populiarių ekrano dydžių sąrašą Mobilieji telefonai, išmanieji telefonai, nešiojamieji kompiuteriai ir staliniai kompiuteriai. Žinoma, galite nustatyti savo matmenis ir pamatyti, taip pat galima peržiūrėti svetainę per tarpinį serverį, įjungti ir išjungti slinkimą.

Mattkersley – visi dydžiai viename puslapyje

Projektas geras tuo, kad įvedate nuorodą į savo svetainę ir ji įkelia ją į visus puslapyje esančius rėmelius. Galite iš karto išbandyti svetainę naudodami 5 dydžius. Yra 2 režimai: tiesiog patikrinkite plotį arba parodykite įrenginių pavadinimus ir jų aukštį.

Responsive.is – atsako testas keliuose įrenginiuose

Gera ir patogi paslauga, tačiau svetainę galite patikrinti tik 5 įrenginiuose. Palyginti su ankstesnėmis paslaugomis, tai labai maža. Tiems vartotojams, kurie pasimeta visuose šiuose dydžiuose, jie čia net nėra išvardyti, rodomos tik įrenginio piktogramos.

Asmeniškai aš tokiomis paslaugomis nesinaudoju, bet tiesiog sumažinkite naršyklės plotį. Be to, svetainės pritaikymo tikrinimo paslaugos atlieka tą patį, geriau žiūrėti savo projektą tikruose įrenginiuose, standartiškai Android naršyklės ir „Safari“ „iPhone“.

Yra ir kitų paslaugų, įskaitant rusų kalba. Iš pradžių norėjome atnešti būtent jas, bet jie tiesiog nukopijavo aukščiau išvardintas svetaines, esamas tekstas buvo tiesiog išverstas, tiesiog vietoj, pavyzdžiui, „Telefonas“ matysite „Telefonas“.