"Kohandava kehalise kasvatuse" kontaktandmed. Kuidas luua WordPressis kontakti tagasiside vorm? Reageerimisvõime kontaktandmed

Kontaktleht on väga oluline, seetõttu tuleks selle kujundusele erilist tähelepanu pöörata. Mida mugavam on kontaktide leht, seda rohkem võimalusi avaneb saidi omanikule. Kui kontaktleht on korralikult kujundatud, võib see mõjutada konversioonimäärasid: kui kasutaja saab saidihalduri või administraatoriga hõlpsasti ühendust võtta, on kasutajal positiivne kasutuskogemus. Mida lihtsam on protsess, seda vähem on väljad või vorme, mida kasutaja peab täitma, seda parem teisendamiseks.

Hea kontaktleht võib teie saiti paremaks muuta, kuna see loob tingimused headeks suheteks teie külastajate ja saidi omaniku vahel. Pole tähtis, mis sait see on, see võib olla veebipood, uudisteportaal või veebiteenus - tagasiside on äärmiselt oluline.

Vaatamata sellele alahindavad paljud disainerid hästi kujundatud kontaktlehe olulisust, keskendudes põhiliste sisulehtede kujundusele.

Nii juhtub, et kasutaja peab kiiresti ühendust võtma saidi omanikuga või võtma ühendust klienditoega. Kuid midagi ei toimi, isegi kui kasutate saidiotsingut. Mõnikord vajalik teave on saidil olemas, kuid see on "peidetud", kuna disainer ei hoolitsenud õige navigeerimise eest ja kasutaja lihtsalt ei näe soovitud linki. Meeleheitel kasutaja on juba valmis telefonikõne tegema, kuid ka tema ei leia seda.

Ettevõtted ja veebiteenused, mis panevad oma kontaktlehtede kujundamisele palju rõhku, tegutsevad äärmise ettevaatusega. Lihtsalt sellepärast, et see leht ei sisalda ainult kontaktteavet: see sisaldab kasutaja jaoks vajalikku teavet ja on interaktiivne. Ja mis kõige tähtsam, hea kontaktleht julgustab kasutajat saidiga ikka ja jälle suhtlema.

Kontaktileht on omamoodi suhtlusplatvorm. Kui saidi omanik lubab klientidel oma arvamust avaldada, siis see on juba kutse dialoogi pidamiseks. Veebiarendajad ja kasutajad saavad sellest koostööst kasu ning just seetõttu tuleb see korralikult kujundada.

Nagu teate, on disaini funktsionaalsus üks võtmetegureid. Kontaktileht sisaldab olulist teavet, kuid seda pole liiga palju, mis võib mõnikord viia funktsionaalsuse eksliku hindamiseni. Saidiomanik arvab, et kui ta on lehele pannud e-posti aadressi ja telefoninumbri, siis sellest piisab. Vahel on tal õigus.

Funktsionaalsuse topeltkontroll võib siiski teha rohkem kasu kui kahju. Katkised lingid või infoga üle koormatud lehed kahjustavad suhtlemist. Saidi omanik ei pruugi olulist teadet saada, kuid halvim juhtub siis, kui ta esitab aegunud või ebatäpse teabe. Kontaktilehe kujundamisel peate kõigepealt mõtlema kasutajatele, sest lõpuks on see leht loodud spetsiaalselt nende jaoks.

Asukoht

On hädavajalik veenduda, et kontaktleht oleks kasutajatele alati kättesaadav. Saidi välimus isegi eksklusiivse kujundusega ei tähenda midagi, kui kasutajad ei leia lehte kontaktidega. Mõnikord peate kujundama üsna keerukaid kontaktvorme, nii et peate juhiste eest eelnevalt hoolitsema. Kasutajatel on saidi omanikuga lihtsam ühendust võtta, kui neil on üksikasjalik juhend.

Veebisaidi kujundajal on oluline silmas pidada kahte aspekti:

  • Esmane navigeerimine peaks alati sisaldama kontaktlehte
  • Kasutajad peaksid kontaktlehe leidma saidi esimesel külastusel, olenemata sellest, millisele siselehele nad jõuavad

Disainerite omandatud kogemuste põhjal kipuvad kasutajad kontaktteavet otsima lehe paremast servast, seega on mõttekas sinna panna link „Kontakt”. Tuleb meeles pidada, et see teave on kasutaja jaoks teisejärguline, seega ärge muutke seda saidi osa liiga nähtavaks ega pealetükkivaks. Kõige paremini toimib link lehe paremas ülanurgas asuvale kontaktlehele. Kõige hullem on rippmenüü link, kuna kasutajad ei pruugi seda lihtsalt märgata.

Lihtsad kontaktivormid

Kaubanduslike saitide jaoks on kontaktleht väga oluline, nagu eespool mainitud. Hoolimata asjaolust, et see ei pruugi olla sama ilus kui saidi muud lehed, peaks see olema lihtne, kasutajasõbralik ja arusaadav. Kui teave ei ole õigesti struktureeritud, töötab halvasti või on eksitav, siis on ebatõenäoline, et saidi omanik suudaks oma klientidega pikaajalisi suhteid luua.

Sageli juhtub, et kasutaja, kes soovib sõnumi jätta, lahkub saidilt, kuna ta ei saa seda täita kontaktivorm... Või ei taha, kui see on liiga pikk või keeruline. Tänapäeval ei soovi kasutajad raisata aega üksikasjalike vormide täitmisele, mistõttu tasub kaaluda nende lihtsustamist. Mida lihtsam vorm, seda parem, sealhulgas ka kasutajakogemuse jaoks, peate seetõttu keskenduma põhiteabe kogumisele.

Täpne sõnastus

Kui me räägime ametlikest saitidest, siis peate kõigil lehtedel, kaasa arvatud kontaktilehel, kinni pidama selgetest ja täpsetest sõnastustest eeliste kohta, mida kasutaja saab ettevõtte kliendiks saades. Milleks see on mõeldud? Kõige rohkem on puhastatud kogu mittevajalik teave tõhusal viisil tähelepanu äratamiseks ja hoidmiseks. Kenasti kokkuvõtlikud andmed peaksid olema lühikesed, et inimesed saaksid hõlpsasti vajaliku leida.

Ärge unustage ka visuaalseid komponente. Ja see ei puuduta ainult pilkupüüdvaid kontaktvormide kujundusi. Kui ettevõttel on füüsiline aadress, saate kasutajaid aidata, kui asetate kontakti lehele kaardi. Suurtes linnades asuvate ettevõtete jaoks on väga oluline selgitada kasutajatele, kuidas neil on mugavam oma kontorisse, poodi või lattu jõuda.

Kontaktlehtede reageerimisvõime

Iga Interneti-ettevõtte jaoks on reageerimisvõime kõik. See on karm ja kiire reegel, eranditeta. Kuna Internet areneb kiires tempos ja turule ilmub üha uusi seadmeid, tähendab see, et kontaktandmed peavad olema kättesaadavad olenemata sellest, millist brauserit või seadet inimene kasutab. Täna on võistlustel kaotada väga lihtne - piisab sellest, kui ei optimeerita kontaktilehte mobiilseadmetes kuvamiseks.

Integraalsed komponendid

Kumb on parem: e-posti aadress või kontaktivorm? Kasutajad vajavad lihtsaid viise suhtlemine vajalike teenuste pakkujatega, nii et peate nendega kohtuma poolel teel. Saate keskenduda e-posti teel suhtlemisele või kontaktivormi postitamisele - igal meetodil on oma plussid ja miinused.


Kontaktivormid

  • Kontaktivorm ei tohiks sundida kasutajaid teisele lehele navigeerima
  • Kontaktivorm pole mõeldud loomiseks konto või logige sisse e-post
  • Vormil peaks võimaluse korral olema automaatse täitmise funktsioon
  • Kontaktivormil peab olema funktsionaalsus sõnumite ja teadete saatmiseks
E-post
  • E-posti suhtlus peab olema kasutajale ohutu
  • Kõik saadetud andmed on soovitatav tulevaseks kasutamiseks salvestada.
  • Töö vastuvõetud sõnumitega peaks toimuma süstemaatiliselt, peate hoolitsema ka andmete varundamise eest
Valideerimisvorm

Kontrollvormid on hädavajalikud, kui peate oma saidi kasutajate kohta rohkem teada saama. Lisaks suunab valideerimisprotsess mingil moel kasutaja õiges suunas, kuna see võib juhtida tema tähelepanu valesti sisestatud andmetele või tühjadele väljadele. Seega säästab kontrollvorm klientide aega, kuna täitmisprotsessi lõpus on inimene veendunud, et tema sõnum läheb õigele aadressile.


Telefoninumbrid

Paljud ettevõtted ei ole kontaktide lehel loetletud telefoninumbrid sest nad kardavad, et pidevad kõned häirivad töövoogu. Kuid nagu kaardi puhul, suurendavad kontaktlehel olevad telefoninumbrid kasutaja usaldust brändi vastu, kliendid tunnevad end turvaliselt, uskudes, et raskes olukorras saavad nad ühendust võtta ettevõtte töötajaga ja arutada probleemi, mis on tekkinud. Telefoninumber lühendab saidi omaniku ja kasutaja vahelist kaugust, see kehtib nii traditsiooniliste ettevõtete kui ka veebiteenuste kohta, millel pole füüsilist aadressi.

Sotsiaalmeedia profiilid

Sotsiaalmeedia nupud on kontaktilehtedel üha tavalisemad. Selline lähenemine võib märkimisväärselt parandada saidi võimalusi, eriti kui kliendituge pakutakse ööpäevaringselt. Paljudel inimestel on ettevõttega ühenduse loomine mugavam suhtlusvõrgustiku kaudu, mistõttu tasub kaaluda sellist kasutajatega suhtlemise viisi.


Kontaktilehe kujundamine

Tõeliselt head kontaktilehed annavad tunnistust nende kujundanud disainerite kõrgest oskusest. Ja disaini kõige olulisem osa on kontaktlehe visuaalne stiil. Kontaktivormide puhul tähendab see suuri välju, mis hõlbustavad andmete esitamist. Kui vorm näeb kena välja, töötab see paremini.

Enne disaini alustamist peaks disainer läbi viima üksikasjaliku uuringu kogu kliendi esitatud kontaktandmete kohta. Kõik elemendid peavad olema hästi korraldatud ja olema harmooniliselt ühendatud. Samuti tuleks meeles pidada, et kontaktleht peab vastama saidi värviskeemile, et kasutaja saaks nii saidi kui ka brändi ainulaadselt tuvastada.


Väljund

Kontaktleht peaks alati olema nähtav. See kehtib mitte ainult avalehe, vaid ka kõigi teiste saidi lehtede kohta. Kontaktlehe kujundamisel pidage meeles, et kasutajad saavad saidi omaniku või tugimeeskonnaga ühendust võtta ainult vahekaardil „Kontaktid“ nähtaval viisil. Mugavus ja lihtsus on antud juhul edu võtmed. Peate kasutajatele andma, mida nad tahavad. Kui kasutaja peab saidile sisestama oma isikuandmed, siis on kõige parem küsida põhiküsimusi: nimi, perekonnanimi, e-posti aadress. Kontaktivorm ei tohiks sisaldada lisavälju. Samuti peate hoolitsema kontaktlehe reageerimisvõime eest - need peaksid olema kuvatud igas brauseris ja igas seadmes. Kui kontaktide leht on õigesti kujundatud, on kasutajate seas saidi edukuse tõenäosus märkimisväärselt suurenenud.

Kuidas kuvatakse teie lehte mobiilseadmes?

Minge lehtede redaktorisse ja klõpsake ülemisel paneelil nuppu "Reageerimisseaded". Selles aknas lülitage valitud seadmete lehe kuvamine sisse ja välja.
Vahetame kohanemisrežiime ja näeme, kuidas leht redaktoris ja eelvaate režiimis välja näeb.

Toimetuses:

Eelvaates:

Kuidas kohandada individuaalse vidina reageerimisvõimet?

Mõne vidina reageerimisvõimet saab eraldi reguleerida. Kohandage mobiilseadmetes veergude, piltide, nuppude ja tekstide kuvamist.

Veergude vidin

Jaotises Seaded lubage ja keelake vertikaalsete veergude kuvamine mobiilseadmete jaoks. Teistes seadmetes on kõlarid vaikimisi horisontaalsed.

Pildi vidin

Määrasime mobiilile spetsiaalse pildisuuruse. Selleks minge vidina seadetesse ja lubage "Telefonide kohandatud suurus".

Nuppude vidin

Määrates "Telefonide eriasend", muudame telefoni nupu joondust: vasakule, keskele, paremale või venitada laiusele.

Teksti vidin

Tekst venitatakse selle vidinas automaatselt. Vaikimisi on mobiiljoondamine seatud keskele - seda seadet saab välja ja sisse lülitada.
Samuti saate määrata fondi suuruse erinevad tüübid seadmeid.
Ja sisestage taanded.

Kuidas vidinat või jaotist peita?

Vidinad ja jaotised, mida ei tohiks kuvada teatud seadmed, saate peita.

Tähtis: kui funktsioon "peida vidin" on aktiivne, tuleb see lisada mobiilseadmete reageerimisvõime hulka. Vastasel juhul kuvatakse lähim reageeriv versioon.

Kui peidate mobiiliosa ja unustate reageerimise lubada, kuvatakse lehele sisenemisel tahvelarvuti versioon.

Peida vidin

Peida laiekraanide jaoks vidin Pilt ja Tekst vidin. Vidinaid kuvatakse ainult mobiilseadmetes, tahvelarvutites ja sülearvutites, laiekraaniga seadmete puhul peidetakse vidinad isegi redaktoris.

Peida jaotis

Näiteks peitke laiekraanide jaoks esimene jaotis.

Mobiilimenüü

Mobiilseadmetes mugavaks navigeerimiseks kasutame vidinat „Mobiilimenüü”. Laiekraanidel kuvatakse menüü tavapärasena.

Kuidas seadistada oma menüü mobiilseks?

Lisame jaotisele mobiilimenüü, eemaldame sellest sisseehitatud menüü ja teisaldame oma menüü vidinale "Mobiilimenüü". Jääb kohandada menüü kuvamist mobiiliversioonis ja nuppude asukohta. Pealkirja asemel oleme paigutanud logo.

Võimalikud vead: parallaks - objekti näilise asukoha muutus kaugema tausta suhtes, sõltuvalt vaatleja positsioonist, mis pole mõeldud mobiilseadmetele.

Müügigeneraator

Lugemise aeg: 18 minutit

Saadame materjali teile aadressil:

Kui teie saiti pole selleks kohandatud mobiilseadmed, pole selles midagi halba, kuid Yandex on nende saitide otsingul kõrgemal kohal, kus selline kohandamine on endiselt olemas.

Selles artiklis saate teada:

  1. Mida annab veebisaidi kohandamine mobiilseadmete jaoks?
  2. Kuidas seda kontrollida
  3. Veebisaidi kohandamine Google'i jaoks
  4. Saidi enesereguleerimine
  5. Parim ja tasuta Wordpressi pistikprogramm
  6. 6 parimat teenust veebisaidi kohandamiseks veebis mobiilseadmete jaoks

Miks on mobiilseadmete jaoks kohanemine vajalik?

Need jagunevad tavapäraselt välisteks ja sisemisteks. Teisisõnu, välised PF-id tähistavad näiteks otsingutulemites saidil olevale lingile klõpsamist, samal ajal kui vaadatud lehtede arv ja saidil veedetud kogu aeg on sisemine.

Pange tähele, et Google kasutab sarnast süsteemi. Kuid see otsingumootor läks veelgi kaugemale, märkides, et ressursid, mis on saidi kohandamise mobiilseadmete jaoks läbinud, kuvatakse otsingutulemite loendis kõrgemal.

Järgnevalt räägime sisemistest PF-idest. Mõelge ise, kui külastajal on mugav veebisaidiga töötada, sellel tooteid leida ja tellida, osutub tõenäosus, et ta läheb klientide kategooriasse, suurem.

Täpselt sama põhimõte töötab otsingumootorid: mida rohkem külalisi ressursist sellel viibimise esimestel sekunditel lahkub, seda madalam on inimeste vastavuse määr inimeste nõuetele. Alla 10 sekundi pikkuste kasutaja sessioonide ja saidi külastuste suhet nimetatakse põrkemääraks.

Näiteks võtame ühe Venemaa saidi selle näitaja:

Vaadake, kui saiti ei ole mobiilseadmete jaoks kohandatud, see tähendab, et saiti kuvatakse neis valesti, siis nutitelefonide ja tahvelarvutite tagasipõrkemäär osutub 2–2,5 korda suuremaks kui arvutist.

Need arvud mitte ainult ei mõjuta negatiivselt PF taset, vaid näitavad potentsiaalsete klientide kaotust, kes võiksid teenuste või kaupade eest tegelikult maksta.

Nõus, mobiilse Interneti kasutamise sageduse kasv on tõeliselt muljetavaldav. Google Analytics võimaldab teil hõlpsalt teada saada mis tahes ressursis olevate külaliste protsenti mobiilseadmeid kasutades. Selle indikaatori nägemiseks peate tegema järgmised toimingud.


Pole saladus, et otsingumootorid hoolivad alati tahvelarvutite ja muude seadmete kasutajate mugavusest, mis tähendab, et kui te keeldute saidi kohandamisest mobiilseadmete jaoks, võite jääda liikluseta.

Pidage meeles, et selle vea tõttu jätavad paljud kasutajad teid igaveseks, nagu tõestavad Equation Researchi uuringud. Selle eksperdid said teada: 46% inimestest ei käi enam saidil, kus nad ei olnud rahul mobiilsete vidinatega töötamise tasemega.

Nagu aru saate, ootavad teid seetõttu kurvad tagajärjed: ressursi enda tootlikkuse tase langeb pidevalt, kuna nutitelefonist või tahvelarvutist sisenev juba arenenud vaatajaskond ei saa suhelda, tellimusi esitada, infolehti vastu võtta , jne.

Kui te pole sündmuste arenguga rahul, soovitame teil seda saiti mobiilseadmete jaoks kohandada.

Kumb on parem - tundlik disain või mobiilne versioon

Mõistame kõigepealt nende kahe erinevust.

Reageerivat kujundust kasutatakse ainult saidi sellise loomiseks välimus, mis kuvatakse kasutajale vajalikust seadmest piisavalt.

Kusjuures mobiilne versioon on põhimõtteliselt uus versioon, mis on spetsiaalselt välja töötatud, võttes arvesse saidi kasutajate vajadusi, kes seda kasutavad kaasaskantavad seadmed... Nüüd räägime üksikasjalikumalt mõlemast tüübist.

Kohanev disain

See valik võimaldab väikese investeeringu abil saidi vidina abil selle külastaja jaoks sõbralikuks muuta.

Tegelikult on saidi kohandamisel mobiilseadmete jaoks lihtne lehtede suuruste, saidi elementide ja mõõtmetega kombinatsioon konkreetse seadme... Seetõttu on neid saite lihtne kasutada, kuigi peate silmas pidama nende puudusi.

Esiteks on see laaditud lehe suurus. Kuigi seda kuvatakse mobiilseadmes, jääb selle kaal samaks. Seetõttu võtab lehe laadimine kaua aega, sest mobiilse interneti kiirus on väiksem kui traadiga ja kasutaja väsib ootamisest ning sulgeb vahelehe.

mobiilne versioon

mobiilne versioon tavaliselt asub see peamisel alamdomeenil: m.site.ru, mobile.site.ru. Seda funktsiooni on keeruline omistada positiivsele, kui me räägime SEO-st, kuna sel juhul kasutatakse paljusid tingimuslikke ümbersuunamisi põhiversioonist mobiiliversioonini. Lõppude lõpuks jäävad saidid.ru/page ja m.site.ru/page otsingumootorite seisukohalt erinevateks lehtedeks.

Tasub öelda, et mobiiliversioon kaalub vähem, laaditakse kiiremini kui tundlik paigutus, kuna see eemaldatakse tarbetuid funktsioone ja kohandatud kujundus muudab saidiga suhtlemise lihtsamaks.

Muidugi maksab see versioon rohkem kui eelmine. Et teil oleks eelistatavamate valikute valimine lihtsam, toogem esile nende funktsioonid:

  • Pole mõtet kohandada väikest saiti mobiilseadmete jaoks, kui näiteks kõnealune ilusalongi saidi kohta piisab selle jaoks tavalisest kohanemisest.
  • Mobiiliversioon vajab võimsat saiti, millel on palju laaditavaid lehti. See valik on asjakohane veebimeedia jaoks, mille vaatajaskond on mitu tuhat inimest päevas.

Teisisõnu on valimisel vaja arvestada võimaluste ja vajadustega. Samuti rõhutame, et mõlemad need võimalused osutuvad hinnast sõltumata konverteerimiseks palju kasumlikumaks kui nende täielik puudumine.

Mida annab teile saidi kohandamine mobiilseadmete jaoks?

, "raskete" fotode, välgu, täiendavate kujunduselementide puudumise tõttu.
  • Intuitiivne, kasutajasõbralik navigeerimine. Mobiilseadmetes kasutatavaid ressursse iseloomustab vertikaalne kerimine, mugav otsingumoodul, navigeerimismenüü Avaleht, "Üles", "Tagasi". Lisaks kasutatakse helistamisfunktsiooni või kuvatakse saidi päises kasutaja ees kontakttelefoni number.
  • Mugavad menüüd, vormid... On oluline, et inimene saaks linki hõlpsasti aktiveerida, klõpsates sõrmega saidi muudel elementidel.
  • Loetav sisu. Ressursi külalisele on oluline, et ta ei kogeks mingeid raskusi, kui nad soovivad end tekstiga kurssi viia.
  • Võime minna täisversioon sait... Te ei saa lasta portaalil suunata külastajaid automaatselt mobiiliversiooni avalehele, kui nad üritavad vidinaekraanilt täisversiooni näha.
  • Funktsionaalsus, teisendustoimingute võimalus. Mobiilseadme kasutamisel ei ole kasutajal lubatud kogeda raskusi tellimisel, uudiskirja tellimisel, dokumentide allalaadimisel.


    • Esitage oma taotlus

    Kuidas kontrollida saidi kohandamist mobiilseadmete jaoks

    Saidi kohandamise kontrollimine mobiilseadmete jaoks, mis seisneb selles, et näete seda saidil erinevad seadmed, saab teha järgmiselt:

    • Vingriistad.


    Siit saate vaadata, kuidas sait ekraanidel välja näeb erinevaid vidinaid... Portaali kasutamise alustamiseks sisestage lihtsalt aadressiribale portaali URL, valige sisse horisontaalne menüü vajalik seade.

    • IPadpeek.


    Võimaldab teil kontrollida saidi välimust iPadis, iPhone'is.

    • F12.

    Alati kõige rohkem lihtne variant standardse triki rakendus jääb alles: vajutage klahvi F12, seejärel klõpsake telefoni ikoonil.

    Veebisaidi kohandamine Google'i mobiilseadmete jaoks

    Kui soovite oma saiti Google'i mobiilseadmete jaoks kohandada, on tasuta tööriist kasulik. Arendajad.Google:

    Siin peate sisestama ressursi aadressi ja klõpsama nuppu "Analüüs". Meie näites on mobiilikogemus 49% 100% -st.

    Samuti antakse nõu selle kohta, mida on vaja saidi kohandamiseks mobiilseadmega muuta, ja pakub selles küsimuses kasulikke linke. Nende soovituste abil saate hõlpsalt saavutada 90%, mis on Google'i jaoks miinimum.

    Asjad, mida saate teha oma saidi kohandamiseks mobiilseadmete jaoks ise

    Määrake vormiväljade õiged atribuudid

    Kui teie sait kasutab kasutajanime / URL-i jaoks sisendvälju, loobuge automaatkorrigeerimisest, lubage autokapitaliseerimine:

    Sinu nimi:

    Tänu sellele tehnikale takistate saidi kohandamisel mobiilseadmete jaoks T9 automatiseeritud sisendsüsteemil nimede asendamist, näiteks: Erwan " peal Erevan».

    Kui määrate sõnatüüpides esimeste suurtähtede automaatse kasutamise, säästate ressursikülalisi vajadusest pidevalt tähti suurtähtedega sisse lülitada, teisisõnu pannakse iga sõna algusesse suur täht (näiteks " Ken põleb " saab " Ken Burns "):


    Kasutage e-posti välja, kui teie sait küsib kasutajalt e-posti aadressi, et ta ei sisestaks mobiilseadme klaviatuurilt sümbolit @:

    Sinu email:

    Määrake mobiilseadmete jaoks sobiv laius

    Selleks avage sait oma arvuti brauseris, vähendage programmi akna laiust, kuni tekst pole enam loetav. See annab teile minimaalse lubatud laiuse. Määrake see praegune väärtus atribuudiks @viewport, määrates metasildi lehe otsa:

    Kui sisestate saidi uuesti mobiilseadmest, valitakse teie määratud laius automaatselt, see tähendab, et ressursi külaline ei ole sunnitud suumi kasutama.

    Alloleval joonisel on paremasse serva jäetud lisaruumi:


    Ja siin on laiuse väärtus valitud õigesti:


    Teie ülesanne muutub palju lihtsamaks, kui sait on üles ehitatud sujuvale paigutusele ja ühildub kõigi ekraanisuurustega. Soovitame teil saidi kohandamisel mobiilseadmete jaoks katsetada laiust, nii et teie ressurss näib meeldiv ja jääb loetavaks. Valitud väärtus ja määratud metasildis.

    Määrake piltide laiuseks 100%

    Pidage meeles, et mõned pildid on lõpuks liiga laiad pärast seda, kui muudate oma saidi valitud laiusele suurust. Varem ei pidanud ma sellise probleemiga silmitsi seisma, kuna töölauamonitorid on üsna suure eraldusvõimega, sobivad paljud pildid laiusesse:


    Seda probleemi saate vältida, määrates piltide maksimaalseks laiuseks 100%. Tänu sellele, kui pildid on vidina ekraani jaoks liiga suured, muudetakse nende suurust automaatselt. Ärge unustage sisestada allolev kood oma saidi CSS-i:

    img (maksimaalne laius: 100%)

    Kui määrate pildi taustpildiks peale img-märgendi kasutamise, peate lihtsalt määrama sisaldava CSS-i atribuudi. Nii muutub tausta suurus, kui ekraani eraldusvõime on 100% skaalal edastamiseks ebapiisav:

    .header (taust: url (header.png) 50% ei kordu; tausta suurus: sisaldab)

    Ärge muretsege, et pilt kaotab selguse - tänapäevased mobiilseadmed ei luba seda. Asi on selles, et kui saidi külastaja kasutab suumi, tõstab brauser pildi selgust. Siiski tasub veenduda, et teie portaalil pole metasildis atribuuti user-scalable = no, kuna see ei võimalda teil suumi kasutada:

    Määrake sisendväljade laiuseks 100%

    Kui olete määranud atribuudiga max-width piltide laiuse, tehke sama ka sisendväljade puhul. Selleks lisage lihtsalt oma saidi CSS-faili:

    sisend, tekstiala (maksimaalne laius: 100%)

    Nüüd ei lähe sisendväljad ekraanilt välja, kui kasutate saiti mobiilseadmest.

    Olge vormi esitamise kinnitusnuppude Keela kasutamisel ettevaatlik

    Kui esitamine pole pärast nupu esimest klõpsamist enam aktiivne, ei toimu esitamisnupul mitu korda.

    Kuid pidage meeles, et võrreldes lauaarvutitega katkestatakse mobiilseadmed sageli Internetist.

    Seega, kui muudate nupu passiivseks, võtate kasutajalt võimaluse seda uuesti vajutada ja probleem võib peituda mitte ainult võrgu kadumises. Niisiis, brauser sarnane seade suletakse kell sissetulev kõne ja hüppab blokeeritud nupu probleem, kuna see ei luba teil vormi pärast selle täitmist saata.

    Kui otsustate esitusnupu siiski deaktiveerida, tehke seda mõni sekund, kohandades saiti mobiilseadmete jaoks.

    Pikkade ridade korral kasutage sõna mähkimist

    Mõnikord peate kasutama pikki stringe: see hõlmab koodinäiteid, linke, pangakonto numbreid. Kui portaali laius ei ole kogu rea jaoks piisavalt lai, võib see sattuda väljaspool vidinaekraani:

    Tegeleb selle sõnamähisega, millega joon mähib, jõudes ekraani servani. Nii et saidi külastaja näeb kogu teavet korraga kerimata:

    Siin vajate parooli:

    435143a1b5fc8bb70a3aa9b10f6673a8

    Tühikute kasutamisel olge ettevaatlik

    Oleme kõik harjunud, et iga viis märki eraldatakse tühikutega, kui need moodustavad pika stringi. Lõppude lõpuks muudab see inimesel nende meeldejätmise teises rakenduses edasiseks sisestamiseks lihtsamaks.

    Kuid pange tähele, et on ebatõenäoline, et tark kasutaja nõustub märkide sisestamisega ise - ta teab lõikelauale. Tõsi, tühikud, mille panite, tuleb tal käsitsi kustutada. Mõelge, kui mugav on neid mobiilis või tahvelarvutis puhastada?

    Kasutajate elu hõlbustamiseks asendage oma saidi mobiilseadmete jaoks kohandamisel tühikud taanetega.

    Teiekood: 435143a1b5fc8bb

    Nagu näete, on tegelaste vahel lüngad, kuid kopeerimisel ei pea te nendega võitlema. Ja see säästab aega!

    Meediapäringute eelised

    Saidi jaoks saate luua kohandatud stiile, kui seda kuvatakse mobiilseadmetes (või väikeses brauseriaknas), samas kui lauaarvutis jääb see veebilehe tuttavaks välimuseks. See nõuab meediumipäringute sihtstiile. Siin on näide:

    Vältige fikseeritud positsioneerimist

    Kui pealkiri või külgriba on fikseeritud ja CSS-positsiooni omadus on fikseeritud, soovitame teil olla ettevaatlik.

    Sellisel juhul kasvab märgistuse loomisel teie päise suurus lehega proportsionaalselt, see tähendab, et see võib isegi hõivata kogu ekraani:


    Veebisaidi kohandamine mobiilseadmete jaoks on lihtsaim viis loobuda fikseeritud positsioonidest, kui neid kuvatakse mobiilseadmetes.

    Näide näitab, kuidas see praktikas töötab:

    Kasutage standardfonte

    Tänu kohandatud fontidele tundub sait kallis ja professionaalne. Kuid samal ajal peavad külalised üles laadima fondidega faile - see toiming tehakse enne, kui kasutaja saab saiti näha.

    Tavaliselt on need failid suured, mis tähendab, et nende allalaadimine mobiilseadmesse võtab palju aega. Ja mida näeb portaali külaline? Tühi ruum:


    Kohandades saiti Google Font Loaderiga mobiilseadmete jaoks, kuvatakse kohandatud versiooni laadimise ajal standardfondiga tekst. Järgmisena genereerite lehe uuesti ja külaline näeb algselt valitud fonti.

    Kuid peate kirjutama kaks CSS-reeglite varianti: üks vaikefondi jaoks ja teine ​​allalaaditud fondi jaoks.

    Uskuge mind, selline lahendus on optimaalne: inimene loeb fondide laadimise ajal kõik, mida vaja, ja siis on tal võimalus kujundust näha. Kasutage järgmist koodi:

    Rõhutagem: klassi valija .wf-opensans-n4-active lisatakse fontide laadija saidikoodile dünaamiliselt, kuid ainult siis, kui font on laaditud.

    Pakkuge kasutajatele loetavat sisu

    Tavaliselt kasutavad mobiilikasutajad Internetti kindlal eesmärgil. Näiteks kui nad soovivad võrrelda kaupade maksumust erinevates kauplustes, siis leidke salongi kontaktid, juhised ravimi kasutamiseks.

    Seetõttu ilmuvad need teie saidil, kui pealkiri neid köidab. Järgmiseks on nende jaoks oluline leida lugemiseks ettevalmistatud sisu väikeselt ekraanilt.

    Selle reegli kirjeldamiseks inglise keeles on üsna mahukas sõna "snackable" (inglise keelest "Snack" - suupiste). Niisiis peaks selliste kasutajate sisu olema näksitav, st mugav kiireks lugemiseks, sujuvaks liikumiseks vaatamiseks.

    Toome välja põhifunktsioonid, mida tuleb arvestada saidi kohandamisel ekraanilugejate jaoks mobiilseadmete jaoks:

    1. Alustage lühikese, lühikese, kaasahaarava pealkirjaga. Soovitame teil kirjutada see 10 sõnaga ja kasutada suurt trükki.
    2. Murra tekst plokkideks, peaks igaüks neist algama lühikese, informatiivse alamrubriigiga, mis paistab silma üldisest taustast.
    3. Sisesta nummerdatud / täppidega nimekirjad, nii et teie mobiilikasutajatele mugav oli vajalik kiiresti leida.
    4. Rakendage visuaalseid lisandeid täiendavalt teabe struktureerimine ja taju lihtsustamine.

    Kohandage e-kirju, et neid väikeselt ekraanilt lugeda

    Järgmised sõnumside tööriistad aitavad teil e-posti kohandada mobiilseadmete ekraanilt lugemisele:

    • MailChimp.
    • AWeber.
    • Pidev kontakt.

    Asendage lingid puudutatavate nuppudega

    Niipea kui kasutajad jõuavad mobiilseadmetest saitidele, mis pole nende jaoks kohandatud, diagnoositakse neil end "paksude sõrmede sündroom". Seda ei leia meditsiiniterminoloogiast, see on selle valdkonna spetsialistide släng, mis kirjeldab vigu, kui üritatakse konkreetsele elemendile näpuga pihta saada.

    Mis suurus on nupu, navigeerimiselemendi jaoks optimaalne, nii et inimesel pole nendega probleeme? Soovitused saidi kohandamiseks mobiilseadmete jaoks aitavad teil:

    • Apple usub, et nuppude, navigeerimiselementide optimaalne suurus algab suhtega 44 x 44 pikslit.
    • Nokia soovitab selliste elementide loomisel minimaalseks suuruseks 48 x 48 pikslit või 0,7 x 0,7 cm.
    • Microsoft soovitab 34 x 34 pikslit nuppe.

    Pidage meeles, et mobiilikasutajatel on seda saiti raske kasutada, kui teie tekst on täis üksteise lähedal asuvaid linke.

    Meie näidatud näites tehakse saidi täisversiooni menüü linkide kujul. Siin on kümnetollise tahvelarvutiga äärmiselt keeruline kohe soovitud sektsiooni jõuda.

    Nn mobiilisõbralike nuppude, navigeerimiselementide saamiseks võite valida kaks viisi: tellida need individuaalse kujundusega või kasutada malli tööriistu. Kui olete valinud WordPressi, soovitame kasutada neid pistikprogramme:

    • Silmapaistvad värvikarbid ja nupud. Selle abiga saate luua mugavaid erineva suuruse, värvi ja nööpe kontekstimenüü kohandatud mobiilikasutajatele.
    • Tundlik menüü. See pistikprogramm võimaldab teil luua mugava hamburgerimenüü.

    Parim tasuta WordPressi mobiilne WordPressi pistikprogramm

    JetPack

    Kõigepealt räägime kõige rohkem lihtne meetod kohandades saiti ise mobiilseadmete jaoks WordPressis, omades samal ajal kõige rohkem kõrge tase tõhusus. JetPacki tööriistakomplekt saab seda teha võimalikult vähese vaevaga - vajutage lihtsalt ühte nuppu.

    Ja tõenäoliselt on see juba teie baaspluginate hulgas installitud. Kui jah, klõpsake saidi administraatori menüüs linki "JetPack", minge moodulite lehele. Siin peate aktiveerima ainult "Mobiiliteema".

    MobilePress

    See on üks levinumaid, kuid siiski lihtsaid pistikprogramme. Sellel on kaks teemat ja see on kasulik edasiseks teema loomiseks mobiiliarendajate poolt.

    WPtouch

    Seda valikut loetakse loendi järgmiseks. tasuta tööriistad saidi kohandamine mobiilseadmete jaoks tõhususe seisukohalt. Nagu näitab statistika, on seda alla laaditud üle 4,3 miljoni korra.

    Selle eeliseks on see, et vaid mõne minutiga saate luua ilusa ja kiire mobiilisaidi, kirjutamata isegi koodirida. Tasulises versioonis nimega WPtouch Pro saate eraldi administraatori paneeli, tugi piletisüsteemis.

    Wapple'i arhitekti mobiiliplugin

    See pistikprogramm on kirjutatud WAPL-i märgistuskeeles, mis on spetsiaalselt loodud mitmesuguste seadmete ja platvormide veebisisu kohandamiseks, renderdamiseks, edastamiseks.

    Ta kasutab iga vidina jaoks oma API-d ja see valik on palju parem kui nuuskimismeetod, kuna see ei tegele töölaua saidi aadressistruktuuriga. Selgub, et seda pistikprogrammi on lihtne kasutada ja see on üsna lihtne lahendus.

    Mobiilne detektor

    See saidi kohandamine mobiilseadmete jaoks on varustatud tavaliste mobiiltelefonide, nutitelefonide automaatse tuvastamisega, mille tõttu sait laaditakse kasutaja seadmega ühilduvas versioonis, st võetakse selle ekraani eraldusvõime, diagonaal jne. arvesse.

    Kokku on seitse eelinstallitud mobiiliteema valikut. Lisaks muudab Mobile Detector automaatselt piltide suurust, eraldusvõimet vastavalt kuva parameetritele. Samuti pakub see oma vidinaid, statistika kogumist.

    Peamised eelised:

    1. Automaatne vidinate tuvastamine enam kui 5000 vidina andmebaasi abil.
    2. Võimalus eritada tavalised telefonid täiustatud seadmete hulgas.
    3. Mobiilikasutajate statistika koostamine, mis sisaldab selliseid näitajaid nagu kordumatute külastuste arv, otsinguliiklus jne.

    WP mobiiliversioon

    Tegelikult on see koopia enne seda võimalust esitatud koopiast - sellel on samad eelised, võimalused, kuid muu hulgas toetab see ka Disquse kommenteerimissüsteemi, mobiilikaart XML koos oma saidi jaoks mõeldud generaatoriga.

    Viimane võib olla kasulik ettevõtluses Otsingumootori optimeerimine... Pange tähele, et see pistikprogramm, mis on loodud saidi kohandamiseks mobiilseadmetega, genereerib vormi m.facebook.com alamdomeenil mobiiliversiooni, millega saavutatakse kiirendatud vahemällu salvestamine ja mobiilsete küpsiste tugi.

    WordPressi mobiilipakett

    Selles veebisaidi mobiilseadmete jaoks kohandamise versioonis toetatakse domeenide kaardistamist ja otsinguagente, mis võimaldavad teil tuvastada populaarseid mobiilseadmeid, mis võimaldab teil kuvada sisu neile vajaliku eraldusvõime ja kvaliteediga. Pakub ka ühe teema kohandatavaid värvilahendusi.

    Saiditabelite kohandamine mobiilseadmete jaoks

    Pole saladus, et kõige raskem ülesanne saidi kohandamisel mobiilseadmete jaoks, nimelt erinevate eraldusvõimete jaoks, on töö tabelitega. Pealegi on see kõige asjakohasem suure hulga teabega tabelite puhul.

    Räägime kahest tundliku tabeli paigutusvalikust.

    Kõigepealt vaatame tabeli välimust:


    Bootstrapi stiilis tundlik tabeli paigutus

    Ausalt öeldes on sellist tabelit raske nimetada tõeliselt adaptiivseks. See näeb mobiilseadmes välja orgaaniline ja saidi paigutus ei "voolu". See valik sobib, kui teil pole saidil palju tabeleid, nii et pistikprogrammi ühendamine ja täiendavate stiilide kirjutamine on aja raiskamine. See on viis, kuidas Bootstrap seda kasutab.

    Selle meetodi kasutamiseks pakitakse tabel div-i, mille maksimaalne laius on 100%, overflow: auto.

    Lisaks saate saidi kohandamisel mobiilseadmete jaoks valida maksimaalse kõrguse, fikseerida tabeli päise, kui see on pikk.

    Tõeliselt reageeriva arvutustabeli paigutus

    Nüüd arutame olukorda, kus teie sait on tõesti tabeleid täis - siin tasub kasutada Footable pistikprogrammi.

    Kõigepealt peate ühendama pistikprogrammi (laadige alla GitHubi / ühendage CDN-ist), lähtestage see:

    Kuid saidi kohandamisel mobiilseadmete jaoks on üks peensus: skript arvutab tabeli laiuse, mitte vaateava laiuse. Kuna peame selle vea parandama, on oluline skripti veidi "moderniseerida":

    Selleks märgime initsialiseerimisel tabeli klassi või lihtsalt tabeli märgendi, kui tahame, et saidi kõik tabelid oleksid adaptiivsed.

    Mida me mõtleme? Veergud "RAM", "Diagonaal", "PPI", "Aku" peidetakse tahvelarvutitele. Kasutades veelgi väiksemal telefoniekraanil, peidetakse ka "Hind".

    Initsialiseerimisel saab seada murdepunktid:

    Selgub, et vahemikus 0-720 järgib mobiil reeglit, 720-1024 - tahvelarvuti ja üle 1024 - töölaud. Vajaduse korral saate luua rohkem reegleid.

    Samuti on teil võimalus konkreetset veergu vaikimisi laiendada. Sel juhul määrake data-attribute data-expand = "true":

    Me pole kõiki pistikprogrammi funktsioone käsitlenud, kuid sellest plokist piisab tundlike tabelite loomiseks.

    Veebisaidi kohandamine mobiilseadmete jaoks veebis: 6 parimat teenust

    1. mobiSiteGalore

    Seda teenust veebisaidi kohandamiseks mobiilseadmete jaoks peetakse kõige lihtsamaks mobiilsete veebisaitide redigeerijaks. Selle loojate sõnul võtab veebisaidi täisfunktsionaalse mobiiliversiooni väljatöötamine ainult 54 minutit.

    Pange tähele, et enamus olemasolevatest teenustest on suunatud nutitelefonidega töötamisele, mobiSiteGalore võimaldab teil valmistada saite ette vanade telefonimudelite jaoks.

    1. MobStac

    MobStaci abil saate HTML5-ga renderdatud mobiiliveebisaidi. Lisaks on teil võimalus muuta seadeid või valida kujunduse muutmiseks konkreetne mall, mis ei ole keeruline.

    Rõhutades, et MobStac on ainus olemasolev teenus, mis pakub sisseehitatud mobiilsete veebisaitide monetiseerimiskava. Selle puuduseks on asjaolu, et teenus on endiselt beetaversioonis, kuid võite saada kutse ja seejärel registreeruda.

    1. Mofuse

    Siin on võimalik välja töötada veebisaidi mobiiliversioon, kasutades kahte lähenemisviisi: tehke kõik ise mofuse abil või kohandage saiti mobiilseadmete jaoks, tellides selle spetsialistide meeskonnalt.

    Esimesel juhul saate rohkem võimalusi disainivaldkonnas, samal ajal kui teenuse osutamise eest peate maksma ainult kuus. Kui palkate spetsialiste, langeb kogu töö nende õlgadele.

    1. Mobiilirakendus Ameerika

    See valik pakub teie veebisaidile parendatud SEO aspekti. Tänu selle võimalustele edestate konkurente, kelle portaalides pole veel isegi mobiiliversiooni. Selle teksti ettevalmistamise ajal toetas rakendus seda iPhone'i seadmed, Blackberry, Android.

    1. bMobiliseeritud

    See võimaldab teil lühikese aja jooksul koostada veebisaidi mobiiliversiooni. Rakendust iseloomustab kiire teisendamine täpsemate seadetega, mis muu hulgas võimaldavad kujundust muuta.

    Arendajate sõnul toetab bMobilized andmebaas üle 13 tuhande mobiilseadmete mudelit, sealhulgas tänapäeval populaarseid kaubamärke.

    Kuid kui olete mures saidi mobiilseadmete kohandamise kulude pärast, on see teenus teie jaoks, sest mida rohkem veebisaite selle kaudu paigutate, seda rohkem allahindlust saate. Teisisõnu, bMobilized sobib peaaegu ideaalselt veebisaidi võrgu omanikele, mis tuleb kohandada mobiilseadmete jaoks.

    1. Mobify

    Mobify on tunnustatud parim teenus neile, kes on seotud e-kaubandusega. See pakub HTML5-funktsionaalsust omanikele ja selle arendustiim ehitab teie soovidele tuginedes teie mobiiliveebisaidi.

    Nagu näitab praktika, kulub täielikult toimiva elektroonilise poe loomiseks idee staadiumist kuni kolm nädalat. Lisaks on teil võimalus ise selle arengusse sukelduda.

    Kui teil õnnestus proovida kõiki ülalkirjeldatud meetodeid, kuid te pole siiski tulemusega rahul, on aeg pöörduda professionaalide abi poole.


    Massiiv (=> 21 [~ ID] => 21 => 28.09.2019 13:01:03 [~ TIMESTAMP_X] => 28.09.2019 13:01:03 => 1 [~ MODIFIED_BY] => 1 => 21.09.2019 10:35:17 [~ DATE_CREATE] => 21.09.2019 10:35:17 => 1 [~ CREATED_BY] => 1 => 6 [~ IBLOCK_ID] => 6 => [~ IBLOCK_SECTION_ID] => => Y [~ ACTIVE] => Y => Y [~ GLOBAL_ACTIVE] => Y => 500 [~ SORT] => 500 => Dmitri Svistunovi artiklid [~ NAME] => Dmitri Svistunovi artiklid => 11076 [~ PILT] => 11076 => 7 [~ LEFT_MARGIN] => 7 => 8 [~ RIGHT_MARGIN] => 8 => 1 [~ DEPTH_LEVEL] => 1 => Dmitri Svistunov [~ KIRJELDUS] => Dmitri Svistunov => tekst [~ DESCRIPTION_TYPE] => text => Dmitri Svistunovi artiklid Dmitri Svistunov [~ SEARCHABLE_CONTENT] => Dmitri Svistunovi artiklid Dmitri Svistunov => statyi-dmitriya-svistunova [~ CODE] => statyi-dmitriya-sv => [~ XML_ID] => => [~ TMP_ID] => => [~ DETAIL_PICTURE] => => [~ SOCNET_GROUP_ID] => => /blog/index.php?ID=6 [~ LIST_PAGE_URL] => /blog/index.php?ID=6 => /blog/list.php? SECTION_ID = 21 [~ SECTION_PAGE_URL] => /blog/list.php?SECTION_ID=21 => ajaveeb [~ IBLOCK_TYPE_ID] => ajaveeb => ajaveeb [~ IBLOCK_CODE] => ajaveeb => [~ IBLOCK_EXTERNAL_ID] => => [ ~ EXTERNAL_ID] =>)

    Saiti, mida kuvatakse õigesti mis tahes seadmes, kohandades dünaamiliselt brauseri akna suurust, nimetatakse reageerivaks saidiks.

    Kohanemisvõime ülesanne on saidi universaalne kuvamine igat tüüpi ja vormingus seadmetes, ilma et iga vidina jaoks oleks saidi jaoks eraldi versioone loodud.

    StatCounteri uuringu järgi käis 2016. aastal 51,3% kasutajatest iga päev veebis mobiilseadmete abil: nutitelefonidest oli kaks korda rohkem väljumisi kui tahvelarvutitest. MobilizeToday.ru statistika näitas, et 46% kasutajatest ei sisenenud ressurssi uuesti intuitiivse navigeerimisega, 23% kasutajatest lahkus reeglina selliselt saidilt juba esimesel minutil ja ainult 31% jätkas sellega tööd.

    Need andmed näitavad, et vidinad ja Mobiilne Internet on muutunud kasutaja vaba aja veetmise ja töö lahutamatuks osaks. Kui teil on oma analüüsiga veebiressurss, võite veenduda, et liiklus ühestki mobiilseadmest moodustab keskmiselt 45% kogu liiklusest.

    Üks võimalusi oma ressursiga töö tõhustamiseks on selle kohanemisversiooni käivitamine. Reageeriva kujunduse tähendus on ressursi õige kuvamine kõigile mobiilikasutajatele. Esimest korda kasutati terminit "tundlik veebisaidi kujundus" 2010. aastal arendaja Ethan Marcotte'i artiklis ja mõne aasta pärast lisati paljude uuenduslike ettevõtete veebisaitidele adaptiivne paigutus.

    Kuidas kujuneb adaptiivse loomise hind?

    1. Adaptiivne versioon pakub elementide paigutamiseks kolme peamist viisi: nutitelefon, tahvelarvuti ja töölaud. Samuti mõtlevad nad üle reeglid saidi muutmiseks muude vidinate, horisontaalse ja portree orientatsiooni vormingute jaoks.
    2. Kohanemisvõime muutmise hind sõltub olemasolevast kujundusest ja ressursi paigutuse tasemest. On olemas disainitüüpe, mida on mobiilseadmete jaoks lihtne kohandada, kuid juhtub, et adaptiivse jaoks on vaja luua peaaegu uus sait.
    3. Adaptiivil pole täpseid kulusid. Meie ettevõtte lehel on märgitud tööde põhiloendiga kohanduva versiooni loomise hind.

    Reageeriv veebisait ja mobiiliversioon: peamised erinevused

    1. Mobiilne sait nõuab iga tüübi jaoks eraldi rakenduste käivitamist operatsioonisüsteem... Seetõttu on mobiilse versiooni väljatöötamise hind kõrgem kui adaptiivne
    2. Rakenduse kasutamiseks peate selle alla laadima. Kohanduv paigutus ei vaja kasutajalt täiendavaid pingutusi.
    3. jagab liikluse saidi liikluseks pluss rakenduste liiklus, mis vähendab saidi liikluse määra. Adaptive eesmärk on hoida kogu liiklusmaht.
    4. Mobiilne versioon tähendab vajadust sünkroonida põhisaidi sisu rakenduse sisuga. Ja see nõuab rohkem aega ja tehnilisi ressursse.
    5. Mobiilne disain - minimeerimine graafilised elemendid allalaadimiskiiruse suurendamiseks (see on adaptiivse versiooniga võrreldes suurem).

    Tundliku saidi loomine võimaldab teil ressursi kasutaja jaoks paindlikuks muuta ja kaob vajadus saiti iga vidina jaoks kohandada. Saidi kohanemisvõime võimaldab selle automaatselt kohandada brauseri suurusega, st muuta see universaalseks. Veebis surfamine mis tahes seadmest, olgu see siis nutitelefon, tahvelarvuti või teler, muutub peaaegu identseks.

    Reageeriva veebisaidi loomise eelised ei lõpe sellega. Loetleme peamised.

    • Tasuv - veebisaidi kohandamine maksab vähem kui mobiilirakenduse loomine.
    • Praktilisus - tundlike saitide väljatöötamine eeldab, et saidi kõik lehed on juurdepääsetavad ühest URL-ist. Ja see säästab teid omakorda SEO reklaamimise probleemidest.
    • Terviklikkus - tundliku veebisaidi loomine tähendab selle struktuuri ja äratuntava kujunduse säilitamist mis tahes seadme kasutaja jaoks.
    • Kasumlikkus - Interneti-kasutajaid muutub iga aastaga üha rohkem, mis tähendab, et liiklus ressursile tulevikus suureneb, suurendades äritulu.
    • Lojaalsus - kaasaegne kasutaja, kes valib saite ühes suunas, peatub rohkem mugav variant, st võimalusega oma vidina jaoks kohaneda.
    • Edetabel - tundliku veebisaidi loomine tähendab selle võimaluste suurendamist otsingutulemuste tippu jõudmiseks. Muideks, google süsteemid alates 2015. aastast eelistavad nad kohanduste ressursse. Veebiprojekti paremusjärjestuse suurendamiseks võite tellida kohanemisvõimaluse redigeerimise.

    Kuidas reageerida ja parandada - 5 põhietappi

    1. Reguleerib ekraani eraldusvõimet. Veebisaidi paigutamine iga seadme jaoks on üsna problemaatiline ja aeganõudev. Siinkohal võib appi tulla saidi kohanduv muutmine, nimelt paindlik paigutus. Selle teabe kohta lisateabe saamiseks vaadake Zoe Mickley Gillenwateri paindlikku veebidisaini: vedelate paigutuste loomine CSS-iga.
    2. Piltide paindlikkus- üks viis, kuidas muuta teie sait tundlikuks. Reageeriv paigutus hõlmab atribuutide ja muude CSS-funktsioonide kasutamist piltide suuruse muutmiseks.
    3. Reageerivad pildid. Selleks saate kasutada filamentide rühma tehnikat, millega pildid tihendatakse.

    1. Valikuline sisu kuvamine a ehk elementide kokkusurumine ja ümberpaigutamine. Funktsioon muudab need kompaktseks paigutamiseks väikestele ekraanidele, lihtsustab navigeerimist, asendab loendid veergudega, et sisu paremini esitada.
    2. Kohandatav lehe paigutus- võime luua tundlik sait, muutes lehe elementide paigutust, kasutades rakendust süsteemifail stiilidega.
    3. Meediaküsimuste rakendamine või @ media. Võimaldab sisestatud CSS-reeglit rakendada, kui antud ekraanisuurusest on väiksem kui määratud.

    Kohanduva disaini arendamise tunnused ettevõttes KOLORO

    Agentuur KOLORO pakub teenuseid nii mobiilseadmetele reageeriva veebisaidi loomiseks kui ka veebisaidi viimistlemiseks, et parandada selle kohanemisvõimet.

    Programmeerijad kujundavad koos ettevõtte turundajatega kohanduva veebisaidi, mis säästab projekti väljatöötamise etapis raha ja suurendab teie ressursi teisendamist.

    KOLOROS saate tellida mitte ainult võtmed kätte kohanduva veebisaidi loomise, vaid ka muuta olemasolevat ressurssi, võttes arvesse teie soove ja muudatusi.

    Kas teil on endiselt küsimusi? Rääkige meile oma projektist ja saate kohe tasuta konsultatsiooni!