Kuinka tarkistaa sivuston mobiiliversio? Mobiililaitteiden testaamiseen käytettävät tavat
Mobiiliversion kehittäminen sivustolla ei ole vainmahdolliset kehittäjät, lisäkustannukset (tai tulot, jos puhumme urakoitsijoista) ja resurssin kävijöiden hoito. Googlen edustajien viimeisimpien lausuntojen 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 olla mobiili" ja vakuutti, että mobiililaitteiden käyttäjiä varten toimiminen merkitsee mobiiliversioita hakutuloksissa ja mieluummin sopeutuvista sivuista.
Joten kehittäjät ovat pakollisiaOn tarpeen mukauttaa älypuhelinten sivustoja ja tarkistaa resurssien näytön huollettavuus. Muussa tapauksessa pian voit odottaa huomattavaa liikenteen menetystä ja siksi potentiaalisia asiakkaita, koska uudet algoritmit toimivat Googlelta ja "Yandex": stä. Voit tarkistaa sivuston mobiiliversion eri tavoin: muokkaamalla selainikkunaa vaihtaessasi kehittäjätilaan käyttämällä mobiililaitteiden emulaattoreita tai verkkopalveluita.
Sivuston ystävällisyys mobiililaitteille
Sopeutuvuutta mobiililaitteisiin arvioidaan eri parametreilla. On tärkeää tarkistaa sivuston mobiiliversio paitsi oikean näytön kannalta, on syytä harkita muita tekijöitä:
- animaation puute, "raskas" muotoilu ja kuvat;
- resurssien latausnopeus (pitäisi olla minimaalinen);
- ei tarvitse horisontaalista rullausta;
- Silverlight-laajennusten ja Java-applettien puuttuminen;
- yksinkertainen sivuston navigointi;
- meta-tag-näkymäportti on tallennettu koodiin.
Jos edellä mainitut ehdot täyttyvät, algoritmityleisimmät hakukoneet tunnistavat web-sivun mobiiliystävällisiksi ja lisäävät sivuston altistumista resursseille, joita ei ole mukautettu.
Todellinen testaus mobiililaitteissa
Kätevin tapa testata mobiiliversiotasivusto todellisissa älypuhelimissa. Tämä menetelmä mahdollistaa testien suorittamisen todellisissa olosuhteissa. Ihannetapauksessa verkkoresurssin tarkistaminen on parempaa useilla laitteilla, mutta jos projektin budjetissa ei edellytetä useiden älypuhelinten hankkimista suosituimmista malleista, riittää, että niillä on Android- tai Apple-laitteet.
Selainikkunan koon muuttaminen
Yksinkertaisin mutta ei optimaalinentarkistaa 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, onko sivustossa mobiiliversiota. Mutta kartoituksen oikeellisuutta (teknologian kannalta) ei todennäköisesti arvioida.
Siirry selaimessa kehittäjätilaan
Parempi tapa testata matkaviestintäSivuston versio (Google tai Yandex samoin kuin muut hakukoneet korostavat sopeutuvuutta luettelossa tärkeimmistä sijoittajan vaikuttavista tekijöistä) on siirtyä selaimessa kehittäjätilaan. Menetelmä toimii samalla tavalla useilla selaimilla:
- mozilla: Voit siirtyä kehittäjätilaan valitsemalla vaihtoehto "Adaptive design" "Development" -valikossa. painamalla Ctrl + Shift + M; klikkaamalla web-kehittäjän työkalupalkin Adaptive design mode -nappia.
- Chrome: siirry mobiililaitteeseen painamalla F12-toimintonäppäintä ja valitse sitten mobiiliversion kuvake (älypuhelin, joka tulee näkyviin tulevan ikkunan vasempaan yläkulmaan).
Opera, siirry kehittäjätilaan vahvistusta vartenmobiiliversio tehdään painamalla Ctrl + Shift + i -näppäintä, mutta on toinen tapa. Selaimen erityisversio - Opera Mobile Classic Emulator - mahdollistaa erilaisen mobiilisuunnittelun. Ohjelman versiot ovat olemassa pää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.
Tällaiset työkalut toistuvat melko tarkastiverkkosivusto, koska se näyttää mobiililaitteilta: eniten esiasetetut ohjelmat ovat mobiililaitteiden selainversioita. Emulaattorit eivät kuitenkaan ota huomioon latausnopeutta ja muita vivahteita, joita voidaan havaita reaaliolosuhteissa.
Tarkista, että jokin edellä mainituista ohjelmista asennetaan tietokoneelle ja avaa sivusto emulaattorilta.
Mobile Design Verification Web Services
On helpompi tarkistaamobiiliversio sivustosta. Esimerkiksi online-palvelun Responsinatorin avulla voit arvioida mobiililaitteiden resurssin oikeellisuutta ja käyttökokemusta sivuston käyttämisestä. Resurssi näyttää sivuston, koska se näkyy kuudessa eri Android- tai Apple-laitteessa ja useissa suunnissa.
Tarkista matkapuhelimen verkkosivun optimointi
Muut resurssit mobiililaitteiden tarkistamiseksisivuston versio, lisäksi arvioi sopeutumiskykyä, eikä vain näytä, miten sivusto tarkastelisi eri laitteita. Parhaiten arvostetut palvelut: Google Mobile Friendly ja Yandex WebMaster (verkkosivujen tarkistaminen). Mobiililaitteiden sivuston optimointia arvioi myös Bing-tarkistaja tai esimerkiksi W3C: n Mobile Checker.
Kaikki tämä vaaditaan verkkovastaavalta arvioitaessaversio verkkopalveluja käyttävistä mobiililaitteista, joten tämä on resurssin osoite ja odottaa analyysiä. Suurin osa edellä mainituista palveluista tarkistaa optimointiparametrien optimoinnin mobiililaitteille, jotka on lueteltu edellä.
Joten arvioi resurssien resurssien sopeutumiskykyämonista tavoista: kokeilemalla todellisissa älypuhelimissa, tablet-laitteissa tai muissa mobiililaitteissa tai verkkoselainikkunan kokoa muuttamalla, tarkistamalla emulaattoreita tai verkkoselainten kehitysmoodissa ja päättämällä Yandexin ja Googlen palveluiden avulla. Sivuston mobiiliversiota on helppo tarkistaa kattavasti ja sen avulla voit tehdä tarvittavat muokkaukset ja parantaa sivuston sijaintia hakutuloksissa.