Mobile version ntawm qhov chaw: yuav ua li cas? Adaptive tsim

Cov txheej txheem:

Mobile version ntawm qhov chaw: yuav ua li cas? Adaptive tsim
Mobile version ntawm qhov chaw: yuav ua li cas? Adaptive tsim
Anonim

Hnub no, cov neeg feem coob mus online los ntawm cov khoom siv txawb - ntsiav tshuaj, xov tooj, hauv qhov no, kev ua kom zoo ntawm lub vev xaib kuj nce mus txog qib tshiab. Yog tias tus neeg siv nkag los thiab pom tias lub vev xaib tsis zoo rau cov khoom siv txawb: cov duab tsis tuaj yeem pom, cov nyees khawm tau tsiv tawm, cov ntawv me me thiab nyeem tsis tau, tus qauv tsim yog skewed - 99 tawm ntawm 100% tias nws yuav tawm. thiab pib nrhiav lwm qhov yooj yim dua. Thiab tus neeg hlau tshawb nrhiav yuav kos lub thawv uas cov peev txheej tsis cuam tshuam, uas yog, nws tsis phim cov lus nug. Yog li ntawd, tus tsim ntawm nplooj ntawv yuav tsum tau yoog rau ntau yam khoom siv mobile. Lub vev xaib mobile yog dab tsi, yuav ua li cas, thiab dab tsi yog txoj hauv kev zoo tshaj los siv nws? Nyeem ntxiv hauv kab lus no.

Yog li muaj plaub txoj hauv kev los ua kom koj lub vev xaib mobile phooj ywg.

yuav ua li cas ua ib tug mobile version ntawm lub site
yuav ua li cas ua ib tug mobile version ntawm lub site

Method One - Teb Tsim

Teb cov qauv hloov pauv lub vev xaib duab nyob ntawm qhov screen loj. Raws li txoj cai, lawv tau teem rau tus qauv 1600, 1500, 1280, 1100, 1024 thiab 980 pixels. Rau kev siv, CSS3 Media Queries yog siv. Qhov chaw tsim nws tus kheej tsis hloov.

Qhov zoo ntawm txoj kev no suav nrog:

  • kev txhim kho yooj yim,txij li cov qauv nws tus kheej hloov mus rau qhov kev tshuaj ntsuam tsis, thiab ib qho kev hloov tshiab tsis tas yuav tsim kev tsim kho los ntawm kos, nws txaus los tweak CSS thiab HTML;
  • ib URL - tus neeg siv tsis tas yuav nco ntsoov ntau lub npe, tsis tas yuav muaj kev hloov pauv (redirect los ntawm ib qhov chaw mus rau lwm qhov), uas tuaj yeem cuam tshuam kev ua haujlwm ntawm tus webmaster, thiab nws yooj yim dua rau kev tshawb nrhiav lub cav los txheeb thiab txheeb cov peev txheej nrog ib qho chaw nyob.

Tau kawg, cov qauv hloov pauv muaj lawv qhov tsis zoo, uas, los ntawm txoj kev, muaj ntau dua qhov zoo. Txawm li cas los xij, ntau tus neeg tsim khoom ua raws li lub tswv yim no, piv txwv li, Google Corporation, uas nws lub vev xaib mobile version muaj kev hloov kho. Yog li, qhov tsis zoo:

  • Kev tsim qauv teb tsis txhawb tib txoj haujlwm ntawm lub xov tooj ntawm tes raws li nws ua hauv PC. Yog tias qhov no yog, piv txwv li, lub xov tooj ntawm tes ntawm lub txhab nyiaj lub vev xaib, qhov twg cov ntaub ntawv hais txog tus nqi pauv lossis cov ATMs ze tshaj plaws yog qhov tseem ceeb rau cov neeg siv, ces qhov kev tsim no txaus txaus. Tab sis yog hais tias qhov no yog ib tug complex txheej txheem kev pab cuam nrog ntau seem thiab subsections, ces cov qhua yuav tsis nyiam adaptive layout.
  • Slow loading hloov qhov chaw nyiam mus ua ib qho kev ntxub. Qhov no yog qhov tseeb tshwj xeeb tshaj yog rau cov peev txheej uas cov animations, yeeb yaj kiab, pop-ups thiab lwm yam khoom siv muaj ntau. Vim qhov hnyav hnyav, nplooj ntawv tsuas yog "slow down", tus neeg siv yuav npau taws thiab tawm mus, thiab qhov chaw nrhiav haujlwm yuav poob.
  • Qhov tsis muaj peev xwm tua lub xov tooj ntawm tes yog lwm qhov tsis zoo. Yog tias qee lub ntsiab lus zais los ntawm qhov kev teeb tsa no, kojtsis muaj ib yam dab tsi uas koj tuaj yeem ua tau los qhib nws, tsis zoo li cov chaw uas koj tuaj yeem tua nws thiab hloov mus rau qhov chaw tsis tu ncua.

Txawm li cas los xij, xws li mobile version ntawm lub xaib sai sai, tsis muaj kev txawj tshwj xeeb thiab nqi, tso cai rau koj hloov cov peev txheej rau txhua yam khoom siv. Tab sis, nyob rau hauv kev pom ntawm qhov tsis txaus, nws yuav haum me me, yooj yim cov kev pab cuam nrog yam tsawg kawg nkaus ntawm cov ntaub ntawv thiab multimedia, tsis nyuaj navigation thiab animation. Rau qhov chaw nyuaj, 2 lwm txoj hauv kev tsim nyog.

tsim qhov chaw
tsim qhov chaw

Thib ob txoj kev - cais tawm ntawm qhov chaw

Txoj kev no muaj ntau heev thiab feem ntau ua tiav hauv kev ua kom lub vev xaib nyeem tau ntau dua ntawm lub xov tooj ntawm tes. Nws cov ntsiab lus yog los tsim ib qho kev sib cais ntawm nplooj ntawv, kos rau daim ntawv thov thiab nyob rau ntawm ib qho URL cais lossis subdomain, piv txwv li, m.vk.com. Nyob rau tib lub sijhawm, lub luag haujlwm tseem ceeb yog khaws cia, qhov tsim ntawm lub xaib tsuas yog zoo li txawv. Qhov zoo ntawm txoj kev no yog pom tseeb:

  • tus phooj ywg interface;
  • hloov pauv tau yooj yim thiab hloov kho raws li cov version muaj cais los ntawm cov peev txheej loj;
  • vim qhov hnyav qis, qhov sib cais ntawm qhov chaw ua haujlwm sai dua li tus qauv hloov kho;
  • feem ntau nws tuaj yeem mus rau qhov tseem ceeb ntawm nplooj ntawv los ntawm lub xov tooj ntawm tes.

Tab sis muaj qee qhov tsis zoo ntawm no ib yam:

  • Ntau qhov chaw nyob - desktop thiab mobile version ntawm lub xaib. Yuav ua li cas kom tus neeg siv nco ntsoov ob txoj kev xaiv? Web masters feem ntau sau npe rau redirect (redirect) los ntawm lub desktop version mus rau lub mobile version, tab sis nyob rau tib lub sij hawm, yog hais tias nplooj ntawv no nyob rau hauv lub mobile.version tsis muaj nyob, tus neeg siv yuav tau txais qhov yuam kev. Ntawm no, teeb meem tshwm sim nrog kev tshawb fawb xyaw, uas pom tias nws nyuaj rau qeb 2 cov peev txheej zoo ib yam, thiab qhov no cuam tshuam ncaj qha rau kev nce qib.
  • Lub xov tooj ntawm lub vev xaib los ntawm lub khoos phis tawj, yog tias tus neeg siv nkag mus rau nws yuam kev, yuav saib tsis zoo, uas tuaj yeem cuam tshuam kev tsheb mus los.
  • Cov version no feem ntau raug txwv hnyav, desktop, yog li tus neeg siv yuav tau txais kev ua haujlwm tsawg heev. Tab sis tib lub sijhawm, yog tias muaj qee yam ploj lawm, tus qhua tuaj yeem mus rau nplooj ntawv tag nrho.

Feem ntau, ib lub vev xaib mobile sib cais qhia nws tus kheej thiab yog txoj hauv kev zoo tshaj plaws los hloov cov peev txheej rau cov khoom siv txawb. Nws yog nrov nrog cov khw hauv online loj xws li Amazon.

hloov pauv templates
hloov pauv templates

Third way - RESS design

Google tshawb nrhiav lub tshuab nquag txhawb nqa qhov kev taw qhia ntawm kev tsim mobile. Qhov no yog qhov nyuaj tshaj plaws, raug nqi, tab sis txoj hauv kev zoo los hloov lub xaib mus rau lub xov tooj lossis ntsiav tshuaj. Nws hu ua RESS. Qhov no yog tsom cov peev txheej rau hauv daim ntawv thov mobile uas tuaj yeem rub tawm rau txhua lub cuab yeej sib cais. Rau Android - nrog GooglePlay, thiab rau Apple - nrog iTunes.

Cov ntawv thov no tau nrawm, pub dawb, yooj yim, muaj peev xwm ua kom haum rau ntau hom ntaub ntawv, thaum lub xov tooj lub cim xeeb thiab kev khiav tsheb hauv Is Taws Nem tsis noj zoo li thaum mus saib lub vev xaib los ntawm browser. Lawv yooj yim rau kev nkag mus, vim tias qhov txuas yuav ib txwm nyob ntawm qhov screen ntawm tes, thiab tsis tas yuav tsum nkag mus rau lub npe nyuaj hauv qhov browser chaw nyob.

Muaj, tau kawg, ntawm no thiabnws qhov tsis txaus, xws li kev nyuaj hauv kev txhim kho, tus nqi siab ntawm kev ua haujlwm ntawm ntau tus programmers, yuav tsum tau ua ntau yam kev xaiv layout. Qee zaum lub xov tooj ntawm tes tsis lees paub los ntawm daim ntawv thov. Kev txhawb nqa tsis tu ncua, kho qhov tsis txaus yog tsim nyog. Txawm li cas los xij, qhov kev xaiv no suav hais tias yog qhov zoo tshaj plaws ntawm peb qhov kev thov vim nws ua haujlwm tau zoo, tsis muaj kev cuam tshuam.

google mobile lub vev xaib
google mobile lub vev xaib

Txoj kev pheej yig tshaj los ua lub vev xaib txawb

Txhua yam ntawm cov txheej txheem saum toj no koom nrog, txawm hais tias tsis yog ib txwm ntev thiab nyuaj, tab sis tseem them nyiaj ua haujlwm ntawm tus tswj hwm lub vev xaib. Yog tias koj tsis pom qhov xav tau sai rau kev txhim kho zoo li no, qhov yooj yim thiab dawb mobile version ntawm lub xaib yuav haum rau koj. Txoj kev uas yooj yim tshaj plaws yog dab tsi?

Download cov qauv tshwj xeeb (plugins) rau kev tsim qauv. Piv txwv li, WP Mobile Detector, WordPress Mobile Pob, WPSmart Mobile thiab lwm yam. Lawv yuav pab kom pom lub vev xaib kom raug ntau dua hauv xov tooj, thaum koj yuav tau txais ob peb lub tswv yim ntawm qhov yuav tsum tau kho kom zoo dua hloov nplooj ntawv mus rau lub xov tooj ntawm tes.

Tau kawg, txoj kev no tsis tshua haum rau cov peev txheej loj. Hloov chaw, qhov no pub dawb yog npaj rau cov chaw me me thiab yooj yim, blogs, xov xwm pub. Tsis txhob hnov qab tias Google tshawb nrhiav cav, nrog rau Yandex, niaj hnub no ua rau muaj kev xav tau loj ntawm cov xov tooj ntawm tes, yog li muaj lub sijhawm loj los txo koj txoj haujlwm siv txoj haujlwm no.

Nrog txoj kev no, feem ntau yuav, tshaj tawm thiab pop-ups yuav raug txiav tawmbanners, tab sis nplooj ntawv yuav thauj khoom sai thiab tsis muaj "lags".

mobile version ntawm lub site android
mobile version ntawm lub site android

Txoj cai rau tsim cov ntawv xov tooj ntawm tes

Nws tsis muaj teeb meem yog tias lub xov tooj ntawm tes ntawm lub xaib tau tsim pub dawb lossis nrog kev pab los ntawm cov neeg ua haujlwm ntawm webmasters, nws tau tsim los ntawm RESS system lossis siv tus qauv hloov pauv. Qhov tseem ceeb tshaj plaws, rau nws txoj haujlwm ua haujlwm tau zoo, nws yuav tsum ua raws li ntau lub hauv paus ntsiab lus tseem ceeb. Yog li, dab tsi yuav tsum yog lub mobile version ntawm lub xaib? Yuav ua li cas thiaj tsim tau, muaj txiaj ntsig thiab tsim tau?

mobile version ntawm qhov chaw los ntawm lub computer
mobile version ntawm qhov chaw los ntawm lub computer

Txhawm txhua yam tsis tsim nyog

Minimalism yog dab tsi tus tsim tawm ntawm mobile version ntawm lub xaib yuav tsum siv zog rau. Xav txog seb nws nyuaj npaum li cas kom pom cov ntaub ntawv uas muaj xim, cov nyees khawm, banners, thiab uas koj yuav tsum mus rau qhov kawg scroll los ntawm kev tshawb nrhiav cov khoom zoo. Mobile tsim yuav tsum yooj yim thiab huv si. Xaiv 2-3 xim los faib qhov chaw (piv txwv li, muaj npe). Zoo dua yog tias ib tug ntawm lawv yog dawb. Faib qhov chaw ntawm lub vijtsam me me rau hauv cov cheeb tsam uas nkag siab tau thiab nyeem tau. Cov yuam sij virtual yuav tsum pom kom tus neeg siv paub meej tias qhov twg yuav nias thiab pom - ntawm no yog cov khoom lag luam, ntawm no yog daim ntawv sau rau hauv cov ntaub ntawv, ntawm no yog cov ntaub ntawv ntawm kev xa khoom thiab kev them nyiaj.

Txhua yam kev xaiv ntxiv uas yuav muaj txiaj ntsig zoo hauv lub desktop version thiab ua kom lub neej yooj yim dua rau cov neeg siv tsuas yog nqa cov teeb meem ntawm no. Cia tsuas yog cov ntsiab lus tseem ceeb tshaj plaws. Animation, advertising banners, multimedia, feem ntau yuav, yuav tsuas ua hauj lwm qeeb ntawm lub site los yog daim ntawv thov thiab cuam tshuam los ntawmlub ntsiab.

Kev sib tw

Qhov teeb meem ntawm kev sib raug zoo tsis muaj tsawg dua, vim yog ua tsis raug, tus neeg siv tsuas yog tau txais qhov xaus ntawm cov lus tseem ceeb. Sab laug-aligned thiab ntsug alignment yog feem ntau txais. Xav txog koj tus kheej scrolling los ntawm cov xov xwm pub ntawm koj lub xov tooj. Koj ua nws saum toj mus rau hauv qab, tsis yog rau sab laug lossis sab xis.

Kev sib koom ua ke

Thaum tsis muaj qhov ua tau ntawm txoj hlua ntev ntawm kev hloov pauv, sim ua ke ob peb kauj ruam rau hauv ib qho. Piv txwv li, lub xaib xav tau cov ntaub ntawv nkag hauv ntau theem - ib lub npe, tom qab ntawd qhov chaw nyob, qhov twg hauv txhua tus neeg ntawm tes muaj ib lub tsev cais, txoj kev, chav tsev, thiab lwm yam. Yuav kom tsis txhob yuam tus neeg siv sim ntaus ntau lub hlwb me., hais kom nws sau 2 lub npe thiab chaw nyob.

Thiab tsis sib xws

Qee zaum, ntawm qhov tsis sib xws, nws yuav tsum cais cov ntaub ntawv ntau dhau. Piv txwv li, nyob rau hauv cov ntawv qhia zaub mov nco-down koj muaj cov npe ntawm ntau tshaj 80 lub nroog uas cov khoom xa tuaj. Muab lawv los ntawm cheeb tsam kom tus neeg siv tsis tas yuav scroll los ntawm cov npe loj no. Thaum nws hla dhau qhov chaw nruab nrab hauv cheeb tsam lossis cheeb tsam, lwm lub nroog yuav tso tawm.

Lus sau npe

Los ntawm txoj kev, hais txog cov npe. Muaj ob ntawm lawv - tsau nyob rau hauv cov tsiaj ntawv los yog lwm yam kev txiav txim thiab nrog hloov. Lawv xaiv nyob ntawm seb yuav teev dab tsi.

Kho kom raug yog tias tus neeg siv paub meej qhov lawv tab tom nrhiav. Piv txwv li, lub nroog, tus lej lossis hnub tim. Qhov kev xaiv thib ob yog tsim rau cov npe ntev ntev lossis rau rooj plaub uas muaj ntau qhov sib txawv ntawm ib qho thiab tib yamtib lub npe, thiab txhua daim ntawv teev npe coj tus neeg siv ib kauj ruam ze rau lub hom phiaj. Qhov kev xaiv pib hloov pauv feem ntau yog siv thaum tus qhua xav tau kev pab. Piv txwv li, ib qho chaw knitting muab los yuav cov koob knitting. Tus neeg siv nkag mus rau cov lus nug "Hlau knitting koob", thiab hauv cov lus qhia nws pom "Knitting koob 5 mm", "Knitting koob 4.5 mm", thiab lwm yam.

Autofill

Cov khoom no yog qhov tshwj xeeb tshaj yog rau cov chaw muag khoom hauv online, thiab koj yuav tsum ua cov qauv qauv rau kev them nqi, kev xa khoom, thiab lwm yam. Yog tias tus neeg yuav khoom los ntawm lub xov tooj, feem ntau nws yuav tsis muaj sijhawm. kom tau mus rau lub computer, uas txhais tau hais tias cov txheej txheem yuav yuav tsum tau ua kom sai thiab yooj yim li sai tau.

Rau qhov no, cov ntaub ntawv yuav muaj cov ntaub ntawv uas twb muaj lawm, koj tuaj yeem siv cov lus teb nrov tshaj plaws. Piv txwv li, ntxig rau hnub no, txoj kev them nyiaj ntsuab, lub nroog yog tias koj ua haujlwm hauv tib cheeb tsam. Lawv tuaj yeem hloov pauv, tab sis yog tias koj ntaus lub hom phiaj, tus neeg siv lub sijhawm yuav raug cawm dim.

Txhua yam tau nyeem, txhua yam tau saib

Thaum tsim lub vev xaib mobile, nco ntsoov tias txhua tus xov tooj sib txawv, thiab yog li lawv qhov muag pom. Tej zaum koj lub xaib yuav raug saib los ntawm lub vijtsam me me, yog li cov fonts yuav tsum yooj yim thiab nyeem tau, cov nyees khawm yuav tsum loj txaus kom lawv tuaj yeem nyem yam tsis raug coj mus rau lwm nplooj ntawv, thiab cov duab yuav tsum qhib nyias, loj, tshwj xeeb tshaj yog thaum nws los rau hauv Internet. khw.

Qee cov txheeb cais

Hais txog kev hloov pauv ntawm lub xaib rau cov khoom siv txawb, ib tus tsis tuaj yeem pab tab sis siv cov txheeb cais kom nkag siab tias txheej txheem no tseem ceeb npaum li cas raukev tshaj tawm online.

Tus lej muaj raws li hauv qab no. Niaj hnub no, gadgets tau siv los ntawm 87% ntawm cov pejxeem, pom meej, tshwj tsis yog rau cov menyuam yaus thiab qee cov neeg laus. Cov kws tshawb fawb kwv yees kwv yees kev lag luam mobile yuav loj hlob 100 zaug hauv 5 xyoo tom ntej. Nyob rau tib lub sijhawm, tsuas yog 21% ntawm cov vev xaib raug hloov mus ua haujlwm nrog cov khoom siv txawb. Qhov no txhais tau hais tias tsuas yog ib feem me me ntawm 5 feem ntawm kev siv Internet thiab kev lag luam e-lag luam tau nyob.

Xav txog cov lej no. Nws puas tsim nyog los hloov koj cov peev txheej? Tau kawg. Ntxiv mus, thaum muaj ntau qhov chaw hauv lub khw no, koj tuaj yeem kos koj tus kheej ntu hauv nws.

mobile version ntawm qhov chaw dawb
mobile version ntawm qhov chaw dawb

Qhov twg koj xav tau mobile version

Siv lub xov tooj ntawm tes ua rau kev nkag siab rau txhua lub platform uas lub hom phiaj kom tau txais qib siab. Tom qab tag nrho, qhov no yog qhov cuam tshuam ncaj qha rau tus neeg siv, tsim kom muaj kev nplij siab rau nws nyob hauv koj qhov chaw.

Yuav tsis muaj nyob yog tsis muaj mobile version:

  • xov xwm portals, vim lawv feem ntau yog saib los ntawm xov tooj ntawm txoj kev mus ua haujlwm lossis tsev kawm ntawv;
  • kev sib raug zoo - rau tib lub laj thawj, ntxiv rau muaj kev sib txuas lus hauv online, uas txhais tau hais tias kev sib tham yooj yim, nkag siab yuav tsum tsim rau qhov no;
  • reference, navigational sites, thiab lwm yam, qhov twg tib neeg mus thaum lawv tab tom nrhiav ib yam dab tsi;
  • khw muag khoom online - lub sijhawm los nyiam cov neeg siv khoom uas tsis nkim sijhawm mus yuav khoom, tab sis yuav txhua yam ntawm lub xov tooj ntawm tes Internet.

Siv qhov xaus

Hnub no, kev siv thev naus laus zis tau nyob hauvkev loj hlob thiab kev loj hlob, yog li ntawd, siv zog ua thawj coj hauv kev ua lag luam, txhua lub tuam txhab yuav tsum xyuas kom meej tias nws cov peev txheej hauv Internet ua tau raws li qhov yuav tsum tau ua. Vim qhov kev xav tau ntawm cov neeg siv ntau zuj zus, cov chaw yuav tsum tau hloov kho tas li thiab hloov mus rau cov khoom siv sib txawv. Nws yog qhov tseeb tias yog tias ib tus neeg tsis txaus siab los ntawm ib qho chaw tshwj xeeb, nws tsis tuaj yeem tau txais cov ntaub ntawv hais txog cov khoom lossis tus nqi nyob ntawd, tso qhov kev txiav txim, nrhiav kev xa khoom, ces nws yuav pom qhov chaw uas txhua qhov no yuav ua tau. Yog li ntawd, txhawm rau kom yeej qhov kev sib tw, nws yog ib qho tseem ceeb kom muaj kev hloov pauv, yooj yim, ua haujlwm tau zoo thiab nthuav dav.

Lub xov tooj ntawm tes ntawm Android lossis Ios lub vev xaib yuav pab ua qhov no. Ua li no, koj yuav tsum xaiv ib qho ntawm cov saum toj no redesign txoj kev - ib tug adaptive template, tsim ib tug tshiab site ntawm lub subdomain thiab redirecting rau nws, siv dawb templates, los yog tsim ib tug mobile daim ntawv thov uas yuav ua rau nws yooj yim dua rau cov neeg siv nkag. thiab nyob rau ntawm nplooj ntawv.

Txoj hauv kev no yuav tsis tsuas yog pab tswj kev ncaj ncees ntawm cov neeg siv khoom uas twb muaj lawm, tab sis tseem yuav muab lub sijhawm los nyiam cov qhua tshiab.

Pom zoo: