কয়েক বছর ধরে, বিশেষজ্ঞরা বলেছে যে মোবাইল ডিভাইসগুলিতে দর্শকদের ওয়েবসাইটগুলিতে ট্রাফিকগুলি নাটকীয়ভাবে বৃদ্ধি পেয়েছে। এই কারণে, অনেক কোম্পানি স্মার্টফোনটি তাদের অনলাইন উপস্থিতিগুলির জন্য মোবাইল কৌশলকে আলিঙ্গন করতে শুরু করেছে, ফোন এবং অন্যান্য মোবাইল ডিভাইসগুলিতে উপযুক্ত অভিজ্ঞতাগুলি তৈরি করছে।
একবার আপনি মোবাইল ফোনের জন্য ওয়েব পৃষ্ঠাগুলি কীভাবে ডিজাইন করতে এবং কীভাবে কৌশলগুলি বাস্তবায়ন করবেন তা শেখার সময় কাটিয়েছেন, আপনি নিশ্চিত করতে চাইবেন যে আপনার সাইটের দর্শকরা সেই ডিজাইনগুলি দেখতে পারবেন। আপনি এই কাজ করতে পারেন এবং কিছু অন্যদের চেয়ে ভাল কিছু উপায় আছে। আপনার ওয়েবসাইটগুলিতে মোবাইল সহায়তা বাস্তবায়নের জন্য আপনি যে পদ্ধতিটি ব্যবহার করতে পারেন তা এখানে দেখুন - এইটি অর্জনের সেরা পদ্ধতিটি আজকের ওয়েবের শেষের দিকে একটি সুপারিশ সহ!
অন্য সাইট সংস্করণ একটি লিঙ্ক প্রদান করুন
এই পর্যন্ত, সেল ফোন ব্যবহারকারীদের হ্যান্ডেল করার সবচেয়ে সহজ পদ্ধতি। তারা আপনার পৃষ্ঠাগুলি দেখতে বা দেখতে না পারে সে বিষয়ে উদ্বেগ দেওয়ার পরিবর্তে, কেবল পৃষ্ঠার উপরের অংশে একটি লিঙ্ক রাখুন যা আপনার সাইটের একটি পৃথক মোবাইল সংস্করণকে নির্দেশ করে। তারপরে পাঠকরা মোবাইল সংস্করণটি দেখতে বা "স্বাভাবিক" সংস্করণটি চালিয়ে যেতে চান কিনা তা স্বনির্বাচিত করতে পারেন।
এই সমাধানটির সুবিধাটি কার্যকর করা সহজ। এটি আপনাকে মোবাইলের জন্য একটি অপ্টিমাইজেশান সংস্করণ তৈরি করতে এবং তারপরে স্বাভাবিক সাইটের পৃষ্ঠাগুলির উপরে কোথাও একটি লিঙ্ক যুক্ত করতে হবে।
ত্রুটিগুলি হল:
- আপনি মোবাইল ব্যবহারকারীদের জন্য সাইটের একটি পৃথক সংস্করণ বজায় রাখা আছে। আপনার সাইটটি বড় হয়ে গেলে, আপনি দ্বিতীয় সংস্করণটি বজায় রাখতে ভুলে যেতে পারেন এবং আপনার সাইটগুলি সিঙ্কের বাইরে চলে যেতে পারে।
- আপনি ট্যাবলেট জন্য একটি তৃতীয় সংস্করণ তৈরি করতে চান? কিভাবে wearables জন্য একটি চতুর্থ সংস্করণ? ডিভাইস নির্দিষ্ট সংস্করণের এই ধারণা খুব দ্রুত নিয়ন্ত্রণের বাইরে সর্পিল করতে পারেন।
- আপনাকে পৃষ্ঠার শীর্ষে একটি কুৎসিত লিঙ্ক রাখতে হবে যা নন-মোবাইল পাঠকরা দেখতে পারেন (এবং সম্ভবত ক্লিক করুন)।
অবশেষে, এই পদ্ধতিটি একটি পুরনো একটি আধুনিক মোবাইল কৌশল অংশ হতে পারে না। এটি একটি স্টপ-ফাঁক ফিক্স হিসাবে ব্যবহার করা হয় যখন উন্নত সমাধানটি উন্নত হচ্ছে, তবে এটি আসলে এই মুহুর্তে স্বল্পমেয়াদী ব্যান্ড-এড।
জাভাস্ক্রিপ্ট ব্যবহার করুন
উপরের উল্লিখিত পদ্ধতির একটি বৈচিত্র্যে, কিছু বিকাশকারী কোনও মোবাইল ডিভাইসে থাকে কিনা তা সনাক্ত করার জন্য কিছু ব্রাউজার সনাক্তকরণ স্ক্রিপ্ট ব্যবহার করে এবং তারপর সেটিকে সেই পৃথক মোবাইল সাইটে পুনঃনির্দেশিত করে। ব্রাউজার সনাক্তকরণ এবং মোবাইল ডিভাইসগুলির সমস্যা হ'ল সেখানে হাজার হাজার মোবাইল ডিভাইস রয়েছে। এক জাভাস্ক্রিপ্টের মাধ্যমে তাদের সনাক্ত করার চেষ্টা করার জন্য আপনার সমস্ত পৃষ্ঠাগুলিকে একটি ডাউনলোডের দুঃস্বপ্নের মধ্যে পরিণত করতে পারে - এবং আপনি এখনও উপরে উল্লেখিত পদ্ধতির মতো একই ত্রুটিগুলির সাপেক্ষে রয়েছেন।
সিএসএস @ মমিয়া হ্যান্ডহেল্ড ব্যবহার করুন
সিএম কমান্ড @ মমিয়া হ্যান্ডহেল্ড মনে হচ্ছে এটি হ্যান্ডহেল্ড ডিভাইসগুলির জন্য কেবল সিএসএস স্টাইল প্রদর্শন করার আদর্শ উপায় - যেমন সেল ফোন। এটি মোবাইল ডিভাইসগুলির জন্য পৃষ্ঠাগুলি প্রদর্শনের জন্য একটি আদর্শ সমাধান বলে মনে হচ্ছে। আপনি একটি ওয়েব পেজ লিখুন এবং তারপর দুটি স্টাইল শীট তৈরি করুন। "পর্দা" মিডিয়া টাইপের জন্য প্রথম মনিটর এবং কম্পিউটার স্ক্রীনের জন্য আপনার পৃষ্ঠা শৈলী। "হ্যান্ডহেল্ড" এর জন্য দ্বিতীয়টি আপনার মোবাইলের মতো ছোট ডিভাইসগুলির জন্য পৃষ্ঠাটি শৈলী দেয়। সহজ শব্দ, কিন্তু এটা সত্যিই অনুশীলন কাজ করে না।
এই পদ্ধতির সবচেয়ে বড় সুবিধা হল আপনার ওয়েবসাইটের দুটি সংস্করণ বজায় রাখতে হবে না। আপনি কেবলমাত্র এটি বজায় রাখেন এবং স্টাইল শীট কীভাবে এটি দেখানো উচিত তা সংজ্ঞায়িত করে - যা আসলে আমরা চাই শেষ সমাধানটির কাছাকাছি যাচ্ছি।
এই পদ্ধতির সাথে একটি সমস্যা হল যে অনেক ফোন মিডিয়া প্রকারকে সমর্থন করে না - পরিবর্তে তারা স্ক্রীন মিডিয়া টাইপ সহ তাদের পৃষ্ঠাগুলি প্রদর্শন করে। এবং অনেক পুরোনো সেল ফোন এবং হ্যান্ডহেল্ডগুলি সিএসএসকে সমর্থন করে না। অবশেষে, এই পদ্ধতিটি অবিশ্বাস্য এবং তাই এটি খুব কমই একটি ওয়েবসাইটের মোবাইল সংস্করণ সরবরাহ করতে ব্যবহৃত হয়।
ইউজার এজেন্ট সনাক্ত করতে পিএইচপি, জেএসপি, এএসপি ব্যবহার করুন
মোবাইল ব্যবহারকারীদের ওয়েবসাইটটির মোবাইল সংস্করণে পুনঃনির্দেশ করার এটি একটি আরও ভাল উপায় কারণ এটি কোনও স্ক্রিপ্টিং ভাষা বা সিএসএসের উপর নির্ভর করে না যা মোবাইল ডিভাইসটি ব্যবহার করে না। পরিবর্তে, এটি ব্যবহারকারী-এজেন্টকে দেখতে একটি সার্ভার-পার্শ্ব ভাষা (পিএইচপি, এএসপি, জেএসপি, কোল্ডফিউশন, ইত্যাদি) ব্যবহার করে এবং তারপর এটি মোবাইল ডিভাইসের জন্য একটি মোবাইল পৃষ্ঠাতে নির্দেশ করার জন্য HTTP অনুরোধটি পরিবর্তন করে।
এটি করার জন্য একটি সহজ পিএইচপি কোড এটি দেখতে হবে:
stristr ($ ua, "উইন্ডোজ সিই") বাস্ট্রাইস্ট ($ ua, "AvantGo") বাstristr ($ ua, "Mazingo") বাstristr ($ ua, "মোবাইল") বাstristr ($ ua, "T68") বাstristr ($ ua, "Syncalot") বাস্ট্রাইস্ট ($ ua, "ব্লজার")) {$ DEVICE_TYPE কে = "মোবাইল";}যদি (ইস্যু ($ DEVICE_TYPE) এবং $ DEVICE_TYPE == "মোবাইল") {$ অবস্থান = 'মোবাইল / index.php';হেডার ('অবস্থান:'। $ অবস্থান);প্রস্থান;}?>
এখানে সমস্যাটি রয়েছে যে প্রচুর ডিভাইস এবং অন্যান্য সম্ভাব্য ব্যবহারকারী-এজেন্টগুলি যা মোবাইল ডিভাইসগুলির দ্বারা ব্যবহৃত হয়। এই স্ক্রিপ্ট তাদের অনেক অনেক ধরতে এবং পুনঃনির্দেশিত কিন্তু কোন উপায়ে সব। এবং আরো সব সময় যোগ করা হয়।
প্লাস, উপরের অন্যান্য সমাধানগুলির সাথে আপনাকে এই পাঠকদের জন্য একটি পৃথক মোবাইল সাইট বজায় রাখতে হবে! দুই (বা আরও!) ওয়েবসাইট পরিচালনা করার এই ত্রুটিটি একটি ভাল সমাধান খোঁজার যথেষ্ট কারণ।
WURFL ব্যবহার করুন
আপনি যদি এখনও আপনার মোবাইল ব্যবহারকারীদের একটি পৃথক সাইটে পুনঃনির্দেশিত করার জন্য দৃঢ়সংকল্পবদ্ধ হন, তবে WURFL (বেতার ইউনিভার্সাল রিসোর্স ফাইল) একটি ভাল সমাধান। এটি একটি এক্সএমএল ফাইল (এবং এখন একটি ডিবি ফাইল) এবং বিভিন্ন ডিবিআই লাইব্রেরি যা শুধুমাত্র আপ-টু-ডেট বেতার ব্যবহারকারী-এজেন্ট ডেটা ধারণ করে না তবে সেই ব্যবহারকারী এবং এজেন্টগুলি কোন বৈশিষ্ট্যগুলি এবং ক্ষমতাগুলি সমর্থন করে।
WURFL ব্যবহার করার জন্য, আপনি XML কনফিগারেশন ফাইলটি ডাউনলোড করুন এবং তারপরে আপনার ভাষাটি চয়ন করুন এবং আপনার ওয়েবসাইটে APIটি বাস্তবায়ন করুন। জাভা, পিএইচপি, পার্ল, রুবি, পাইথন, নেট, এক্সএসএলটি এবং সি ++ সহ WURFL ব্যবহার করার জন্য সরঞ্জাম রয়েছে।
WURFL ব্যবহার করার সুবিধাটি অনেক সময় লোকেদের আপডেট করা এবং কনফিগারেশন ফাইলটিতে যোগ করার সময় রয়েছে। তাই আপনি যে ফাইলটি ব্যবহার করছেন সেটি প্রায় শেষ হওয়ার আগেই এটি পুরানো হয় তবে আপনি যদি এটি মাসে একবার ডাউনলোড করেন তবে আপনার পাঠকদের বাস্তবে যে কোনও মোবাইল ব্রাউজার ব্যবহার করা হবে সমস্যা। নিঃসন্দেহে, অবশ্যই, আপনাকে ক্রমাগত ডাউনলোড এবং আপডেট করতে হবে - যাতে আপনি ব্যবহারকারীদের একটি দ্বিতীয় ওয়েবসাইটে এবং ত্রুটিগুলি তৈরি করতে নির্দেশ দিতে পারেন।
শ্রেষ্ঠ সমাধান প্রতিক্রিয়াশীল ডিজাইন
তাই বিভিন্ন ডিভাইসের জন্য বিভিন্ন সাইট বজায় রাখা হলে উত্তর হয় না, কি? প্রতিক্রিয়াশীল ওয়েব ডিজাইন.
আপনি বিভিন্ন widths ডিভাইসের শৈলী নির্ধারণ করতে সিএসএস মিডিয়া প্রশ্নের ব্যবহার যেখানে প্রতিক্রিয়াশীল নকশা। প্রতিক্রিয়াশীল নকশা আপনাকে মোবাইল এবং নন-মোবাইল উভয় ব্যবহারকারীর জন্য একটি ওয়েব পৃষ্ঠা তৈরি করতে দেয়। তারপরে আপনার কোনও মোবাইল সামগ্রীতে কোন সামগ্রী দেখাতে হবে তা মনে করতে হবে না বা আপনার মোবাইল সাইটে সর্বশেষ পরিবর্তন স্থানান্তর করতে মনে রাখবেন না। প্লাস, আপনার একবার সিএসএস লেখা হলে আপনাকে নতুন কিছু ডাউনলোড করতে হবে না।
প্রতিক্রিয়াশীল ডিজাইন পুরোনো ডিভাইস এবং ব্রাউজারগুলিতে পুরোপুরি কাজ করতে পারে না (যা বেশিরভাগই বর্তমানে খুব ছোট ব্যবহারে এবং আপনার জন্য কোনও উদ্বেগজনক হওয়া উচিত নয়), তবে এটি যোগযোগ্য (সামগ্রী গ্রহণের পরিবর্তে সামগ্রীগুলিতে শৈলী যোগ করা) দূরে) এই পাঠকগণ এখনও আপনার ওয়েবসাইট পড়তে সক্ষম হবে, এটি তাদের পুরানো ডিভাইস বা ব্রাউজারে আদর্শ দেখাচ্ছে না।
