শুরু করা যাক

মোবাইল ডিভাইসের জন্য সাইট তৈরি করার সময় কোন তিনটি বিষয় আমাকে জানতে হবে?

১. গ্রাহকদের জন্য সাইটটি সহজ করে তুলুন৷

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

আপনার সাইট এমনভাবে ডিজাইন করুন গ্রাহকরা সহজেই সাধারণ কাজ করতে পারেন: কাজের কনসেপ্টশন থেকে সাইট দেখা, কাজ সম্পূর্ণ করা৷

আপনার গ্রাহকরা মোবাইল ডিভাইস ব্যবহার করে সাইটে যা যা করবেন তার একটি সম্ভাব্য আউটলাইন ধাপে ধাপের তৈরি করুন৷ অভিজ্ঞতা স্ট্রিমলাইন করে ব্যবহারকারীর ইন্টারঅ্যাকশন কম করার চেষ্টা করুন৷ যেমন: (1) গ্রাহক ল্যাম্প কেনার জন্য সাইটে ক্লিক করবেন; (2) ল্যাম্প বেছে নেওয়ার জন্য ব্রাউজ করবে; এবং (3) পছন্দের ল্যাম্প কিনবেন৷

২. কিভাবে সহজে মোবাইলের মাধ্যমে গ্রাহকেরা সাধারণ কাজ করতে পারেন সেটির ভিত্তিতে আপনার সাইটের কার্যকারিতা পরিমাপ করুন৷

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

মিডিয়া পোস্টে প্রকাশিত নিবন্ধে বলা হয়েছে "মোবাইল সাইট ব্যবহারের ক্ষেত্রে কেনাকাটার করা সহজ করতে, এটাই ক্রেতাদের কাছে গুরুত্বপূর্ণ, এবং ৪৮% ক্রেতা মনে করেন এটি মোবাইল সাইটের সবচেয়ে গুরুত্বপূর্ণ বৈশিষ্ট্য"৷

৩. এমন মোবাইল টেমপ্লেট, থিম, বা ডিজাইন বেছে নিন যেটি সব ডিভাইসের জন্য সামঞ্জস্যপূর্ণ (যেমন প্রতিক্রিয়াশীল ওয়েব ডিজাইন ব্যবহার করুন) হবে৷

"ইন্টারঅ্যাকটিভ ওয়েব ডিজাইন" অথবা RWD মানে হল ব্যবহারকারী ডেস্কটপ, কম্পিউটার, ট্যাবলেট, বা মোবাইল ফোন সর্বত্রই পৃষ্ঠায় একই URL এবং ব্যবহার করা হবে – স্ক্রিনের আকার অনুযায়ী ডিসপ্লে হয় অথবা প্রতিক্রিয়া দেয়৷ Google অন্য ডিজাইন প্যাটার্নে RWD ব্যবহার করার পরামর্শ দেয়৷ RWD এর অন্যতম সুবিধা হল আপনাকে নিজের সাইটের মোবাইল বা ডেস্কটপের জন্য দুটো আলাদা ভার্সনের পরিবর্তে একটি ভার্সন (যেমন আপনাকে ডেস্কটপ সাইট www.example.com এবং মোবাইলের ভার্সনে m.example.com বজায় রাখার বদলে - একটি সাইট www.example.com এ মোবাইল এবং ডেস্কটপের ব্যবহার করতে পারবেন) বজায় রাখতে হবে৷

একই URL এবং কোড ব্যবহার করে ইন্টারঅ্যাকটিভ সাইট বিভিন্ন স্ক্রিনের ডিসপ্লে সামঞ্জস্যবিধান করে৷ উপরের তিনটি ডিভাইসে www.example.com (মোবাইল পৃষ্ঠার জন্য m.example.com এর পরিবর্তে, ট্যাবলেট পৃষ্ঠা t.example.com এর পরিবর্তে) ব্যবহার করা যায়৷

"একাধিক ওয়েবসাইট তৈরি করার বদলে Baines & Ernst সহ RWD ব্যবহার করে বিভিন্ন স্ক্রিনে সাইটের অভিজ্ঞতা অপ্টিমাইজ করুন৷ দেখা গেছে ১১% বেশি দর্শক সাইট দেখছেন এবং মোবাইলে দেখা দর্শক ৫১% বেশি হয়েছে৷"

"পরিবর্তন" তখনই হয় যখন একজন গ্রাহক কোনও কাজ করতে চান যেমন কোনও প্রোডাক্ট কিনতে, ব্যবসার সাথে যোগাযোগ করেন, অথবা নিউজলেটারের জন্য সাইন-আপ করেন৷

ইন্টারঅ্যাকটিভ ওয়েব ডিজাইন কিভাবে করবেন সে সম্পর্কে আরও বিশদে জানতে ডেভেলপার কন্টেন্ট ওয়েব ফান্ডামেন্টাল এ দেখুন৷ আপনি মোবাইল, ট্যাবলেট, এবং ডেস্কটপ ওয়েবসাইটের জন্য আরও জানতে চাইলে একাধিক স্ক্রিন গ্রাহকদের জন্য ওয়েবসাইট তৈরি পড়ুন৷

শুরুতেই কোন তিনটে ভুলগুলি এড়িয়ে যাবেন?

প্রথম ভুল - মোবাইল গ্রাহকদের বিষয়ে ভুলে যাবেন না৷

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

দ্বিতীয় ভুল - ডেস্কটপ সাইটের বিভিন্ন ডোমেন, সাবডোমেন বা সাবডিরেক্টরিতে মোবাইল সাইট করার চেষ্টা৷

যখন Google একাধিক মোবাইল সাইট কনফিগারেশন সমর্থন করে, তখন মোবাইলের জন্য আলাদা URL তৈরি করলে আপনার সাইটটি বজায় রাখার জন্য, এবং সাইট আপডেট করার জন্য অনেক কাজ বাড়বে, এতে টেকনিকাল সমস্যা হতে পারে। সেক্ষেত্রে আপনি যদি ইন্টারঅ্যাকটিভ ওয়েব ডিজাইন (RWD) ব্যবহার করেন তবে একই URL এর মাধ্যমে সহজেই মোবাইল এবং ডেস্কটপে সাইট চালাতে পারবেন! Google এর প্রস্তাবিত কনফিগারেশন হল ইন্টারঅ্যাকটিভ ওয়েব ডিজাইন ।

তৃতীয় ভুল - অন্যদের কাজ দেখতে গিয়ে নিজের কাজ নষ্ট করা৷

অনুপ্রেরণা এবং সেরা অনুশীলনের জন্য আরও সাইট বা আপনার প্রতিযোগীদের দেখুন৷ যদিও আপনি এই ইন্ডাস্ট্রিতে প্রথম নন যিনি মোবাইল সাইট কাজ শুরু করেছেন, আপনার আগে যারা এই কাজ শুরু করেছেন আপনি তাদের থেকে শিখতে পারবেন৷ মোবাইল প্লে বুক এবং Google একাধিক স্ক্রিন সফলতার গল্প তে আপনি অনুপ্রেরণা পাবেন৷

একজন ডেভেলপারের সাথে কাজ করার সময় আমাকে কি কি মাথায় রাখতে হবে?

মোবাইল সহায়ক সাইট তৈরি করার জন্য ডেভেলপারের সাথে কাজ করার সময় ভাল ফলাফল পেতে এই ধাপগুলি অনুসরণ করুন৷

১. আপনার ডেভেলপারের রেফারেন্স এবং মোবাইল ওয়েবসাইটের পোর্টফোলিও দেখতে চান

আপনার ডেভেলপারের ইন্টারঅ্যাকটিভ ওয়েব ডিজাইন (RWD) এ আগে কাজ করার অভিজ্ঞতা আছে কিনা জানুন। আপনার যদি একটি ডেস্কটপ-ভিত্তিক সাইট থাকে তাহলে আপনার ডেভেলপার সেটি ডেস্কটপ সাইট থেকে ইন্টারঅ্যাকটিভ সাইটে পরিবর্তন করতে পারবে কিনা জেনে নিন৷ তাদের তৈরি অন্য সাইটগুলি দেখুন৷ ডেভেলপারের আগের গ্রাহকদের সাথে কথা বলে তার কাজ সম্পর্কে জানুন৷ আপনি Google-এর পেজস্পিড ইনসাইট এ গিয়ে ডেভেলপারের পোর্টফোলিও দেখতে পারেন৷ পেজস্পিড ইনসাইট কোনও পৃষ্ঠার স্পিডের বাঁঁধা পাওয়ার কারণ অথবা ব্যবহারযোগ্যতাকে আটকানোর বিষয় হাইলাইট করে৷

পেজস্পিড ইনসাইট মোবাইল পরীক্ষা ওয়েব ফান্ডামেন্টাল স্পিড এবং ব্যবহারকারীর অভিজ্ঞতাতে পাস করে৷

২. আপনার ডেভেলপার যেন মোবাইলের গ্রাহকদের চাহিদা বুঝতে পারে৷

আপনার ব্যবসা সম্পর্কে ডেভেলপারকে বলুন এবং আপনি মোবাইল সাইটে অপ্টিমাইজ করতে চান এমন কাজ তাকে দিন৷ আপনার ডেভেলপার এমন সাইট তৈরি করবে যেটি মোবাইল গ্রাহকদের চাহিদা পূরণ করতে সক্ষম হবে৷

৩. আপনার ডেভেলপারকে স্পিড ভাল রাখতে বলুন৷

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

৪. আপনার ডেভেলপার ওয়েব অ্যানালিটিক্স ইনস্টল করেছেন৷

সাইট পারফরম্যান্সের বিষয়ে আরও সংগঠিত তথ্য পেতে Google Analytics এর মতন ওয়েব অ্যানালিটিক্স ইনস্টল করুন৷

৫. আপনি এবং আপনার ডেভেলপার Google-এর ওয়েবমাস্টার নির্দেশিকা সম্পর্কে জানেন সেটি নিশ্চিত করুন৷

এই নির্দেশিকা থেকে জানা যায় Google কিভাবে আপনার সাইটকে খোঁজে, প্রক্রিয়া করে, এবং র‍্যাঙ্ক দেয়৷

৬. প্রথম লঞ্চের পরেও মোবাইল সাইট আরও উন্নত করার বিষয়ে যেন আপনার চুক্তিকে লেখা থাকে৷

আপনি গ্রাহকদের থেকে মতামত এবং ওয়েব অ্যানালিটিক্স থেকে ডেটা সংগ্রহ করে আপনার সাইটে প্রয়োগ করে সেটি আরও ভাল করার চেষ্টা করতে পারেন৷

আপনি Google AdWords’ প্রস্তাবিত মোবাইলের তালিকা এবং একাধিক-স্ক্রিন ভেন্ডর বিবেচনা করে দেখতে পারেন৷ মোবাইল ওয়েবসাইটে বাস্তবায়ন প্রক্রিয়া সম্পর্কে আরও তথ্য যদি আপনি চান তাহলে Mobile SEO এ আমাদের ডক্স দেখুন।

Send feedback about...

সার্চ
সার্চ