Kuinka tarkistaa sivuston mobiiliversio? Mobiililaitteiden testaamiseen käytettävät tavat

Sivuston mobiiliversion kehittäminen ei ole vain kehittäjien mahdollinen hymiö, lisäkustannuserä (tai tulot, jos puhumme urakoitsijoista) ja resurssin kävijöiden hoito. Googlen edustajien uusimpien ilmoitusten mukaan sivustot, jotka eivät täytä mukautuvan suunnittelun vaatimuksia, pessimisoidaan mobiililaitteiden etsinnässä. Kotimaisen hakukoneen Yandex antoi myös suosituksia "Kuinka tärkeää on liikkua" ja vakuutti, että mobiililaitteiden käyttäjien mukavuuden vuoksi merkitsevät hakukoneiden tuottamat mobiiliversiot ja mieluummin mukautuvat sivut.

Kehittäjien on sopeuduttava älypuhelimien sivustoihin ja tarkistettava resurssinäytön huollettavuus. Muussa tapauksessa lähitulevaisuudessa voit odottaa huomattavaa liikenteen menetystä ja siten potentiaalisia asiakkaita, koska uusia algoritmeja Googlen ja Yandexin töistä on jo käytössä. Voit tarkistaa sivuston mobiiliversion eri tavoin: muokkaamalla selainikkunaa vaihtaessasi kehittäjätilaan käyttämällä mobiililaitteen emulaattoreita tai verkkopalveluita.

Sivuston ystävällisyys mobiililaitteille

Adaptiivisuutta mobiililaitteille arvioidaan eri parametreilla. On tärkeää tarkistaa sivuston mobiiliversio paitsi oikean näytön kannalta myös muiden tekijöiden huomioon ottamiseksi:

• Animaation puute, "raskas" muotoilu ja kuvat;
• Resurssien latausnopeus (pitäisi olla minimaalinen);
• Ei tarvitse horisontaalista rullausta;
• Silverlight-laajennusten ja Java-sovelmien puuttuminen;
• Helppo sivuston navigointi;
• Meta-tag-näkymäportti on rekisteröity kenttään.

Jos luetellut ehdot täyttyvät, yleisten hakukoneiden algoritmit tunnistavat web-sivun mobiiliystävällisiksi ja lisäävät sivuston sijaintia liikkeessä suhteessa resursseihin, joita ei ole mukautettu.

Todellinen testaus mobiililaitteissa

On kätevää testata sivuston mobiiliversiota todellisissa älypuhelimissa. Tämä menetelmä mahdollistaa testien suorittamisen todellisissa olosuhteissa. Ihannetapauksessa on parempi tarkistaa verkkosivustojen resurssit useilla laitteilla, mutta jos projektin budjettiin ei sisälly useimpien suosituimpien mallien älypuhelinten hankintakustannukset, riittää, että laitteisiin perustuvat Android- tai Apple-laitteet.

Selaimen ikkunan koon muuttaminen

Yksinkertaisin, mutta ei optimaalinen testauksen kannalta, on muuttaa selainikkunaa. Jos sivu on tehty mukautuvan suunnittelustekniikan avulla , voit tarkistaa sivuston mobiiliversion tällä tavalla. Mutta niissä tapauksissa, joissa erillistä mallia käytetään, resurssin on osoitettava selvästi, että käyttäjä on tullut älypuhelimesta, tablet-laitteesta tai muusta mobiililaitteesta. Joten tällä menetelmällä voit tarkistaa sivuston mobiiliversion saatavuuden. Mutta kartoituksen oikeellisuutta (teknologian kannalta) ei todennäköisesti arvioida.

Vaihda kehittäjätilaan selaimessa

Optimaalisempi tapa tarkistaa sivuston mobiiliversio (Google tai Yandex sekä muut hakukoneet, korosta sopeutuvuutta luettelossa tärkeimmistä sijoittajia koskevista tekijöistä) on siirtyä selaimessa kehittäjätilaan. Menetelmä toimii samalla tavalla useilla selaimilla:

• Mozilla: Voit siirtyä kehittäjätilaan valitsemalla vaihtoehto "Adaptive design" "Kehitys" -valikosta. Painamalla Ctrl + Shift + M; Napsauttamalla "Adaptive design mode" -painiketta web-kehittäjän työkalupalkissa;
• Chrome: siirry mobiililaitteeseen painamalla F12- toimintonäppäintä ja valitse mobiiliversion kuvake (älypuhelin, joka näkyy ikkunan vasemmassa yläkulmassa).

Opera-ohjelmassa siirryt kehittäjätilaan mobiiliversion tarkistamiseksi painamalla Ctrl + Shift + i, mutta on toinen tapa. Selaimen erikoisversio - Opera Mobile Classic Emulator - mahdollistaa erilaisen mobiilisuunnittelun. Ohjelman versiot ovat tärkeimmissä käyttöjärjestelmissä.

Mobiililaitteiden emulaattorit: Android Studio ja Apple Xcode

Voit tarkistaa sivuston mobiiliversion ("Yandex" ja Google) käyttämällä mobiililaitteiden emulaattoreita, jotka Android ja Apple ovat vastaavasti Android Studio tai Apple Xcode.

Nämä työkalut toistavat tarkasti sivuston siinä muodossa kuin se näyttää mobiililaitteille: ohjelmat esiasennetaan mobiililaitteiden yleisimmät selainten versiot. Kuitenkin emulaattorit eivät ota huomioon latausnopeutta ja muita vivahteita, joita voidaan havaita todellisissa olosuhteissa.

Tarkista, että jokin edellä mainituista ohjelmista asennetaan tietokoneeseen ja avaa sivusto emulaattorilta.

Web-palveluiden testaus Mobile Design

On myös helpompi tarkistaa sivuston mobiiliversio. Esimerkiksi Responsinator-verkkopalvelun avulla voit arvioida mobiililaitteiden resurssinäytön oikeellisuutta ja käyttää sivuston käyttöä käyttäjän puolella. Resurssi näyttää sivuston, koska se näkyy kuudessa eri Android- tai Apple-pohjaisessa laitteessa ja useissa suunnissa.

Vahvista verkkosivun optimointi mobiililaitteille

Muut resurssit, joiden avulla voit tarkistaa sivuston mobiiliversiota, lisäksi arvioida sopeutumiskykyä, eikä vain näytä, mitä sivusto näyttää eri laitteilla. Todennäköisimmät palvelut: Google Mobile Friendly ja "Yandex WebMaster" (verkkosivujen tarkistaminen). Arvioida sivuston optimointia mobiililaitteille on myös keino tarkistaa Bing tai esimerkiksi Mobile Checker W3C: stä.

Kaikki, mitä webmasterilta vaaditaan arvioitaessa mobiilisivuston versiota verkkopalveluiden avulla, on syöttää resurssin osoite ja odottaa, että analyysi loppuu. Suurin osa edellä mainituista palveluista testaa edellä lueteltujen mobiililaitteiden ystävällisyysasetusten optimointia.

Voit siis arvioida verkkosisällön mukautuvuutta useilla eri tavoilla: aloittaessasi testiä todellisissa älypuhelimissa, tablet-laitteissa tai muissa mobiililaitteissa tai pienentämällä web-selainikkunaa, tarkistamalla emulaattoreita tai verkkoselainten kehittäjätilaan ja päättämällä palveluiden käyttämisestä "Yandex" -palvelusta ja "Google." Sivuston mobiiliversion tarkistaminen on täysin yksinkertaista ja tämä mahdollistaa tarvittavien muokkausten tekemisen ja sivuston sijainnin parantamisen hakutuloksissa.