Mobiele weergawe van die webwerf: hoe om dit te doen? Aanpasbare ontwerp

INHOUDSOPGAWE:

Mobiele weergawe van die webwerf: hoe om dit te doen? Aanpasbare ontwerp
Mobiele weergawe van die webwerf: hoe om dit te doen? Aanpasbare ontwerp
Anonim

Vandag gaan die meeste mense aanlyn deur mobiele toestelle – tablette, fone, in hierdie verband bereik webwerfoptimering ook 'n nuwe vlak. As 'n gebruiker inkom en sien dat die webwerf nie vir mobiele toestelle geoptimaliseer is nie: die prent kan nie bekyk word nie, die knoppies het uitbeweeg, die lettertipes is klein en onleesbaar, die ontwerp is skeef - 99 uit 100% wat hy sal verlaat en begin soek na 'n ander geriefliker een. En die soekrobot sal die blokkie merk dat die hulpbron irrelevant is, dit wil sê, dit pas nie by die soeknavraag nie. Daarom moet die ontwerp van die bladsy by verskeie mobiele toestelle aangepas word. Wat is 'n mobiele weergawe van die webwerf, hoe om dit te maak, en wat is die beste manier om dit toe te pas? Lees meer in hierdie artikel.

Daar is dus vier sleutelmaniere om jou werf selfoonvriendelik te maak.

hoe om 'n mobiele weergawe van die webwerf te maak
hoe om 'n mobiele weergawe van die webwerf te maak

Metode Een - Responsiewe ontwerp

Responsiewe sjablone verander die werfbeeld na gelang van die skermgrootte. As 'n reël is hulle ingestel op standaard 1600, 1500, 1280, 1100, 1024 en 980 pixels. Vir implementering word CSS3 Media Queries gebruik. Die werfontwerp self verander nie.

Die voordele van hierdie metode sluit in:

  • gerieflike ontwikkeling,aangesien die struktuur self aanpas by die skermparameters, en enige opdatering nie ontwerpontwikkeling van nuuts af vereis nie, is dit genoeg om die CSS en HTML aan te pas;
  • een URL – die gebruiker hoef nie verskeie name te onthou nie, daar is geen behoefte aan 'n herleiding (herlei van een adres na 'n ander), wat die werk van 'n webmeester kan bemoeilik, en dit is makliker vir 'n soektog enjin om 'n hulpbron met 'n enkele adres te sorteer en te rangskik.

Natuurlik het aanpasbare sjablone hul nadele, wat terloops meer as voordele is. Nietemin hou baie ontwikkelaars aan hierdie konsep, byvoorbeeld Google Corporation, wie se mobiele weergawe van die webwerf 'n aanpasbare ontwerp het. Dus, nadele:

  • Responsiewe ontwerp ondersteun nie dieselfde take op selfoon as op rekenaar nie. As dit byvoorbeeld 'n mobiele weergawe van 'n bank se webwerf is, waar inligting oor die wisselkoers of die naaste OTM'e meer waarskynlik vir die gebruiker belangrik sal wees, dan is hierdie ontwerp heeltemal genoeg. Maar as dit 'n komplekse gestruktureerde hulpbron met baie afdelings en onderafdelings is, sal besoekers skaars van aanpasbare uitleg hou.
  • Stadige laai verander 'n gunsteling werf in 'n haatlike een. Dit is veral waar vir hulpbronne waar animasies, video's, opspringers en ander aktiewe elemente in oorvloed is. As gevolg van die hoë gewig sal die bladsy eenvoudig "vertraag", die gebruiker sal kwaad word en vertrek, en die werf se soekposisies sal val.
  • Die onvermoë om die mobiele weergawe af te skakel is nog 'n beduidende nadeel. As een of ander element deur so 'n uitleg versteek word, kan jydaar is niks wat jy kan doen om dit oop te maak nie, anders as werwe waar jy dit kan afskakel en na 'n gewone domein kan oorskakel.

So 'n mobiele weergawe van die webwerf laat jou egter vinnig, sonder spesiale vaardighede en koste, die hulpbron by enige toestelle aanpas. Maar, in die lig van die gelyste tekortkominge, sal dit pas by klein, eenvoudige hulpbronne met 'n minimum van inligting en multimedia, sonder ingewikkelde navigasie en animasie. Vir 'n komplekse werf is 2 ander metodes geskik.

webwerf ontwerp
webwerf ontwerp

Tweede metode - 'n aparte weergawe van die webwerf

Hierdie metode is baie algemeen en is dikwels suksesvol om die webwerf meer leesbaar op 'n mobiele toestel te maak. Die essensie daarvan is om 'n aparte weergawe van die bladsy te skep, geteken vir die toepassing en geleë op 'n aparte URL of subdomein, byvoorbeeld, m.vk.com. Terselfdertyd word die hooffunksionaliteit bewaar, die ontwerp van die webwerf lyk net anders. Die voordele van hierdie metode is duidelik:

  • gebruikersvriendelike koppelvlak;
  • maklik om te verander en te redigeer aangesien die weergawe apart van die hoofhulpbron bestaan;
  • weens die lae gewig, werk 'n aparte weergawe van die webwerf baie vinniger as 'n aanpasbare sjabloon;
  • dit is meestal moontlik om vanaf die selfoon na die hoofweergawe van die bladsy te gaan.

Maar hier was ook 'n paar nadele:

  • Verskeie adresse - rekenaar- en mobiele weergawe van die webwerf. Hoe om die gebruiker twee opsies te laat onthou? Webmeesters skryf dikwels 'n herleiding (herleiding) van die rekenaarweergawe na die mobiele weergawe voor, maar terselfdertyd, as hierdie bladsy in die selfoon isweergawe nie bestaan nie, sal die gebruiker 'n fout ontvang. Hier ontstaan probleme met soekenjins, wat dit moeilik vind om 2 identiese hulpbronne te rangskik, en dit beïnvloed promosie direk.
  • Die mobiele weergawe van die webwerf vanaf 'n rekenaar, as die gebruiker dit per abuis besoek, sal belaglik lyk, wat ook verkeer kan beïnvloed.
  • Hierdie weergawe is dikwels sterk ingekort, lessenaar, sodat die gebruiker baie beperkte funksionaliteit sal kry. Maar terselfdertyd, as iets ontbreek, kan die besoeker na die volledige weergawe van die bladsy gaan.

Oor die algemeen regverdig 'n aparte mobiele werf homself en is dit die mees algemene manier om 'n hulpbron vir mobiele toestelle aan te pas. Dit is gewild onder groot aanlynwinkels soos Amazon.

aanpasbare sjablone
aanpasbare sjablone

Derde manier - RESS-ontwerp

Google-soekenjin ondersteun hierdie rigting van mobiele ontwerp aktief. Dit is die mees komplekse, duur, maar doeltreffende metode om die webwerf by 'n foon of tablet aan te pas. Dit word RESS genoem. Dit rig 'n hulpbron op 'n mobiele toepassing wat afsonderlik vir elke toestel afgelaai kan word. Vir Android - met GooglePlay, en vir Apple - met iTunes.

Sulke toepassings is vinnig, gratis, gerieflik, het die vermoë om verskeie soorte inligting te akkommodeer, terwyl die foon se geheue en internetverkeer nie opgevreet word soos wanneer 'n werf deur 'n blaaier besoek word nie. Hulle is maklik toeganklik, aangesien die skakel altyd op die skerm byderhand sal wees, en dit is nie nodig om 'n komplekse naam in die blaaieradresbalk in te voer nie.

Daar is natuurlik hier ensy tekortkominge, soos kompleksiteit in ontwikkeling, die hoë koste van arbeid van 'n groot aantal programmeerders, die behoefte om verskeie uitlegopsies te maak. Soms word die mobiele toestel nie deur die toepassing herken nie. Gereelde tegniese ondersteuning, regstelling van tekortkominge is nodig. Nietemin word hierdie opsie as die beste van die drie voorgestelde beskou as gevolg van sy produktiewe, ononderbroke werking.

google mobiele webwerf
google mobiele webwerf

Die goedkoopste manier om 'n mobiele webwerf te maak

Al die bogenoemde metodes behels, al is dit nie altyd lank en moeilik nie, maar steeds betaalde werk van 'n webmeester. As jy nie 'n dringende behoefte aan sulke ontwikkeling sien nie, sal 'n eenvoudige en gratis mobiele weergawe van die webwerf jou pas. Wat is die maklikste manier om dit te maak?

Laai spesiale sjablone (inproppe) af vir responsiewe ontwerp. Byvoorbeeld, WP Mobile Detector, WordPress Mobile Pack, WPSmart Mobile en ander. Hulle sal help om die webwerf meer korrek op die foon te vertoon, terwyl jy 'n paar wenke sal ontvang oor wat reggestel moet word om die bladsy beter by die mobiele weergawe aan te pas.

Natuurlik is hierdie metode skaars geskik vir ernstige hulpbronne. Hierdie gratis funksie is eerder bedoel vir klein en eenvoudige werwe, blogs, nuusfeeds. Moenie vergeet dat die Google-soekenjin, sowel as Yandex, vandag ernstige eise aan mobiele weergawes stel nie, so daar is 'n groot kans om jou posisies te verlaag deur hierdie metode te gebruik.

Met hierdie metode sal advertensies en opspringers heel waarskynlik afgesny wordbaniere, maar die bladsy sal vinnig en sonder “lags” laai.

mobiele weergawe van die webwerf Android
mobiele weergawe van die webwerf Android

Beginsels vir die skep van mobiele weergawes

Dit maak nie saak of die mobiele weergawe van die webwerf gratis geskep is of met die hulp van 'n personeel van webmeesters, dit is gemaak op die RESS-stelsel of met behulp van 'n aanpasbare sjabloon nie. Belangriker nog, vir die doeltreffende werking daarvan, is dit nodig om aan verskeie uiters belangrike beginsels te voldoen. So, wat moet die mobiele weergawe van die webwerf wees? Hoe om dit produktief, doeltreffend en produktief te maak?

mobiele weergawe van die webwerf vanaf 'n rekenaar
mobiele weergawe van die webwerf vanaf 'n rekenaar

Verwyder alles wat onnodig is

Minimalisme is waarna die ontwikkelaar van die mobiele weergawe van die webwerf moet streef. Stel jou voor hoe moeilik dit is om inligting waar te neem wat propvol kleure, knoppies, baniere is, en wat jy eindeloos deur moet blaai op soek na die regte materiaal. Mobiele ontwerp moet eenvoudig en skoon wees. Kies 2-3 kleure om die spasie te verdeel (byvoorbeeld, handelsmerk). Beter as een van hulle wit is. Verdeel die spasie van 'n klein skerm in verstaanbare en leesbare sones. Virtuele sleutels moet sigbaar wees sodat die gebruiker duidelik weet waar om te druk en sien - hier is die produk, hier is die vorm vir die invul van die data, hier is die inligting oor aflewering en betaling.

Alle bykomende opsies wat nuttig sal wees in die rekenaarweergawe en die lewe vir die gebruiker makliker maak, sal net probleme hier meebring. Los net die belangrikste elemente. Animasie, advertensiebaniere, multimedia sal waarskynlik net die werk van die webwerf of toepassing vertraag en aandag aflei vanhoof.

Belyning

Die kwessie van belyning is nie minder akuut nie, want as dit verkeerd gedoen word, sal die gebruiker net die eindes van belangrike woorde kry. Links-belyning en vertikale belyning word algemeen aanvaar. Stel jou voor dat jy deur die nuusstroom op jou foon blaai. Jy doen dit van bo na onder, nie na links of regs nie.

Unifikasie

Wanneer daar geen moontlikheid van 'n lang ketting van oorgange is nie, probeer om verskeie stappe in een te kombineer. Byvoorbeeld, die webwerf vereis data-invoer in verskeie stadiums - 'n naam, dan 'n adres, waar daar in elke individuele sel 'n aparte huis, straat, woonstel, ens is. Om nie die gebruiker te dwing om te probeer om baie klein selle te tref, vra hom om slegs 2 in te vul - naam en adres.

En ontkoppeling

Soms, inteendeel, word dit vereis om te veel inligting te skei. Byvoorbeeld, in die aftreklys het jy 'n lys van meer as 80 stede waar aflewering uitgevoer word. Groepeer hulle volgens streek sodat die gebruiker nie deur hierdie groot lys hoef te blaai nie. Wanneer hy oor die streeksentrum of streek beweeg, sal 'n ander lys stede uitval.

Listings

Terloops, oor die lyste. Daar is twee van hulle - vas in alfabetiese of ander volgorde en met vervanging. Hulle keuse hang af van wat gelys sal word.

Vastgestel is nuttig as die gebruiker presies weet waarna hulle soek. Byvoorbeeld, stad, nommer of datum. Die tweede opsie is geskik vir lang komplekse name of vir gevalle waar daar baie variasies van een en dieselfde isdieselfde naam, en elke aftreklys bring die gebruiker een stap nader aan die doelwit. Die outo-vervanging opsie word meer dikwels gebruik wanneer 'n besoeker hulp nodig het. Byvoorbeeld, 'n breiplek bied aan om breinaalde te koop. Die gebruiker voer die soeknavraag "Metaal breipenne" in, en in die nutswenk sien hy "Breienaalde 5 mm", "Breienaalde 4.5 mm", ens.

Outovul

Hierdie item is veral relevant vir werwe wat iets aanlyn verkoop, en jy moet standaardvorms invul vir betaling, aflewering, ens. As 'n persoon 'n aankoop van 'n foon af doen, het hy heel waarskynlik nie tyd nie om by 'n rekenaar uit te kom, wat beteken dat die aankoopproses so vinnig en gerieflik moontlik gemaak moet word.

Hiervoor kan die vorms reeds ingevulde data bevat, jy kan die gewildste antwoorde gebruik. Voeg byvoorbeeld vandag se datum, kontantbetaalmetode, stad in as jy in dieselfde streek werk. Hulle kan verander word, maar as jy die teiken tref, sal die gebruiker se tyd bespaar word.

Alles word gelees, alles word bekyk

Wanneer jy die mobiele weergawe van die webwerf ontwerp, onthou dat almal se fone verskil, en so ook hul sig. Miskien sal jou werf van 'n klein skerm af bekyk word, so die lettertipes moet eenvoudig en leesbaar wees, die knoppies moet groot genoeg wees sodat hulle geklik kan word sonder om na 'n ander bladsy geneem te word, en die beelde moet apart oopmaak, groot, veral wanneer dit kom na die internet. winkel.

Sommige statistieke

Praat oor die aanpassing van die werf vir mobiele toestelle, mens kan nie anders as om na statistieke te gryp om te verstaan hoe belangrik hierdie proses is viraanlyn promosie.

Die nommers is soos volg. Vandag word toestelle blykbaar deur 87% van die bevolking gebruik, behalwe vir die kleinste kinders en sommige bejaardes. Ekonome voorspel dat mobiele handel oor die volgende 5 jaar 100 keer sal groei. Terselfdertyd is slegs 21% van werwe aangepas om met mobiele toestelle te werk. Dit beteken dat slegs 'n klein 5de deel van internetverkeer en die e-handelsmark beset is.

Dink aan hierdie syfers. Maak dit sin om jou hulpbron aan te pas? Natuurlik ja. Boonop, terwyl daar soveel spasie in hierdie mark is, kan jy jou eie segment daarin uitkerf.

mobiele weergawe van die webwerf gratis
mobiele weergawe van die webwerf gratis

Waar jy 'n mobiele weergawe nodig het

Die gebruik van die mobiele weergawe maak sin vir enige platform wat daarop gemik is om 'n hoë posisie te kry. Dit is immers 'n direkte impak op die gebruiker, wat gemaklike toestande skep vir hom om op jou werf te bly.

Kan nie sonder mobiele weergawe bestaan nie:

  • nuusportale, want die meeste daarvan word vanaf die foon bekyk op pad werk of skool toe;
  • sosiale netwerke - om dieselfde rede, plus daar is 'n aanlyn kommunikasiefaktor, wat beteken dat 'n gerieflike, verstaanbare klets hiervoor geskep moet word;
  • verwysing, navigasiewerwe, ens., waarheen mense gaan wanneer hulle iets soek;
  • aanlynwinkels - 'n geleentheid om klante te lok wat nie tyd mors met inkopies nie, maar alles via die mobiele internet koop.

In plaas van 'n gevolgtrekking

Vandag is mobiele tegnologieë in dieaktiewe groei en ontwikkeling, daarom, streef na leierskap in die mark, moet enige maatskappy verseker dat sy internethulpbron aan die vereistes voldoen. As gevolg van die groeiende eise van die gebruiker, moet webwerwe voortdurend opgegradeer word en by verskillende toestelle aangepas word. Dit is duidelik dat as 'n persoon ongerieflik is om op 'n spesifieke hulpbron te wees, hy nie inligting oor 'n produk of prys daar kan kry nie, 'n bestelling kan plaas, uitvind oor aflewering, dan sal hy die webwerf vind waar dit alles moontlik sal word. Daarom, om die kompetisie te wen, is dit belangrik om 'n buigsame, gerieflike, funksionele en interessante hulpbron te hê.

Die mobiele weergawe van die Android- of Ios-webwerf sal help om dit te doen. Om dit te doen, moet jy een van die bogenoemde herontwerpmetodes kies - 'n aanpasbare sjabloon, die skep van 'n nuwe webwerf op 'n subdomein en daarheen herlei, gratis sjablone gebruik, of 'n mobiele toepassing skep wat dit vir die gebruiker makliker sal maak om in te gaan en wees op die bladsy.

Hierdie benadering sal nie net help om die lojaliteit van bestaande kliënte te handhaaf nie, maar sal ook 'n geleentheid bied om nuwe besoekers te lok.

Aanbeveel: