Arvutid ja kaasaegsed vidinad

See on saidi täiendav lihtsustatud versioon, mis asub tavaliselt alamdomeenil eesliitega "m" (näiteks m.site).

Nagu tahvelarvutitel olevalt pildilt näha, siis telefonidele mõeldud versioon ka avab ja venitab laiusesse, sest tahvel on peaaegu väga-väga lai nutitelefon 🙂

Väliselt ja stiililiselt saab seda muidugi teha põhisaidiks (et ei jääks tunnet, et oled sattunud mõnele teisele lehele): samad värvid, fondid, elemendid. Kuid struktuur võib olla radikaalselt erinev ja enamasti on see nii. Vaevalt, et keegi telefoni teel endale korterit valib või autot otsib või pangast laenu taotleb. Lõppude lõpuks on see ebamugav, ekraan on väike (võrreldes sülearvuti või arvutiga). Kuid lähimate sularahaautomaatide või pizzeria aadressi leidmine on vastupidine. Seetõttu on mobiiliversioonid tehtud väga lihtsustatult, ilma keeruliste kalkulaatoriteta, kahe või enama sarnase toote tohutute võrdlustabeliteta. Eemaldage kõik kõige keerulisemad ja lihtsustage juurdepääsu kontaktidele, töörežiimile ja nii edasi.

Eelised

  • Kuna see on saidi lisaversioon, laaditakse see eraldi (st põhisaiti ei laadita). Ja veel kord kordan: reeglina on see oluliselt lihtsustatud. Seetõttu laadib see adaptiivse suhtes kiiresti.
  • Mobiiliversiooni toetamine on üsna lihtne: muudatused ja täiustused ei puuduta arvuteid.

Puudused

  • Avaldan disainerina kohe oma tahvelarvutite “tasu”: nutitelefonidele mõeldud laiusesse venitatud versioon näeb neil kohutav välja. Ei, noh, sa võid seda muidugi kasutada. Kuid selles osas jooksis adaptiivne üsna kaugele.
  • Kõik see on SEO optimeerimise jaoks äärmiselt ebamugav. Kaks aadressi – põhisait ja mobiiliversioon – tähendavad, et sisu dubleeritakse.

Mobiilikasutajate osakaal kasvab ühtlases tempos: 2014. aasta lõpus ületas nende arv veebis esimest korda lauaarvutite kasutajate arvu. Rohkem kui 10 miljonit inimest pääseb Internetti AINULT mobiilseadmete kaudu. Ja see kõik toimub praegu Venemaal.

Kas teil on endiselt kahtlusi, kas vajate mobiilisaiti? Asume siis asja kallale.

Selle artikli eesmärk on tutvustada teile responsiivsete veebisaitide ja mobiilirakenduste arendamise põhiterminoloogiat ning aidata teil välja selgitada, millised meetodid teile sobivad.

Niisiis, loetleme peamised viisid, kuidas muuta oma teenused mobiilsetele vaatajaskondadele kättesaadavamaks.

Kohanduv (tundlik) disain (ingl. adaptiivne / reageeriv)

Mõistete “adaptiivne” ja “reagatiivne” erinevuste teemal on palju Interneti-koopiaid purunenud ja selle kohta saate kirjutada rohkem kui ühe artikli, kuid terve esseekogu. Üldiselt on olemus järgmine: mõlemad mõisted viitavad saidi võimele kohaneda erinevate seadmete ekraanidega ja kuvatakse ühtviisi hästi nii laiatel monitoridel kui ka tahvelarvutites või mobiiltelefonides. Kuid "tundliku disaini" mõiste on mõnevõrra laiem ja sisaldab "tundlikku disaini". Seetõttu viitame edaspidi sellistele saitidele nagu kohanemisvõimeline.

Kohanemisvõime saavutatakse järgmiste tööriistade abil:

Kohanemisvõime näite leiate meie veebisaidi veebisaidilt. Alustage brauseriakna kitsendamist ja näete, kuidas ülemine menüü esmalt kahaneb, kohandudes akna suurusega, ja seejärel peidab end täielikult nn hamburgeri ikooni sisse. Näete sarnast kuva, kui avate meie veebisaiti mobiilseadmest.

Seega, kasutades adaptiivset disaini, saame veebilehe, mida on sama mugav kasutada igast seadmest. See on muidugi ideaalne, sest kui saidil on keeruline funktsionaalsus, on seda keeruline väikese mobiiliekraani raamidesse mahutada.

Vaatamata asjaolule, et mobiilseadme kasutajale võidakse näidata põhisaidi kärbitud versiooni, laadib brauser lehe täismahus: kõik tekstid, pildid ja skriptid, seega võib laadimisaeg olla üsna pikk, mis on puuduseks. kohanduvatest saitidest.

Eraldi mobiilisait

Selle asemel, et muuta oma sait kummitundlikuks, saate luua mobiilseadmete jaoks mõeldud eraldi versiooni. Olete selle meetodi näiteid näinud kümneid kordi. See näeb välja selline - põhisaidil on link "Mine saidi mobiiliversioonile".

See link avab eraldi saidi, millel on erinev URL, näiteks m.vk.com Vkontakte jaoks. Samuti on tavaline, et põhisait on konfigureeritud nii, et kõik mobiilikasutajad suunatakse automaatselt ümber mobiilisaidile.

Sellise saidi eripära on see, et see on mobiilseadmetes töötamise mugavuse jaoks maksimaalselt kohandatud: lehtede kaal on tihendatud, kõik mittevajalikud elemendid eemaldatakse. Mobiilikasutajatele on palju mugavam saada teie kohta vajalikku teavet ja esitada tellimus.

Pange tähele, et mobiiliveebisaidi loomiseks ei pea te programmeerimist mitu kuud õppima. Nüüd on palju teenuseid, mis võimaldavad teil poole tunniga saidi mobiiliversiooni luua. Kui soovid näiteks oma visiitkaardiga veebisaiti mobiilisõbralikuks muuta, siis suure tõenäosusega on selline mobiiliveebi koostaja kõik, mida vajad. Samuti pakuvad saidikonstruktori mobiiliversiooni teenust paljud hosterid, üksikasjaliku teabe saamiseks võtke ühendust oma hostimise toega.

Mobiilisaidi miinuseks võib olla see, et tegelikult tuleb ülal pidada kahte saiti ja teha kõik olulised muudatused kaks korda. Siiski võite veenduda, et mõlemad saidid on ühendatud samast andmebaasist ja kõik peamise teisendused viiakse läbi mobiilses, nii et mobiiliversiooni väljatöötamisel või konstruktori ostmisel on parem seda punkti selgitada.

Mobiilirakendus

Mobiilirakendus ei ole veebisait, vaid programm, mis installitakse kasutaja mobiilseadmesse. See selgitab selle lähenemisviisi peamisi plusse ja miinuseid.

Programm installitakse otse teie kasutaja telefoni / tahvelarvutisse, mis tähendab, et ta saab rakendusse siseneda ka ilma Interneti-juurdepääsuta, samuti saab kasutada tuttavat liidest ja kõiki oma seadme funktsioone.

Samal ajal on see miinus, kuna mitte iga kasutaja ei soovi mõne minuti toimingu tegemiseks rakendust installida. Või saab klient kohe pärast vajaliku teabe saamist selle kustutada.

Mobiilirakenduse arendamine on väga aeganõudev ja rahaliselt kulukas protsess. Veebisaidid on platvormidevahelised ja mobiilirakendused tuleb luua iga platvormi jaoks eraldi (iOS, Android, Windows Phone).

Muidugi on olemas spetsiaalsed tööriistad, mis lihtsustavad rakenduste loomist ja võimaldavad portida selle korraga kõikidele suurematele platvormidele, näiteks Phonegap, Ionic, jQuery Mobile. Kuid igal juhul peate rakenduse arendamiseks ja värskendamiseks ühendust võtma spetsialistidega.

Millal vajate mobiilirakendust? Tõenäoliselt siis, kui saate pakkuda kasutajale midagi, mis on talle kasulik ja huvitab teda pikka aega. Näiteks kui olete psühholoog, võite luua rakenduse nimega "Teie taskupsühholoog", mis sisaldab artikleid, teste, vastuseid küsimustele ja milles kasutaja veedab produktiivset aega.

Küsimus on selles, millist tulemust soovite rakendusest saada. Psühholoogi puhul on see pigem klientide lojaalsuse kasv ja potentsiaalsete ostjate lihtsam ümbersuunamine reaalseteks; kui rakendus neile meeldib, usaldavad nad tõenäoliselt psühholoogi rohkem ja tulevad tema juurde konsultatsioonile.

Kui projekt hõlmab kasutajate otsesuhtlust, siis oleks hea valik nii mobiiliversioon kui ka mobiilirakendus, kuid see on raske ja rahaliselt kulukas projekt.

Kui projekt on informatiivne, näiteks ajaveeb või uudisteportaal, siis sobib selle jaoks pigem tavaline adaptiivne paigutus.

Teadliku otsuse tegemiseks selle kohta, kas teie sait vajab mobiilsust ja millist valikut valida, peaksite vähemalt uurima veebianalüütika andmeid ja välja selgitama, kui suur protsent teie kasutajatest tavaliselt mobiilseadmeid kasutades teie saidile siseneb.

95% juhtudest piisab kohanemisvõimest või saidi mobiiliversioonist. Uue saidi loomisel tasub valida kohanemisvõime, olemasoleva mobiliseerimisel on sageli kiirem ja lihtsam välja töötada alternatiivne mobiilivõimalus.

Nii tõsist teemat ei saa ühes artiklis käsitleda, kuid proovisime põhiteavet rääkida. Küsige julgelt küsimusi kommentaarides, vastame neile üksikasjalikult.

Kui olete juba otsustanud, et teie sait tuleb "mobiliseerida", kirjutage meie tugiteenusele ja me ütleme teile, milline variant sobib teile kõige paremini ja kui palju see maksab.

P.S. Keda huvitab mobiilikasutajatega töötamise teema, kutsume teid 16. juulil meistriklassi "

Otsingureklaami hind ja selle tulemus sõltuvad sellest, kuidas me saiti mobiilseadmete jaoks kohandame.

Järjehoidjate juurde

Ashmanov & Partnersi optimeerija Dmitri Mrachkovsky rääkis, kuidas valida adaptiivse ja mobiilse saidi vahel ning milliste mitteilmsete probleemidega te kokku puutute.

Reageerivate ja mobiilsete veebisaitide eelised

Raske on üheselt vastata küsimusele, milline nutitelefonide ja tahvelarvutite kohandamistehnoloogia on SEO seisukohalt tõhusam. Isegi suurte tegijate seas ei märganud ma eelist mõne otsuse kasuks. M.Video, DNS, Wildberries, Aviasales kasutavad adaptiivset paigutust ning Lamoda, 220 Volt, Ulmart, Yandex.Market kasutavad mobiilisaite. Kuid vaatame, millist kasu saavad esimene ja teine.

Saidi "M.Video" ja saidi mobiiliversiooni "220 volti" kohandatav paigutus

Tundlik paigutus aitab teha ilma eraldi mobiiliversiooni arendamata. Sellel on eelised:

  • Me ei vaja mobiilseadmetes kuvamiseks eraldi lehestruktuuri. Piisab saidi töölauaversiooni parandamisest CSS-i abil.
  • Laua- ja mobiiliversioonide puhul kasutatakse ühte URL-i. Seetõttu ei dubleerita saidi sisu, lehed ei konkureeri omavahel ning reklaamitöö mõjutab asetust lauaarvutite ja mobiiliotsingutes.

Mobiiliversioon on kulukam ja paindlikum lahendus. Seda saab muuta põhisaiti mõjutamata. See annab teile järgmised eelised:

  • Mobiilisaidi saab muuta võimalikult lihtsaks ja kiireks laadimiseks, eemaldades koodi tasemel mittevajalikud funktsioonid.
  • Liidest saab mobiilikasutajate jaoks täiustada, lisades funktsioone, mis saidi töölauaversioonil saadaval polnud.
  • Kasutaja saab soovi korral alati mobiilseadmes saidi põhiversioonile lülituda.

Tahan mainida veel üht tehnoloogiat – RESS. See näitab kasutajale olenevalt seadmest laua- või mobiilimalli, kuid lehe URL ei muutu. RESS ühendab endas ülalkirjeldatud adaptiivse ja mobiilse versiooni eelised. Kuid sellel on ka kaks puudust: keeruline ja kallis rakendamine ning vead haruldaste ja ebapopulaarsete telefonimudelite tuvastamisel.

Probleemid tundliku paigutusega

Responsive on ökonoomne ja mugav lahendus, kuid otsingu edendamise osas on sellel mitmeid lõkse.

Adaptiivse väärtõlgendus

Mõned rakendavad adaptiivset paigutust valesti ja kuvavad koodis ühel lehel korraga kahte malli – lauaarvuti ja mobiili. Olenevalt kasutaja seadmest jääb soovitud osa koodist nähtavaks, ülejäänud aga peidetakse ekraani abil: none . See tõstatab kolm probleemi:

  1. Kõik sisuelemendid laaditakse kaks korda: tekstid, pildid, H1 ja H6 pealkirjad, leivad, seotud ja esiletoodud tooted jne. Ja otsingumootoritele tõesti ei meeldi duplikaadid.
  2. Kasutamata sisu osad peidetakse CSS-iga. Otsingumootorite arvamus selles küsimuses on mitmetähenduslik. Google teatas, et eirab peidetud plokkide sisu ja Yandex – et võtab arvesse kogu lehe sisu. Enamik SEO eksperte nõustub, et selline skeem tekitab karistamise ohu.
  3. Kood dubleeritakse ja sait laaditakse aeglasemalt.

Selline teostus on vale lähenemine RESS-tehnoloogiale.

Mittevajalike elementide peitmine

Adaptiivse versiooni liidese mugavamaks muutmiseks vabaneb mõni osast funktsionaalsusest: segavad plokid, suured tekstid kataloogikategooriates jne. Kõik üleliigne peidetakse kuva abil: none . Kuid probleem on selles, et lehe laadimiseks kasutatakse kogu koodi ja sait on aeglane. Lisaks, nagu eespool mainitud, suhtuvad otsingumootorid sellisesse sisusse vastuoluliselt – on oht sattuda sanktsioonide alla.

JavaScripti vale kasutamine

Mõned kasutavad JS-i, et vältida tarbetute plokkide kuvamist mobiilseadmetes. Kuid see meetod pole parem kui kuvamine: puudub . On oht, et otsingumootorid ei indekseeri neile mõeldud sisu isegi lauaarvuti versioonis. Otsingumootorid ei taju üldiselt AJAX-i sisu alati õigesti, eriti kui õige indekseerimise tingimused ei ole täidetud.

Miks inimesed kasutavad endiselt reageerivat disaini?

Adaptiivse valikul on tavaliselt kaks peamist eelist: saidi ainult ühe versiooni arendamine ja probleemide puudumine mitme URL-iga.

See on ka mugav lahendus mitmesse piirkonda reklaamimiseks. Keskendume kõik oma jõupingutused ühele domeenile ja saame tulemusi lauaarvuti- ja mobiiliotsingutes. Selleks peate linkima huvipakkuvad piirkonnad saidiga Yandex.Directory.

Ja Google'i jaoks looge leht filiaalide aadressidega, et otsingumootor mõistaks, millistes piirkondades te töötate. Ühe domeeniga adaptiivset paigutust kasutab M.Video väga edukalt. Kauplus on toote-, kategooria- ja teabepäringute mobiili- ja töölauatulemustes kõrgel kohal.

Võite minna ka teist teed pidi – kasutage lehtede teksti asjakohasuse suurendamiseks geo-alamdomeene. Sel juhul määratakse alamdomeenidele nagu spb.site.ru, samara.site.ru, kazan.site.ru piirkonnad Yandex.Webmasteri kaudu ning seejärel määratakse pealkirjad ja metasildid koos toponüümiga. Teine pluss on see, et geo-alamdomeenide jaoks on lihtne seadistada eraldi analüütikat, et jälgida tulemusi piirkondade kaupa. Seda reklaamimeetodit kasutab MediaMarkt.

Probleemid saitide mobiiliversioonidega

Suhteliselt kõrge arenduskulu pole mobiilisaitide ainus puudus. Siin on loetelu vähem ilmsetest probleemidest, millega võite selle tehnoloogia valimisel kokku puutuda.

Topeltreklaamitöö

Mobiilisaiti optimeeritakse ja reklaamitakse põhisaidist eraldi ning see nõuab rohkem ressursse kui adaptiivse puhul. Peate alustama optimeerimist, et mobiiliversioon oleks õigesti indekseeritud ja ei konkureeriks lauaarvuti versiooniga. Selleks linkige need Yandex.Webmasteris ja Search Console'is, määrake õiged rel="alternate" atribuudid, seadistage indekseerimine ja XML-kaardi genereerimine.

Kaos sisu absoluutsete linkide tõttu

Laua- ja mobiilimallid laadivad sisu samast andmebaasist 99% juhtudest. Kui see kasutab absoluutseid linke töölaua saidi siselehele, märkides protokolli ja domeeni, siis kuvatakse need ka mobiililehel. Kui klõpsate lingil, ilmneb üks kahest stsenaariumist:

  • Kui kasutajaagent on defineeritud töölauaversiooni jaoks, avaneb kasutajale lehe mobiiliversioon.
  • Muudel juhtudel näeb kasutaja töölaualehte ja mobiiliversiooni loomise töö on asjatu.

Sel juhul võidakse rikkuda saidi siselingi kaalu. Selle probleemi vältimiseks kasutage oma sisus suhtelisi linke. See tähendab, et atribuudi href jaoks määrake https://site.ru/page/ asemel /page/.

Laua- ja mobiilisaitide sisu ja struktuur võivad erineda. Seetõttu on loogiline vigade vältimiseks otsingus mõlema sisu indekseerida. Google soovitab mobiiliversioonil näidata, et töölauasaidi sisu on kanooniline. Teisalt ütleb otsingumootor, et mittekanooniliste lehtede sisu ei võeta arvesse.

Yandexiga on selles osas kõik selge - see indekseerib eraldi mobiili- ja töölaualehtede sisu. Selleks määra lihtsalt põhiversiooni atribuut rel="alternate" mobiiliversioonile ning lisaks saate seadistada 301 ümbersuunamist töölauaversioonilt mobiiliversioonile, võttes arvesse seadme kasutajaagenti.

Mobile-first indeksi ebaselged nõuded

Mobiilipõhisele registrile üleminekuks valmistumiseks on loogiline valida kanooniliseks leheks saidi mobiiliversioon. Tõsi, soovitustes, mis puudutavad esmalt mobiili, on mõned ebaselgused. Näiteks Google'i juhised ütlevad, et mobiili- ja lauaarvutiversioonide sisu peaks olema sarnane, kuid ei avalda "sarnasuse" määra.

Aga mis siis, kui lauaarvutiotsingus järjestamiseks on vaja teatud sisuplokki, mis on mobiiliversioonis üleliigne, kuid eelisjärjekorras on mobiiliversioon?

Väljavõte Google'i mobiilisaitide indekseerimise juhendist

Väljavõte Google'i aruandest mobiilipõhise indeksi rakendamise kohta

Mõttetu turbolehtede kasutamine

Mõned uuendavad otsingumootoreid valimatult, lootes, et see mõjutab paremusjärjestust. Näiteks Yandexi turbo lehed, mis ei asenda otsingus täisväärtuslikke mobiililehti, sisaldavad väikest osa kasutaja funktsioonidest ja toovad vähem konversioone. Kui teil on kommertssait ja olete mobiiliversiooni kvaliteedis kindel, ärge kiirustage "turbo" rakendamist - isegi artiklite ja arvustustega lehtede puhul.

Väliste linkide mõju vähendamine

Lingid on edetabelis endiselt olulised, eriti Google'i otsingus. Kui meil on mobiili alamdomeen, hakkavad mõned kasutajad sellele sotsiaalvõrgustikes ja foorumites viitama. Ja teine ​​osa kasutab linke saidi põhiaadressile. Selle tulemusena toimivad lingid mobiili- ja lauaarvutiotsingutes vähem kui siis, kui meil oleks üks domeen.

Reklaamimise omadused piirkondades

Eespool rääkisime kahest võimalusest kohanemisvõimet piirkondlikult edendada – kasutades ühte domeeni ja geo-alamdomeene. Kaaluge neid mobiiliversioonide valikuid.

Esimesel juhul reklaamime põhidomeeni ja mobiili alamdomeeni m.site.ru. Igaüks neist peab määrama piirkonnad Yandex.Directory kaudu. Probleem on selles, et mõnikord ei saa saidi mobiiliversiooni iseseisvalt filiaaliga linkida. Peate võtma ühendust tehnilise toega, kuid see ei garanteeri tulemust. Saidi mobiiliversiooni jaoks ei saa luua eraldi organisatsiooni. Seega, kui oksi on palju, võib sidumine võtta kaua aega.

Üldiselt välistame alamdomeenide (nt m.spb.site.ru või spb.m.site.ru) kasutamise. Kuigi näiteks Kholodilnik.ru kasutab seda. Kuid sel juhul peate seadistama adresseerimise kõigi mobiili- ja lauaarvutiversioonide piirkondade vahel, hoidma neid ajakohasena, jälgima muudatusi ja jälgima veebihaldurite teenuseid. See on tohutu töö, mis ei tasu end tõenäoliselt ära.

Mobiili sobivuse kontrolli esitamine

Kui te ei saada Yandex.Webmasterile mobiilisõbralikkuse testimiseks oma saidi optimeeritud versiooni, ei pruugita seda mobiiliotsingu tulemustes ilmuda. Probleem puudutab ka kohanemist. Seda ei juhtu alati, kuid soovitan teil jälgida Webmasteri sõnumeid.

Fragment suhtlusest Yandexi tehnilise toega saidi mobiiliversioonile piirkonna määramise kohta

Miks kasutatakse mobiiliversioone?

Mobiiliversioonide peamised eelised on loomulikult võimalus luua eraldi mall ja suur allalaadimiskiirus. Lisaks on vanadel saitidel lihtsam luua eraldi mobiiliversioon kui rakendada adaptiivset.

Samuti märkisid paljud SEO spetsialistid otsinguliikluse kasvu pärast mobiilisaidi kasutuselevõttu adaptiivse saidi asemel. Kuigi ma ei välista, et kasvu põhjuseks oli nende adaptiivses paigutuses esinenud vead, mis pingerida negatiivselt mõjutasid.

Millist varianti valida

Kui arendate veebisaiti nullist või teil on väike projekt, vaadake adaptiivset paigutust lähemalt. See on säästlikum ja kiirem lahendus. Kuid parem on funktsionaalsust kohe planeerida, et te ei peaks osa saidist tulevikus mobiilseadmetes kuvamise eest varjama.

Kirjutage

Mobiilseadmete buumi tulekuga seisid arendajad valiku ees: kas nad peaksid säilitama oma saitide mobiiliversioonid koos "täisväärtuslike" versioonidega või peaksid saidid muutuma tundlikuks ja kohandama end erinevate ekraanisuurustega?

Praegu on saitide mobiiliversioonide loomisel nende loomiseks kolm peamist viisi:

  • Adaptiivne disain;
  • saidi eraldi mobiiliversioon;
  • RESS (responsive Design + Server Side).
Igal meetodil on oma plussid ja miinused, mida ma püüan üksikasjalikult kirjeldada.

Adaptiivne disain

CSS3 meediapäringuid kasutatakse tavaliselt reageeriva disaini rakendamiseks. Sõltuvalt ekraani suurusest näeb kasutaja teistsugust pilti:

@meediaekraan ja (maksimaalne laius: 1600 pikslit) ( div.näiteks (laius: 1500 pikslit;) ) @meediumiekraan ja (max-laius: 1280 pikslit) ( div.näiteks (laius: 1100 pikslit;) ) @meedia ekraan ja (maksimaalne laius: 1024 pikslit) ( div.näiteks (laius: 980 pikslit;) )

Tundliku disaini eelised
  • Arengu lihtsus - adaptiivse paigutusega kohandub kogu saidi struktuur automaatselt erinevatele ekraanilaiustele. Töötava toote saamiseks pole vaja kõike nullist kirjutada – piisab CSS-i ja HTML-i näppimisest... Arvestades selliste raamistike nagu Bootstrap saadavust, ei ole selline arendus standardse juurutusega kuigi keeruline. Lisaks oleks sellise toote toetamine suhteliselt lihtne ülesanne.
  • Üks URL – säästab meid tarbetutest ümbersuunamistest ja sellest, et kasutaja peab meeles pidama mobiiliversiooni aadressi (isegi kui see on ainult eesliide m.). Samuti mõjutab ühe aadressi olemasolu saidi reklaamimist positiivselt, kuna otsingumootoritel on see "mugavam" töötada.
Responsiivse disaini puudused
  • Mitmesugused ülesanded - Suurte saitide "mobiilsete" kasutajate tüüpilised ülesanded erinevad tavaliselt arvutikasutajate omadest. Kui olete pangaklient, siis tõenäoliselt huvitab teid saidi mobiiliversioonis väga piiratud hulk teavet - lähimate filiaalide, sularahaautomaatide jne aadressid.
    Üldiselt on adaptiivse paigutuse puhul kõige levinum lähenemisviis tavalisest saidist koopia tegemine, kõigi sihtrühma rühmade vajaduste rakendamine telefonide paigutuses. Kuid siis võite kasutatavuse unustada. Viie protsendi külastajate jaoks vajalikud sekundaarsed sektsioonid tekitavad ebamugavusi suuremale osale klientidest.
  • Saitide "kaal" on mobiiltelefonide kasutajatele endiselt tõsine takistus. See tähendab, et mõned lauaarvutisaitidele tüüpilised aktiivsed elemendid, sealhulgas manustatud kaardid, videod, laenukalkulaatorid ja animeeritud menüüd mobiilisaitidel, tuleks asendada kergemate alternatiividega. Kas tundlik disain annab meile selle võime? Populaarses teostuses peab väikese ekraaniga kasutaja laadima kogu lehe, et näha ainult osa sellest. Näiteks kui põhipaigutuse töölauaversioon kaalub 200 Kb ja mobiiliversioon veel 50 Kb, peate selle vaatamiseks alla laadima 250 Kb. Muidugi võite kasutada lehekoodi tihendamist, kuid lisapäringud serverisse lähevad ikkagi.
  • Lootusetus - Mobiiliversiooni üks vaieldamatuid eeliseid: kui see ei meeldi, saate selle välja lülitada ja lülituda tavalisele domeenile. Tundliku disainiga veebisaidid ei paku seda lihtsat, kuid olulist valikut. Kui kohandatud paigutus on ebamugav, lollakas või peidab olulist navigeerimiselementi, jätke see rahule: te ei saa selle uuesti nägemiseks midagi teha. Peate jooksma, et otsida töölaua või konkurendi veebisaiti. Sellest piirangust mööda hiilimiseks võite välja mõelda "kargud" (kasutage küpsiseid ja lisage erinevaid stiililehti). Kuid selline lähenemine raskendab arengut.
Üldiselt on kohanemisvõimelise disainiga mobiiliversiooni väljatöötamise idee ülaltoodud puudustest hoolimata üsna populaarne. Eelkõige toetavad seda kontseptsiooni täielikult sellised hiiglased nagu näiteks Google.

Saidi eraldi mobiiliversioon

Mobiilikasutajatele saidi mugavaks muutmiseks loovad nad sageli ka saitide eraldi versioonid – spetsiaalselt nutitelefoni/tahvelarvutiga kasutajale orienteeritud. Levinuim tava on mobiilikasutajate suunamine spetsiaalsele alamdomeenile (m.example.com, mobile.example.com jne). Tõenäoliselt on 99% juhtudest mobiiliversioon maha võetud põhiversioon - ainult selle funktsionaalsusega, mis on arendajate sõnul mobiilseadmete ja tahvelarvutite kasutajatele vajalik ja kasulik.
Mobiiliversiooni eelised
  • Muutmise lihtsus kuna sait eksisteerib de facto põhiversioonist eraldi, on sellel palju lihtsam teha muudatusi, mis on seotud ainult mobiiliversiooniga, kuna mobiiliversioon ei paku enamasti üleliigseid, mittevajalikke funktsioone.
  • Kasutajasõbralikkus - mobiiliversioon on tavaliselt lauaarvuti versiooniga võrreldes oluliselt lihtsustatud, nii et kasutaja ei pea vajaliku teabe saamiseks kaugele minema.
  • Kiirus - saidi sama lihtsustamise tõttu laaditakse mobiiliversioon kiiremini. See on oluline kasutajatele, kes kasutavad endiselt GPRS-i või nõrka 3G-d.
  • Valik- enamasti on mobiiliversioonis võimalik lülituda saidi põhiversioonile.
Mobiiliversiooni miinused
  • Mitu aadressi -
  • Kasutaja ebamugavused - erinevad aadressid laua- ja mobiiliversioonide jaoks. Mõne jaoks võib see osutuda plussiks, teiste jaoks võib see olla äärmiselt tüütu tegur, kui saidi mugavaks vaatamiseks on vaja meelde jätta veel üks aadress. Probleeme on ka otsingumootoritega: topeltsisu vältimiseks peavad SEO-d kasutama metasilte rel="alternative" ja rel="canonical". Lisaks, kui Google'i mobiiliotsingu kasutaja klõpsab tulemustes lingil, suunatakse ta töölauaversiooni või suunatakse ümber mobiiliversiooni. Kuid kui selle lehe mobiiliversiooni pole olemas, kuvatakse sellel veateade.
  • Piirang – eraldi mobiilisaidi loomine tähendab osast sisust ja funktsionaalsusest vabanemist. Lisaks võib teil olla kaks erinevat sisukomplekti, mis võivad üldist teabepilti negatiivselt mõjutada.

Üldiselt õigustab saitide mobiiliversioonide loomine end üsna hästi, eriti suurte projektide puhul. Näiteks kasutab Amazon saidi spetsiaalset mobiiliversiooni.

RES

Google ise, kuigi ta toetab veebihaldurite tundliku disaini kasutamist, kasutab oma toodetes teistsugust süsteemi. Kui lähete näiteks avalehele erinevate User-Agentide all, näete erinevate seadmete jaoks erinevat HTML-i. RESS – tundlik disain + serveripool. Rakenduse näide, visandatud "põlvele":

$DS = DIRECTORY_SEPARATOR; nõuda_once(dirname(__FILE__) . $DS . "teegid" . $DS . "brauser.php"); $seade = BBrowser::detectDevice(); if($device == DEVICE_TYPE_MPHONE)( $tmpl = "mall.m.php"; ) else if($device == DEVICE_TYPE_TABLET)( $tmpl = "mall.t.php";) else( $tmpl = "mall .php"; ) include(dirname(__FILE__) . $DS . "mallid" . $DS . $tmpl);

RES eelised
Tegelikult võib meetod olenevalt rakendusest sisaldada nii saitide eraldi mobiiliversiooni kui ka tundliku versiooni eeliseid. Alates sellest, mis on uus:
  • Liikluse minimeerimine - HTML-ist saab eemaldada mittevajaliku JavaScripti, mis vabastab mobiilseadmes CPU, mälu ja vahemälu. See võib olla ka spetsiaalselt optimeeritud html ja css.
  • On võimalik kasutada sihtimist - näiteks Android-seadmete jaoks pakkuge rakendus allalaadimiseks GooglePlayst ja Apple'i jaoks iTunesist. Iga seadme jaoks saate teha oma paigutuse.
Miinused
  • Arengu raskused selline meetod nõuab sobivat serveri konfiguratsiooni ja rohkemate programmeerijate tööd. Samuti on vaja teha mitu erinevat paigutusvalikut.
  • Seadme tuvastamise mehhanism - Kahjuks pole seda isegi meie ajal veel täiuslikkuseni viidud. Lugusid sellest, kuidas kellegi haruldast telefoni ei määratleta mobiilseadmena, ilmub üsna sageli.

Üldiselt on RESS kolmest pakutud variandist parim, kuid see nõuab arenduse käigus palju rohkem pingutusi.

Kokkuvõte

Minu isikliku arvamuse kohaselt pole ideaalset varianti, mida kõik peaksid kasutama. Minu jaoks on parim valik RESS. See on aga üks haruldasi võimalusi, sest selle rakendamine nõuab palju pingutusi. Üldiselt on kõigil kolmel valikul oma plussid ja miinused, olenevalt saidi olemusest ja suunast.

Tänapäeval liigub enamik inimesi internetis läbi mobiilividinate – tahvelarvutite, telefonide, sellega seoses on ka saidi optimeerimine jõudmas uuele tasemele. Kui kasutaja siseneb ja näeb, et sait pole mobiilseadmete jaoks optimeeritud: pilti ei saa vaadata, nupud on välja nihkunud, fondid on väikesed ja loetamatud, kujundus on viltu - 99 100% -st, et ta lahkub ja hakake otsima teist mugavamat. A märgib kasti, et ressurss on ebaoluline, st see ei vasta otsingupäringule. Seetõttu tuleb lehe kujundust kohandada erinevatele mobiilsetele seadmetele. Mis on saidi mobiiliversioon, kuidas seda teha ja kuidas seda kõige paremini rakendada? Lisateavet leiate sellest artiklist.

Seega on saidi mobiiliversiooni jaoks kohandamiseks neli peamist viisi.

Esimene meetod – reageeriv disain

Reageerivad mallid muudavad saidi pilti sõltuvalt ekraani suurusest. Reeglina on need seatud standardsetele 1600, 1500, 1280, 1100, 1024 ja 980 pikslitele. Rakendamiseks kasutatakse päringuid. See ei muutu iseenesest.

Selle meetodi eelised hõlmavad järgmist:

  • mugav arendus, kuna struktuur ise kohandub ekraani parameetritega ja mis tahes värskendus ei nõua disaini nullist väljatöötamist, piisab CSS-i ja HTML-i näppimisest;
  • üks URL-aadress - kasutajal pole vaja mitut nime meelde jätta, pole vaja ümbersuunamist (ühelt aadressilt teisele suunamist), mis võib veebihalduri töö keerulisemaks muuta ning otsingumootoril on lihtsam sorteerida ja järjestada ühe aadressiga ressurss.

Muidugi on adaptiivsetel mallidel oma puudused, mis muide on rohkem kui eelised. Sellegipoolest järgivad seda kontseptsiooni paljud arendajad, näiteks Google Corporation, kelle saidi mobiiliversioon on adaptiivse kujundusega. Niisiis, miinused:

  • Responsive disain ei toeta mobiilis samu ülesandeid kui lauaarvutis. Kui tegemist on näiteks panga veebilehe mobiiliversiooniga, kus kasutajale on suurema tõenäosusega oluline info kursi või lähimate sularahaautomaatide kohta, siis sellest kujundusest täiesti piisab. Kuid kui see on keeruline struktureeritud ressurss, millel on palju jaotisi ja alajaotisi, siis tõenäoliselt see külastajatele ei meeldi.
  • Aeglane laadimine muudab lemmiksaidi vaenulikuks. See kehtib eriti ressursside kohta, kus on palju animatsioone, videoid, hüpikaknaid ja muid aktiivseid elemente. Suure kaalu tõttu leht lihtsalt “aeglustub”, kasutaja vihastab ja lahkub ning saidi otsingupositsioonid langevad.
  • Veel üks märkimisväärne puudus on võimetus mobiilset versiooni keelata. Kui mõni element on sellise paigutusega peidetud, ei saa te selle avamiseks midagi teha, erinevalt saitidest, kus saate selle välja lülitada ja tavalisele domeenile lülituda.

Sellegipoolest võimaldab selline saidi mobiiliversioon kiiresti, ilma eriliste oskuste ja kuludeta kohandada ressurssi mis tahes vidinatega. Kuid loetletud puudusi silmas pidades sobib see väikestele, lihtsatele ressurssidele minimaalse teabe ja multimeediaga, ilma keeruka navigeerimise ja animatsioonita. Keerulise saidi jaoks sobivad veel 2 meetodit.

Teine meetod - saidi eraldi versioon

See meetod on väga levinud ja on sageli edukas saidi mobiilseadmes loetavamaks muutmisel. Selle olemus on luua rakenduse jaoks eraldi lehe versioon, mis asub eraldi URL-il või alamdomeenil, näiteks m.vk.com. Samal ajal säilib põhifunktsionaalsus, saidi kujundus näeb lihtsalt erinev välja. Selle meetodi eelised on ilmsed:

  • kasutajasõbralik liides;
  • seda on lihtne muuta ja redigeerida, kuna versioon eksisteerib põhiressursist eraldi;
  • väikese kaalu tõttu töötab saidi eraldi versioon palju kiiremini kui adaptiivne mall;
  • enamasti on võimalik mobiilist minna lehe põhiversioonile.

Kuid isegi siin polnud puudusteta:

  • Mitu aadressi – saidi laua- ja mobiiliversioon. Kuidas panna kasutaja kaks võimalust meelde? Veebimeistrid kirjutavad sageli ette töölauaversioonist mobiiliversioonini, kuid kui seda lehte mobiiliversioonis pole, kuvatakse kasutajale veateade. Siin tekivad raskused otsingumootoritega, millel on raske järjestada kahte identset ressurssi ja see mõjutab otseselt reklaamimist.
  • Saidi mobiiliversioon arvutist, kui kasutaja seda kogemata külastab, näeb naeruväärne, mis võib samuti liiklust mõjutada.
  • See töölauaversioon on sageli tugevalt piiratud, nii et kasutajal on väga piiratud funktsionaalsus. Kuid samal ajal, kui midagi on puudu, saab külastaja minna lehe täisversioonile.

Üldiselt õigustab eraldi mobiilisait end ja on kõige levinum viis ressurssi mobiilseadmete jaoks kohandada. See on populaarne suurte veebipoodide, nagu Amazon, seas.

Kolmas viis - RES-disain

Google'i otsingumootor toetab seda mobiilidisaini suunda aktiivselt. See on kõige keerulisem, kulukam, kuid tõhusam meetod saidi kohandamiseks telefoni või tahvelarvutiga. Seda nimetatakse RESSiks. See on ressursi sihtimine mobiilirakendusse, mille saab alla laadida iga seadme jaoks eraldi. Androidi jaoks - GooglePlayga ja Apple'i jaoks - iTunesiga.

Sellised rakendused on kiired, tasuta, mugavad, võimelised mahutama erinevat tüüpi teavet, samas kui telefoni mälu ja Interneti-liiklus ei söö ära nagu brauseri kaudu saiti külastades. Neid on lihtne külastada, kuna link on alati ekraanil käepärast ja pole vaja brauseri aadressiribale keerulist nime sisestada.

Muidugi on siin ka miinuseid, nagu keerukus arenduses, suure hulga programmeerijate kõrged tööjõukulud ja vajadus teha mitu paigutusvalikut. Mõnikord ei tunne rakendus mobiilseadet ära. Vajalik on regulaarne tehniline tugi, puuduste parandamine. Sellegipoolest peetakse seda kolmest pakutud võimalusest parimaks selle produktiivse ja katkematu töö tõttu.

Odavaim viis mobiiliveebisaidi tegemiseks

Kõik ülaltoodud meetodid hõlmavad, kuigi mitte alati pikka ja keerukat, kuid siiski tasustatud veebihalduri tööd. Kui te ei näe sellise arenduse järele tungivat vajadust, sobib teile saidi lihtne ja tasuta mobiiliversioon. Kuidas on seda kõige lihtsam valmistada?

Reageeriva disaini jaoks laadige alla spetsiaalsed mallid (pluginad). Näiteks WP Mobile Detector, WordPress Mobile Pack, WPSmart Mobile ja teised. Need aitavad saiti telefonis korrektsemalt kuvada, samas saate paar näpunäidet selle kohta, mida on vaja parandada, et leht paremini mobiiliversiooniga kohandada.

Muidugi ei sobi see meetod tõsiste ressursside jaoks. Pigem on see tasuta funktsioon mõeldud väikestele ja lihtsatele saitidele, ajaveebidele, uudistevoogudele. Ärge unustage, et Google'i otsingumootor ja ka Yandex esitavad tänapäeval mobiiliversioonidele tõsiseid nõudmisi, seega on selle meetodi abil suur võimalus oma positsioone alandada.

Selle meetodi abil lõigatakse suure tõenäosusega reklaamid ja hüpikbännerid ära, kuid leht laaditakse kiiresti ja ilma viivitusteta.

Mobiiliversioonide loomise põhimõtted

Pole vahet, kas saidi mobiiliversioon loodi tasuta või veebihaldurite abiga, see tehti RESS-süsteemis või adaptiivse malli abil. Kõige tähtsam on see, et selle tõhusaks toimimiseks on vaja järgida mitut äärmiselt olulist põhimõtet. Niisiis, milline peaks olema saidi mobiiliversioon? Kuidas muuta see tootlikuks, tõhusaks ja tootlikuks?

Eemaldame kõik mittevajalikud

Minimalism on see, mille poole saidi mobiiliversiooni arendaja peaks püüdlema. Kujutage ette, kui raske on tajuda teavet, mis on täis värve, nuppe, bännereid ja mida peate õige materjali otsimiseks lõputult sirvima. Mobiilne disain peaks olema lihtne ja puhas. Valige ruumi jagamiseks 2-3 värvi (näiteks kaubamärgiga). Parem, kui üks neist on valge. Jagage väikese ekraani ruum arusaadavateks ja loetavateks tsoonideks. Virtuaalsed võtmed peaksid olema nähtavad, et kasutaja teaks selgelt, kuhu vajutada ja näeks - siin on toode, siin on andmete täitmise vorm, siin on info kohaletoimetamise ja maksmise kohta.

Kõik lisavõimalused, mis töölauaversioonis kasulikud oleksid ja kasutaja elu lihtsamaks teevad, toovad siin vaid raskusi. Jätke ainult kõige olulisemad elemendid. Animatsioon, reklaambännerid, multimeediumid tõenäoliselt ainult aeglustavad saidi või rakenduse tööd ja tõmbavad tähelepanu peamiselt kõrvale.

joondus

Joondamise küsimus pole vähem terav, sest kui seda valesti teha, saab kasutaja ainult oluliste sõnade lõpud. Vasakpoolne ja vertikaalne joondus on üldiselt aktsepteeritud. Kujutage ette, et kerite oma telefoni uudistevoogu. Teete seda ülalt alla, kuid mitte vasakule ega paremale.

Ühing

Kui pikka üleminekute ahelat pole võimalik teha, proovige ühendada mitu sammu üheks. Näiteks nõuab sait andmete sisestamist mitmes etapis – nimi, seejärel aadress, kus iga üksik lahter sisaldab eraldi maja, tänavat, korterit jne. Et mitte sundida kasutajat proovima tabada paljusid väikeseid lahtreid, küsige ta täidab ainult 2 - nimi ja aadress.

Ja ühenduse katkestamine

Mõnikord, vastupidi, on vaja eraldada liiga palju teavet. Näiteks on rippmenüüs loend enam kui 80 linnast, kus kohaletoimetamine toimub. Rühmitage need piirkondade kaupa, et kasutaja ei peaks seda tohutut loendit läbi kerima. Kui ta hõljutab kursorit piirkonna keskuse või piirkonna kohal, langeb välja veel üks linnade loend.

Loendid

Muide, nimekirjade kohta. Neid on kaks – fikseeritud tähestikulises või muus järjekorras ja asendusega. Nende valik sõltub sellest, mida loetletakse.

Fikseeritud on kasulik, kui kasutaja teab täpselt, mida ta otsib. Näiteks linn, number või kuupäev. Teine võimalus sobib pikkade keeruliste nimede jaoks või juhtudel, kui sama nimega on palju variatsioone ja igaüks toob kasutaja eesmärgile sammu lähemale. Automaatse asendamise võimalust kasutatakse sagedamini siis, kui külastaja vajab abi. Näiteks pakub kudumiskoht osta kudumisvardaid. Kasutaja sisestab otsingupäringu “Metallist kudumisvardad” ja vihjes näeb “Kudumisvardad 5 mm”, “Kudumisvardad 4,5 mm” jne.

Automaatne täitmine

See punkt kehtib eriti saitide kohta, kus midagi Internetis müüakse ja kus peate täitma standardsed makse-, tarne- jne vormid. Kui inimene sooritab ostu telefonist, siis tõenäoliselt pole tal aega arvuti, mis tähendab, et protsessiostud tuleks sooritada võimalikult kiiresti ja mugavalt.

Selleks võivad vormid sisaldada juba täidetud andmeid, võite kasutada kõige populaarsemaid vastuseid. Näiteks sisestage tänane kuupäev, sularahamakseviis, linn, kui töötate samas piirkonnas. Neid saab muuta, kuid kui tabad sihtmärki, säästetakse kasutaja aega.

Kõik loetakse, kõike vaadatakse

Saidi mobiiliversiooni kujundust luues pidage meeles, et igaühe telefonid on erinevad ja ka nägemine on erinev. Võib-olla vaadatakse teie saiti väikeselt ekraanilt, nii et fondid peaksid olema lihtsad ja loetavad, nupud peaksid olema piisavalt suured, et neid saaks klõpsata ilma teisele lehele viimata, ja pildid peaksid avanema eraldi, suurelt, eriti kui see tuleb internetti.-pood.

Natuke statistikat

Rääkides saidi kohandamisest mobiilseadmetega, ei saa muud kui kasutada statistikat, et mõista, kui oluline see protsess veebireklaami jaoks on.

Numbrid on järgmised. Tänapäeval kasutab vidinaid ilmselt 87% elanikkonnast, välja arvatud kõige väiksemad lapsed ja mõned vanurid. Majandusteadlased ennustavad, et mobiilne kaubandus kasvab järgmise 5 aasta jooksul 100 korda. Samal ajal on mobiilseadmetega töötamiseks kohandatud vaid 21% saitidest. See tähendab, et Interneti-liiklusest ja e-kaubanduse turul on vaid väike 5. osa.

Mõelge nendele numbritele. Kas on mõtet oma ressurssi kohandada? Muidugi jah. Pealegi, kuigi sellel turul on nii palju vaba ruumi, saate sellel oma segmendi välja töötada.

Kus on mobiiliversiooni vaja?

Mobiiliversiooni kasutamine on mõttekas mis tahes platvormi jaoks, mille eesmärk on saada kõrge positsioon. Lõppude lõpuks mõjutab see kasutajat otse, luues talle mugavad tingimused teie saidil viibimiseks.

Ilma mobiiliversioonita ei saa eksisteerida:

  • uudisteportaalid, kuna enamikku neist vaadatakse tööle või õppima minnes telefonist;
  • sotsiaalsed võrgustikud - samal põhjusel, lisaks on olemas võrgusuhtlusfaktor, mis tähendab, et selleks tuleks luua mugav ja arusaadav vestlus;
  • viide, navigatsiooniga saidid jne, kuhu inimesed lähevad, kui nad midagi otsivad;
  • veebiostlemine – võimalus meelitada ligi kliente, kes ei raiska aega ostlemisele, vaid ostavad kõike mobiilse interneti kaudu.

Järelduse asemel

Tänapäeval on mobiiltehnoloogiad aktiivse kasvu ja arengu faasis, mistõttu turuliidri poole püüdlemisel peab iga ettevõte tagama, et tema Interneti-ressurss vastab nõuetele. Kasutaja kasvavate nõudmiste tõttu tuleb saite pidevalt täiendada ja kohandada erinevatele seadmetele. On selge, et kui inimesel on ebamugav teatud ressursil viibida, ta ei saa sealt teavet toote või hinna kohta, ei saa tellimust esitada, tarne kohta teada, siis leiab ta saidi, kus see kõik võimalikuks saab. . Seetõttu on konkursi võitmiseks oluline paindlik, mugav, funktsionaalne ja huvitav ressurss.

Seda aitab teha saidi Android või Ios mobiiliversioon. Selleks tuleb valida üks ülaltoodud ümberkujundamise meetoditest – adaptiivne mall, luua alamdomeenile uus sait ja minna sellele ümbersuunamise teel, kasutada tasuta malle või luua mobiilirakendus, millega kasutaja pääseb ligi ja saab olla lehel mugavamalt.

Kui märkate viga, valige tekstiosa ja vajutage Ctrl + Enter
JAGA:
Arvutid ja kaasaegsed vidinad