ওয়েব পেজগুলি থেকে মোবাইল ডিভাইসগুলি থেকে হিট সনাক্ত কিভাবে?

মোবাইল সামগ্রী বা ডিজাইনগুলিতে মোবাইল ডিভাইসগুলি পুনর্চালনা করুন

কয়েক বছর ধরে, বিশেষজ্ঞরা বলছেন যে মোবাইল ডিভাইসগুলিতে দর্শকদের ওয়েবসাইটের ট্রাফিক নাটকীয়ভাবে বৃদ্ধি পেয়েছে। এই কারণেই, অনেক কোম্পানি স্মার্টফোন তাদের অনলাইন উপস্থিতি জন্য মোবাইল কৌশল আলিঙ্গন শুরু, ফোন এবং অন্যান্য মোবাইল ডিভাইসের জন্য উপযুক্ত হয় যে অভিজ্ঞতা তৈরি করা।

একবার আপনি মোবাইল ফোনের জন্য ওয়েব পেজ ডিজাইন করার পদ্ধতি এবং আপনার কৌশল বাস্তবায়ন করার সময় শেখার সময় আপনার সাইটটির দর্শকরা সেই ডিজাইনগুলি দেখতে পারেন তা নিশ্চিত করতেও আপনি সময় ব্যয় করেছেন। আপনি এটি করতে পারেন অনেক উপায় আছে এবং কিছু অন্যদের চেয়ে ভাল কাজ। এখানে আপনি আপনার ওয়েবসাইট মোবাইল সমর্থন বাস্তবায়ন করতে ব্যবহার করতে পারেন পদ্ধতি তাকান - এই পদ্ধতিটি অর্জন করার সেরা পদ্ধতি আজকের ওয়েব এ শেষের কাছাকাছি একটি সুপারিশ বরাবর!

আরেকটি সাইট সংস্করণ একটি লিঙ্ক প্রদান

এই পর্যন্ত, সেল ফোন ব্যবহারকারীদের হ্যান্ডেল করার সবচেয়ে সহজ পদ্ধতি। আপনার পৃষ্ঠাগুলি দেখতে বা দেখতে না পারে তা নিয়ে উদ্বিগ্ন হওয়ার পরিবর্তে, কেবল আপনার পৃষ্ঠার একটি আলাদা মোবাইল সংস্করণ নির্দেশ করে এমন পৃষ্ঠার উপরের দিকে কোথাও একটি লিঙ্ক রাখুন। তারপর পাঠকরা স্বনির্বাচিত নির্বাচন করতে পারেন কিনা তা তারা মোবাইল সংস্করণটি দেখতে বা "স্বাভাবিক" সংস্করণের সাথে চালিয়ে যেতে চান।

এই সমাধানটির উপকারিতা হল এটি বাস্তবায়ন করা সহজ। এটি আপনাকে মোবাইলের জন্য একটি অপ্টিমাইজড সংস্করণ তৈরি করতে এবং তারপর স্বাভাবিক সাইট পৃষ্ঠাগুলি শীর্ষস্থানীয় কোথাও লিঙ্ক যুক্ত করতে আপনাকে প্রয়োজন।

দুর্বলতাগুলি হল:

• আপনি মোবাইল ব্যবহারকারীদের জন্য সাইটের একটি পৃথক সংস্করণ বজায় রাখতে হবে। আপনার সাইট বড় হয়ে গেলে, আপনি দ্বিতীয় সংস্করণ বজায় রাখতে ভুলবেন না এবং আপনার সাইটগুলি সিঙ্ক থেকে বেরিয়ে আসতে পারে।
• আপনি ট্যাবলেট জন্য একটি তৃতীয় সংস্করণ তৈরি করবেন? কিভাবে wearables জন্য একটি চতুর্থ সংস্করণ সম্পর্কে? ডিভাইস-নির্দিষ্ট সংস্করণগুলির এই ধারণা খুব দ্রুত নিয়ন্ত্রণের বাইরে চলে যেতে পারে।
• আপনি পৃষ্ঠার শীর্ষে একটি কুশ্রী লিঙ্ক রাখা আছে যে অ মোবাইল পাঠক দেখতে পারেন (এবং সম্ভবত ক্লিক করুন)

পরিশেষে, এই পদ্ধতিটি একটি পুরানো এক, যা একটি আধুনিক মোবাইল কৌশলর অংশ হতে পারে না। এটি একটি স্টপ-ফাঁক ফিক্স হিসাবে কখনও কখনও ব্যবহৃত হয় যখন উন্নত সমাধানটি তৈরি করা হচ্ছে, কিন্তু এটি আসলেই একটি সংক্ষিপ্ত সময়ের ব্যান্ড এইড।

জাভাস্ক্রিপ্ট ব্যবহার করুন

উপরে উল্লিখিত পদ্ধতির পরিবর্তনের মধ্যে, কিছু ডেভেলপার ব্রাউজার সনাক্তকরণ স্ক্রিপ্টের কিছু ধরন ব্যবহার করে সনাক্ত করে যদি গ্রাহক একটি মোবাইল ডিভাইসে থাকে এবং সেগুলি সেই আলাদা মোবাইল সাইটটিতে পুনর্নির্দেশ করে। ব্রাউজার সনাক্তকরণ এবং মোবাইল ডিভাইসগুলির সাথে সমস্যা হল যে সেখানে হাজার হাজার মোবাইল ডিভাইস রয়েছে। একটি জাভাস্ক্রিপ্ট সঙ্গে তাদের সব সনাক্ত করার প্রচেষ্টা একটি ডাউনলোড দুঃস্বপ্ন মধ্যে আপনার সব পৃষ্ঠাগুলি চালু করতে পারে - এবং আপনি এখনও উপরোক্ত উল্লিখিত পদ্ধতি হিসাবে একই দুর্ঘটনা অনেক বিষয়।

CSS হ্যান্ডহেল্ড ব্যবহার করুন

সিএসএস কমান্ডের @media হ্যান্ডহেল্ড মনে হচ্ছে এটি হ্যান্ডহেল্ড ডিভাইসের জন্য সিএসএস স্টাইল প্রদর্শন করার একটি আদর্শ উপায় - যেমন সেল ফোন। এই মোবাইল ডিভাইসের জন্য পৃষ্ঠা প্রদর্শন করার জন্য একটি আদর্শ সমাধান বলে মনে হচ্ছে। আপনি একটি ওয়েব পৃষ্ঠা লিখুন এবং তারপর দুটি শৈলী শীট তৈরি করুন। মনিটর এবং কম্পিউটার পর্দার জন্য "স্ক্রিন" মিডিয়া প্রকারের স্টাইলগুলি আপনার পৃষ্ঠার প্রথম। "হ্যান্ডহেল্ড" শৈলীগুলির জন্য দ্বিতীয়টি আপনার মোবাইল ডিভাইসগুলির মত ছোট ডিভাইসগুলির জন্য আপনার পৃষ্ঠা। সহজ শোনাচ্ছে, কিন্তু এটি আসলে অনুশীলনে কাজ করে না।

এই পদ্ধতিতে সবচেয়ে বড় সুবিধাটি হল আপনার ওয়েবসাইটের দুটি সংস্করণ বজায় রাখতে হবে না। আপনি শুধু এক বজায় রাখুন, এবং স্টাইল শীটটি কীভাবে দেখানো উচিত তা নির্ধারণ করে - যা আসলে আমরা শেষ সমাধানটির কাছাকাছি পৌঁছে যাচ্ছি।

এই পদ্ধতিতে একটি সমস্যা হল যে অনেক ফোন হ্যান্ডহেল্ড মিডিয়া টাইপ সমর্থন করে না- তারা তাদের পৃষ্ঠার স্ক্রীনের মিডিয়া প্রকারের সাথে প্রদর্শন করে। এবং অনেক পুরানো মোবাইল ফোন এবং হ্যান্ডহেল্ড সিএসএস-এ সব সমর্থন করে না। পরিশেষে, এই পদ্ধতি অবিশ্বস্ত, এবং তাই খুব কমই একটি ওয়েবসাইটের মোবাইল সংস্করণ সরবরাহ করতে ব্যবহৃত হয়।

ইউজার-এজেন্ট সনাক্ত করার জন্য পিএইচপি, জেএসপি, এএসপি ব্যবহার করুন

এটি মোবাইল ব্যবহারকারীদের সাইটটির একটি মোবাইল সংস্করণে পুনর্নির্দেশ করার একটি ভাল উপায় কারণ এটি একটি স্ক্রিপ্টিং ভাষা বা CSS এ নির্ভর করে না যা মোবাইল ডিভাইসটি ব্যবহার করে না। পরিবর্তে, এটি একটি ব্যবহারকারী-এজেন্ট তাকান একটি সার্ভার পার্শ্ব ভাষা (পিএইচপি, এএসপি, JSP, ColdFusion, ইত্যাদি) ব্যবহার করে এবং তারপর এটি একটি মোবাইল ডিভাইস যদি একটি মোবাইল পৃষ্ঠা নির্দেশ করার HTTP অনুরোধ পরিবর্তন।

এটি করতে একটি সহজ পিএইচপি কোড এই মত দেখতে হবে:

stristr ($ ua, "উইন্ডোজ সিই") বা
stristr ($ ua, "AvantGo") বা
($ ua, "Mazingo") বা
stristr ($ ua, "মোবাইল") বা
stristr ($ ua, "T68") বা
stristr ($ ua, "Syncalot") বা
stristr ($ ua, "ব্লেজার")) {
$ DEVICE_TYPE কে = "মোবাইল";
}
যদি (isset ($ DEVICE_TYPE) এবং $ DEVICE_TYPE == "MOBILE") {
$ অবস্থান = 'মোবাইল / index.php';
হেডার ('অবস্থান:'। $ অবস্থান);
প্রস্থান;
}
?>

এখানে সমস্যা হল যে অনেকগুলি এবং অনেকগুলি সম্ভাব্য ব্যবহারকারী এজেন্ট যা মোবাইল ডিভাইস দ্বারা ব্যবহৃত হয়। এই স্ক্রিপ্ট ধরা এবং তাদের অনেক পুনঃনির্দেশিত কিন্তু কোন উপায় দ্বারা সব না। এবং আরো সব সময় যোগ করা হয়।

প্লাস, উপরে অন্যান্য সমাধান হিসাবে, আপনি এখনও এই পাঠকদের জন্য একটি পৃথক মোবাইল সাইট বজায় রাখতে হবে! দুই (বা আরো!) ওয়েবসাইট পরিচালনার জন্য এই দুর্বলতা একটি ভাল সমাধান খুঁজে বের করার যথেষ্ট কারণ।

WURFL ব্যবহার করুন

যদি আপনি এখনও আপনার মোবাইল ব্যবহারকারীদের একটি পৃথক সাইটে পুনর্নির্দেশ করার জন্য নির্ধারিত হয়, তাহলে WURFL (ওয়্যারলেস ইউনিভার্সাল রিসোর্স ফাইল) একটি ভাল সমাধান। এটি একটি এক্সএমএল ফাইল (এবং এখন একটি ডিবি ফাইল) এবং বিভিন্ন ডিবিআই লাইব্রেরী যা কেবলমাত্র আপ-টু-ডেট ওয়্যারলেস ব্যবহারকারী-এজেন্ট ডেটা ধারণ করে না কিন্তু যা ব্যবহারকারীর এজেন্ট সমর্থন করে এবং বৈশিষ্ট্যগুলিও সমর্থন করে।

WURFL ব্যবহার করার জন্য, আপনি XML কনফিগারেশন ফাইলটি ডাউনলোড করুন এবং তারপরে আপনার ভাষা বেছে নিন এবং আপনার ওয়েবসাইটের API কে বাস্তবায়ন করুন। জাভা, পিএইচপি, পার্ল, রুবি, পাইথন, নেট, এক্সএসএলটি, এবং সি + + এর সাথে WURFL ব্যবহারের জন্য সরঞ্জাম রয়েছে।

WURFL ব্যবহার করার সুবিধা হল যে অনেক লোক আপডেট করে এবং কনফিগ ফাইলে সব সময় যোগ করে। তাই যখন আপনি যে ফাইলটি ব্যবহার করছেন সেটি ডাউনলোডের শেষ হওয়ার আগেই এটি পুরোপুরি ডাউনলোড করা যায়, তবে আপনি যদি এটি একবার মাসে একবার ডাউনলোড করে থাকেন তবে আপনার সব ব্রাউজার আপনার পাঠকদের অভ্যাসগতভাবে বিনা ব্যয়ে ব্যবহার করবে সমস্যা। নেতিবাচক দিক, অবশ্যই, আপনি ক্রমাগত ডাউনলোড এবং আপডেট করতে হবে - তাই আপনি ব্যবহারকারীদের দ্বিতীয় ওয়েবসাইট এবং ডিরেক্টরিগুলি তৈরি করে এমন দুর্বলতাগুলিকে নির্দেশ করতে পারেন।

সেরা সমাধান প্রতিক্রিয়াশীল ডিজাইন

তাই বিভিন্ন ডিভাইসের জন্য বিভিন্ন সাইটগুলি যদি উত্তর না দেয় তবে তা কি? প্রতিক্রিয়াশীল ওয়েব ডিজাইন

প্রতিক্রিয়াশীল নকশা হল যেখানে আপনি বিভিন্ন প্রস্থের ডিভাইসগুলির জন্য শৈলী নির্ধারণ করতে সিএসএস মিডিয়া প্রশ্নগুলি ব্যবহার করেন। প্রতিক্রিয়াশীল ডিজাইন আপনি মোবাইল ও অ-মোবাইল উভয় ব্যবহারকারীর জন্য একটি ওয়েব পৃষ্ঠা তৈরি করতে পারবেন। তারপর আপনার মোবাইল সাইটটিতে কোন বিষয়বস্তু প্রদর্শন করা হবে বা আপনার মোবাইল সাইটে সর্বশেষ পরিবর্তনগুলি স্থানান্তর করার কথা চিন্তা করতে হবে না। প্লাস, আপনি একবার সিএসএস লিখিত আছে, আপনার নতুন কিছু ডাউনলোড করতে হবে না।

প্রতিক্রিয়াশীল ডিজাইন অত্যন্ত পুরানো ডিভাইস এবং ব্রাউজারে পুরোপুরি কাজ করতে পারে না (যা বেশিরভাগ সময় খুব ছোট ব্যবহারে রয়েছে এবং এটি আপনার জন্য বেশিরভাগ চিন্তার বিষয় হওয়া উচিত নয়), তবে এটি যোগব্যায়াম (বিষয়বস্তু গ্রহণের পরিবর্তে সামগ্রীতে শৈলী যোগ করা) দূরে) এই পাঠকদের এখনও আপনার ওয়েবসাইট পড়তে সক্ষম হবে, এটি শুধু তাদের পুরানো ডিভাইস বা ব্রাউজারে আদর্শ দেখতে হবে না।