ওয়েবসাইট সাইন্স [পর্ব ১] :: কেন একটা বাংলাদেশী সাইট ব্যার্থ হতে পারে।

ওয়েবসাইট সাইন্স

হ্যালো গাইজ,

অনেক দিন পরে লিখতে বসলাম।

আজকে বাংলাদেশের ডেভেলপার/ডিজাইনার দের একটা কমন সমস্যা ও তার সমাধান নিয়ে লিখবো।

শুনতে খারাপ শোনালেও বলা যায়, অনেক টা ছাতার মত গজিয়ে উঠছে ওয়েবসাইট। হোক সেটা ই কমার্স,নিউজ পেপার বা ওয়ার্ডপ্রেস দিয়ে টিউটোরিয়াল ব্লগ। সাইট বানিয়ে, অনেক সুন্দর ডিজাইন দিয়ে, ভালো হোস্টিং ব্যাবহার করার পরেও সাইটে ভিজিটর নাই। কেনো নাই ?

আচ্ছা আজকে এটা নিয়েই আলাপ করি।

আমরা যারা ওয়েবসাইট বানাতে বসি ( wap না) তারা ব্যাবহার করি কম্পিউটার।আর এখানে বসেই ভুলে যাই দেশের বেশীর ভাগ মানুষ ইন্টারনেট এর জন্য এখনো মোবাইল ডিভাইস গুলো ব্যাবহার করেন। তাদের জন্য আপনার সাইট এক অর্থে সময় আর মেগাবাইট অপচয় করা ছারা আর কি হতে পারে ?

মোবাইল ডিভাইস গুলো সম্পর্কে একটু ধারনা দেই। এগুলোর স্ক্রিন ওয়াডথ (width) হয় ২০০ – ৩৫০ px ।তার ডিভাইসের সাথে কি আপনার ওয়েবপেইজ গুলো মানানসই ? বাংলাদেশী সাইট গুলোর ক্ষেত্রে বেশিরভাগ এর উত্তর হবে “ না “ । পরের ব্যাপার হলো পেইজের সাইজ। একটা ডেক্সটপ ওয়েবপেইজের সাইজ ৫০০ kb হলে কোন ব্যাপার ই মনে হবে না, কিন্তু চিন্তা করেন মোবাইল দিয়ে ৫০০ কিলোবাইট লোড হতে হতে কতজন পরের বার আপনার সাইটে ফিরে আসবেন ? আরো বড় কথা মোবাইল দিয়ে জাভাস্ক্রিপ্ট , css এর কতটুকু লোড করা সম্ভব ?

তো এই বিশাল মোবাইল ট্রাফিক কে আপনার সাইট থেকে দূরে রাখবেন ? না, মোবাইল ব্যবহার কারীরাই অনেক সাইটের প্রান। তো আপনার সাইটেও তাদের দরকার। তাদের কিভাবে ধরে রাখা যায় ?

উত্তরঃ খুব সহজ। যারা ওয়ার্ডপ্রেস ব্যাবহার করেন তারা তো সিম্পল wordpress mobile pack ইনস্টল করে নিলেই পারেন। অনেকে করেন ও, কিন্তু এটার ও লুক চেঞ্জ করা যায় তা অনেকেই ভুলে যান।(এটা কিভাবে কাস্টমাইজ করবেন পরের পোস্ট এ লিখবো । )

Mybb এর মত ফোরাম cms এর জন্য বেশ সুন্দর মোবাইল প্লাগিন পাওয়া যায়, খুজলেই পাবেন।

আমি বলবো যেগুলো সাইট এর একটাও ব্যাবহার করে না, তারা আমার মতে একটা সোজা কাজ করে নিলেই পারেন । আলাদা একটা সাবডোমেইন করে তাতে মোবাইলের আলাদা সাইট বানান। http://www.Mysite.com এর মোবাইল সাবডোমেইন হতে পারে m.Mysite.com । এখন মোবাইল ইউজার দের অটো মোবাইল পেইজে নিয়ে যেতে পারেন ( পরের লিখবো এ নিয়ে ) অথবা সাইটের ঊপরে বা নিচে একটা লিঙ্ক করে দিতে পারেন যে “ Mobile Users click Here “ ।

মোবাইল সাইটে আপনার সাইটের যে দিক গুলো ইউজার রা মোবাইল থেকে ব্যাবহার করতে পারবেন সেগুলো খুব সিম্পল html ব্যাবহার করে শো করে রাখেন, স্টাইলিং হবে সিম্পল।

মোবাইল সাইট এর ক্ষেত্রে আমি যেগুলো বলিঃ

  •  এক পেইজে ৩ টার বেশী কালার নয়।
  •  পেইজের সব কিছু Align ট্যাগ দিয়ে বাম পাশে রাখুন। আমি আবার বললাম সবকিছু ।
  •  কোন জাভাস্ক্রিপ্ট নয়।
  •  মনে রাখবেন, সেইম সার্ভিস এর দুটা সাইটের যেটির লোডিং স্পিড ফাস্ট, সেটি শতকরা ৮০ ভাগ ভিজিটর পছন্দ করেন।

এখন এক নজরে দেখে নেন কয়টা দিক।

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

আজকে থাক, হুট করে বসে মাথায় অনেক কিছুই আসতেছে না, ধারাবাহিক ভাবে লিখবো। আমার করা সাইট ফাজলামী ডট কম দেখে আসতে পারেন সময় হলে এক ফাকে। ধন্যবাদ।

Level 2

আমি শিমুল শাহরিয়ার। Founder, WebSea Internet Solutions, Dhaka। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 12 বছর 7 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 90 টি টিউন ও 497 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 2 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।

ব্র্যান্ড কনসাল্টেন্ট, ফুলস্ট্যাক ডেভেলপার/ডিজাইনার। আমাকে পাওয়া যাবে @ https://ShimulShahriar.com


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস

আপনার সাথে আমি ১০০% মত।

Level 0

Porer Opekkhay Roilam

Level 0

আশা করি যে ওয়াদাগুলো করেছেন তা পালন করবেন। পরের লিখা পড়ার অপেক্ষায় রইলাম। ধন্যবাদ।

Level 0

Responsive

apnar fajlami.com ta amar valo lage ni.