વેબ પાનાંઓ પર મોબાઇલ ઉપકરણો પ્રતિ હિટ્સ કેવી રીતે શોધે છે

મોબાઇલ ઉપકરણો અથવા ડિઝાઇન માટે મોબાઇલ ઉપકરણો પુનઃદિશામાન

વર્ષો સુધી, નિષ્ણાતો એમ કહી રહ્યાં છે કે મોબાઇલ ડિવાઇસ પરના મુલાકાતીઓના ટ્રાફિકમાં નાટ્યાત્મક વધારો થયો છે. આ કારણોસર, ઘણી કંપનીઓએ તેમની ઑનલાઇન ઉપસ્થિતિ માટે મોબાઇલ વ્યૂહરચનાને આલિંગન કરવાનું શરૂ કર્યું છે, ફોન અને અન્ય મોબાઇલ ઉપકરણો માટે અનુકૂળ અનુભવો બનાવી રહ્યા છે.

એકવાર તમે મોબાઇલ ફોન્સ માટે વેબ પૃષ્ઠો કેવી રીતે ડિઝાઇન કરી અને તમારી વ્યૂહરચના અમલીકરણ કેવી રીતે કરવું તે શીખવામાં સમય કાઢ્યો, પછી તમે ખાતરી કરો કે તમારી સાઇટના મુલાકાતીઓ તે ડિઝાઇન જોઈ શકે છે. તમે આ કરી શકો તે ઘણાં રસ્તાઓ છે અને કેટલાક અન્ય લોકો કરતા વધુ સારી રીતે કાર્ય કરે છે. અહીં આ પદ્ધતિનો એક નજર છે જે તમે તમારી વેબસાઇટ પર મોબાઇલ સપોર્ટને અમલ કરવા માટે ઉપયોગ કરી શકો છો - આની પ્રાપ્તિની ભલામણ સાથે આજના વેબ પર શું શ્રેષ્ઠ પદ્ધતિ છે તે જાણવા માટે!

અન્ય સાઇટ આવૃત્તિ માટે એક લિંક પૂરી પાડે છે

આ અત્યાર સુધી, સેલ ફોન વપરાશકર્તાઓને હેન્ડલ કરવાની સૌથી સરળ પદ્ધતિ છે. તેઓ તમારી પૃષ્ઠો જોઈ શકે કે નહીં તે ચિંતા કરવાને બદલે, ફક્ત તમારી સાઇટનાં અલગ મોબાઇલ સંસ્કરણ પર નિર્દેશ કરેલા પૃષ્ઠની ટોચની બાજુમાં એક લિંક મૂકો. પછી વાચકો સ્વતઃ-પસંદ કરી શકે છે કે શું તેઓ મોબાઇલ સંસ્કરણ જોવા અથવા "સામાન્ય" સંસ્કરણ સાથે ચાલુ રાખવા માંગો છો.

આ ઉકેલનો ફાયદો એ છે કે અમલ કરવો સરળ છે. તે માટે તમારે મોબાઈલ માટે ઑપ્ટિમાઇઝ કરેલું વર્ઝન બનાવવું જરૂરી છે અને ત્યારબાદ સામાન્ય સાઇટ પૃષ્ઠોની ટોચની બાજુમાં લિંક ઉમેરવાની જરૂર છે.

આ ખામીઓ છે:

• તમારે મોબાઇલ વપરાશકર્તાઓ માટે સાઇટનું એક અલગ સંસ્કરણ જાળવવું પડશે. તમારી સાઇટ મોટી થઈ જાય તેમ, તમે તે બીજો સંસ્કરણ જાળવી રાખવાનું ભૂલી શકો છો અને તમારી સાઇટ્સ સમન્વયનની બહાર થઈ શકે છે.
• શું તમે ગોળીઓ માટે ત્રીજા સંસ્કરણ પણ બનાવી શકો છો? વેરેબલ માટે ચોથા આવૃત્તિ વિશે શું? ઉપકરણ-વિશિષ્ટ સંસ્કરણોની આ વિભાવના નિયંત્રણથી અત્યંત ઝડપથી થઈ શકે છે
• તમારે પૃષ્ઠની ટોચ પર બિહામણું લિંક મૂકવો પડશે જે નોન-મોબાઇલ વાચકો જોઈ શકે છે (અને સંભવતઃ પર ક્લિક કરો).

છેવટે, આ અભિગમ એક જૂની છે જે આધુનિક મોબાઇલ વ્યૂહરચનાનો ભાગ બનવાની શક્યતા નથી. તે ક્યારેક સ્ટોપ-ગેપ ફિક્સ તરીકે ઉપયોગમાં લેવાય છે, જ્યારે વધુ સારા ઉકેલ વિકસિત કરવામાં આવે છે, પરંતુ તે ખરેખર આ બિંદુએ ટૂંકા ગાળાના બેન્ડ-એઇડ છે.

જાવાસ્ક્રિપ્ટ વાપરો

ઉપરોક્ત ઉલ્લેખિત અભિગમની વિવિધતામાં, કેટલાક વિકાસકર્તાઓ કેટલાક પ્રકારનાં બ્રાઉઝર શોધ સ્ક્રિપ્ટને ઉપયોગમાં લે છે, જો ગ્રાહક મોબાઇલ ઉપકરણ પર છે અને પછી તે અલગ મોબાઇલ સાઇટ પર રીડાયરેક્ટ કરે છે. બ્રાઉઝર શોધ અને મોબાઇલ ઉપકરણોની સમસ્યા એ છે કે ત્યાં હજારો મોબાઇલ ઉપકરણો છે. એક જાવાસ્ક્રિપ્ટ દ્વારા તેમને બધાને શોધવાનો પ્રયત્ન કરવાથી તમારા બધા પૃષ્ઠોને ડાઉનલોડિંગ નાઇટમેરમાં ફેરવી શકાય છે - અને તમે ઉપરોક્ત ઉલ્લેખિત અભિગમની જેમ જ ઘણી ખામીઓને હજી પણ હશો.

CSS & # 64; મીડિયા હેન્ડહેલ્ડનો ઉપયોગ કરો

CSS આદેશ @ મીડિયા હેન્ડહેલ્ડ એવું લાગે છે કે તે ફક્ત હેન્ડહેલ્ડ ઉપકરણો માટે જ CSS શૈલીઓ પ્રદર્શિત કરવાની એક શ્રેષ્ઠ રીત હશે - જેમ કે સેલ ફોન. આ મોબાઇલ ઉપકરણો માટે પૃષ્ઠો પ્રદર્શિત કરવા માટે એક આદર્શ ઉકેલ જેવી લાગે છે. તમે એક વેબ પેજ લખો અને પછી બે સ્ટાઇલ શીટ્સ બનાવો. મોનિટર અને કમ્પ્યુટર સ્ક્રીન માટે "સ્ક્રીન" મીડિયા પ્રકાર શૈલીઓ માટેનું તમારું પૃષ્ઠ પ્રથમ. તે મોબાઇલ હેન્ડલ જેવા નાના ઉપકરણો માટે "હેન્ડહેલ્ડ" શૈલીઓ માટેનું તમારું પૃષ્ઠ. સરળ લાગે છે, પરંતુ તે વ્યવહારમાં ખરેખર કામ કરતું નથી

આ પદ્ધતિનો સૌથી મોટો ફાયદો એ છે કે તમારે તમારી વેબસાઇટનાં બે વર્ઝનને જાળવવાની જરૂર નથી. તમે હમણાં જ એક જાળવી રાખો અને સ્ટાઇલશીટ તે વ્યાખ્યાયિત કરે છે કે તે કેવી રીતે દેખાવી જોઈએ - જે વાસ્તવમાં અંતિમ ઉકેલની નજીક છે જે આપણે જોઈવું છે.

આ પદ્ધતિમાં સમસ્યા એ છે કે ઘણા ફોન હેન્ડહેલ્ડ મીડિયા પ્રકારને સમર્થન આપતા નથી- તે તેના પૃષ્ઠને તેના બદલે સ્ક્રીન મીડિયા પ્રકાર સાથે પ્રદર્શિત કરે છે અને ઘણા જૂની સેલ ફોન અને હેન્ડહેલ્ડ્સ સી.એસ.એસ.ને સપોર્ટ કરતા નથી. અંતે, આ પદ્ધતિ અવિશ્વસનીય છે, અને તેથી તે ભાગ્યે જ કોઈ વેબસાઇટનાં મોબાઇલ સંસ્કરણો પહોંચાડવા માટે વપરાય છે.

વપરાશકર્તા-એજન્ટ શોધવા માટે PHP, JSP, ASP નો ઉપયોગ કરો

મોબાઇલ વપરાશકર્તાઓને સાઇટની મોબાઇલ સંસ્કરણ પર રીડાયરેક્ટ કરવાની આ એક વધુ સારી રીત છે, કારણ કે તે સ્ક્રિપ્ટીંગ ભાષા અથવા CSS પર આધારિત નથી જે મોબાઇલ ડિવાઇસનો ઉપયોગ કરતું નથી. તેના બદલે, તે વપરાશકર્તા-એજન્ટને જોવા માટે સર્વર-બાજુની ભાષા (PHP, ASP, JSP, કોલ્ડફ્યુઝન, વગેરે) નો ઉપયોગ કરે છે અને તે પછી તે HTTP વિનંતિને મોબાઇલ પૃષ્ઠ પર નિર્દેશન કરે છે જો તે મોબાઇલ ઉપકરણ છે

આવું કરવા માટે એક સરળ PHP કોડ આના જેવું દેખાશે:

સ્ટ્રસ્ટ્રર ($ યુ, "વિન્ડો સીઇ") અથવા
સ્ટ્રસ્ટ્રર ($ યુ, "એવન્ટગો") અથવા
સ્ટ્રસ્ટ્રર ($ U, "Mazingo") અથવા
સ્ટ્રસ્ટ્રર ($ યુ, "મોબાઇલ") અથવા
સ્ટ્રસ્ટ્રર ($ ua, "T68") અથવા
સ્ટ્રસ્ટ્રર ($ યુ, "સિનકલૉટ") અથવા
સ્ટ્રસ્ટ્રર ($ યુ, "બ્લેઝર")) {
$ DEVICE_TYPE = "MOBILE";
}
જો (isset ($ DEVICE_TYPE) અને $ DEVICE_TYPE == "MOBILE") {
$ location = 'mobile / index.php';
હેડર ('સ્થાન:'. $ સ્થાન);
બહાર નીકળો;
}
?>

અહીં સમસ્યા એ છે કે મોબાઇલ ઉપકરણો દ્વારા ઉપયોગમાં લેવાતા ઘણાં બધાં અને અન્ય સંભવિત વપરાશકર્તા-એજન્ટ છે આ સ્ક્રિપ્ટ ઘણા બધાને પકડશે અને રીડાયરેક્ટ કરશે પરંતુ દરેક માધ્યમથી નહીં. અને વધુ બધા સમય ઉમેરવામાં આવે છે.

ઉપરાંત, ઉપરોક્ત અન્ય ઉકેલોની જેમ, તમારે આ વાચકો માટે અલગ મોબાઇલ સાઇટ જાળવવી પડશે! બે (અથવા વધુ!) વેબસાઇટ્સનું સંચાલન કરવાના આ ખામીને વધુ સારી રીતે ઉકેલવા માટેનું કારણ છે

WURFL નો ઉપયોગ કરો

જો તમે હજી પણ તમારા મોબાઇલ વપરાશકર્તાઓને એક અલગ સાઇટ પર રીડાયરેક્ટ કરવા માટે નિર્ધારિત છો, તો પછી WURFL (વાયરલેસ યુનિવર્સલ રિસોર્સ ફાઇલ) એક સારો ઉકેલ છે આ એક XML ફાઇલ છે (અને હવે ડીબી ફાઇલ) અને વિવિધ ડીબીઆઇ પુસ્તકાલયો કે જેમાં માત્ર અપ-ટૂ-ડેટ વાયરલેસ વપરાશકર્તા-એજન્ટ ડેટા જ નહીં પણ તે વપરાશકર્તા-એજન્ટ સપોર્ટની સુવિધા અને ક્ષમતાઓ પણ ધરાવે છે.

WURFL નો ઉપયોગ કરવા માટે, તમે XML રૂપરેખાંકન ફાઇલ ડાઉનલોડ કરો અને પછી તમારી ભાષા પસંદ કરો અને તમારી વેબસાઇટ પર API અમલીકરણ કરો. Java, PHP, Perl, Ruby, Python, Net, XSLT, અને C ++ સાથે WURFL નો ઉપયોગ કરવા માટે સાધનો છે.

WURFL નો ઉપયોગ કરવાનો ફાયદો એ છે કે ઘણા બધા લોકો રૂપરેખા ફાઈલને અપડેટ અને ઉમેરતા હોય છે. તેથી જ્યારે તમે ઉપયોગ કરી રહ્યાં છો તે ફાઈલ તેને ડાઉનલોડ કરવાનું પૂર્વે થાય તે પહેલાંની તારીખની શક્યતા છે, જો તમે તેને એક મહિના અથવા એકવાર ડાઉનલોડ કરો છો, તો તમારા બધા વાચકોને તમારા વાચકોને કોઈપણ રીતે વિના ઉપયોગમાં લેવાશે સમસ્યાઓ આ નુકસાન, અલબત્ત, એ છે કે તમારે સતત ડાઉનલોડ અને અપડેટ કરવું - બધુ જ તમે વપરાશકર્તાઓને બીજી વેબસાઇટ પર દિશા નિર્દેશિત કરી શકો છો અને બનાવેલા ખામીઓ.

શ્રેષ્ઠ ઉકેલ રિસ્પોન્સિવ ડિઝાઇન છે

તેથી જુદા જુદા ઉપકરણો માટે વિવિધ સાઇટ્સ જાળવવામાં જવાબ નથી, તો શું છે? રિસ્પોન્સિવ વેબ ડિઝાઇન

રિસ્પોન્સિવ ડિઝાઇન એ છે કે જ્યાં તમે વિવિધ પહોળાઈના ઉપકરણો માટે શૈલીઓ વ્યાખ્યાયિત કરવા માટે સીએસએસ માધ્યમ ક્વેરીઝનો ઉપયોગ કરો છો. રિસ્પોન્સિવ ડિઝાઇન તમને મોબાઇલ અને નોન-મોબાઇલ બંને વપરાશકર્તાઓ માટે એક વેબ પૃષ્ઠ બનાવવા માટે પરવાનગી આપે છે. પછી તમારે મોબાઇલ સાઇટ પર કઇ સામગ્રી પ્રદર્શિત કરવી તે અંગે ચિંતા કરવાની જરૂર નથી અથવા તમારા મોબાઇલ સાઇટ પર નવીનતમ ફેરફારોને ટ્રાન્સફર કરવાનું યાદ રાખો. પ્લસ, એકવાર તમારી પાસે CSS લખેલું છે, તમારે નવું કંઈપણ ડાઉનલોડ કરવાની જરૂર નથી.

રિસ્પોન્સિવ ડિઝાઇન અત્યંત જૂના ઉપકરણો અને બ્રાઉઝર્સ પર સંપૂર્ણ રીતે કાર્ય કરી શકશે નહીં (જેમાંથી મોટાભાગનો આજે ખૂબ જ ઓછા ઉપયોગમાં છે અને તમારા માટે વધારે ચિંતા ન થવી જોઈએ), પરંતુ કારણ કે તે એડિટિવ છે (સામગ્રી લેવાની જગ્યાએ, સામગ્રી પર શૈલીઓ ઉમેરીને) દૂર) આ વાચકો હજુ પણ તમારી વેબસાઇટ વાંચી શકશે, તે માત્ર તેમના જૂના ઉપકરણ અથવા બ્રાઉઝર પર આદર્શ દેખાશે નહીં.