Saturday, August 30, 2014

ওয়েবসাইট সাইন্স [পর্ব ৩] :: কিছু কমন ভুল যেগুলো সুধরে নেয়া জরুরী

হ্যালো  বান্ধুরা কেমন আছেন সবাই ?
আজকে লিখবো কি নিয়ে ভাবতে ভাবতে ভেবে বের করলাম আজ একটু seo , আর কিছু কমন ভুল নিয়ে লেখি।
ওয়েবসাইট সাইন্স
আমরা যারা ওয়েবসাইট নিয়ে কাজ করি, তাদের কাছে seo এর অপর নাম ট্রাফিক। কিন্তু কিছু কমন ভুলের কারনে ব্যার্থ হই শূরুর দিকে অনেকেই।
সো আমি কিছু কথা বলি, মেনে চলেন।
প্রথমেই বলবো জানতে হবে। seo কি, কিভাবে করতে হবে, কেন, কোথা থেকে শুরু করতে হবে। এ নিয়ে টেকটিউন্সে অনেক অভিজ্ঞ লোকের লেখা আছে। সবগুলো আগাগোড়া পড়ে ফেলুন। হ্যা, সবগুলোই।
পড়ছেন ?
এখন আসেন শুরু করা যাক।
আমি সবার আগে যেটা বলিঃ অনেকেই আমাকে ইনবক্সে সাইট দিয়ে বলেন, ভাই কেমন হচ্ছে দেখেন। নিজেদের অন্যান্য বন্ধুদের কেও দেখান। আমি এটা করতে মানা করি।
কারনঃ একটা নতুন সাইটে তেমন কোন সার্ভিস বা পোস্ট থাকে না, থাকলেও সংখ্যায় খুবি কম। সো আমি বা যাকে দেখাচ্ছেন , সেটা আপনার বন্ধু বা অনেক দুরের কেউ হতে পারে, সে একবার ঢুকে আর পরের বার ঢুকার আগ্রহ হারিয়ে ফেলে, এর মানে বুঝেন ? একটা ইউনিক ইউজার হারাইলেন আপনি।
কি করা উচিতঃ সাইট সম্পুর্ন বা মোটামুটি শেষ করে তারপরে সবাইকে দেখান, শেয়ার করুন, সার্চ ইঞ্জিন অপটিমাইজেশন করুন।
ভুল নাম্বার দুইঃ অনেকেই সার্চ ইঞ্জিন অপটিমাইজেশন করতে গিয়ে শেখেন লিঙ্ক বিল্ডিং, গুগলে মারেন সার্চ, তার উপর বাঙ্গালী তো, সাথে auto কথাটি জুরে দেন। মানে খুজেন Auto কোন উপায় আছে কিনা।
থামেন ! থামেন ! থামেন ! অটো কোন উপায় থাকলে আমাকে ক্লায়েন্ট ঘন্টায় দশ ডলার পে করতো না। না নিজে থেকে আপনার সাইটের লিঙ্ক বানাবে এমন কোন টুল আমার নজরে এখনো আসে নাই। যেগুলো আছে, কিছু আজে বাজে সাইটে আপনার লিঙ্ক পোস্ট করে। এতে লাভের থেকে লস ই বেশী।এটারে ব্ল্যাক হ্যাট seo এর নিকৃষ্টতম সিস্টেম বলা হয় যা গুগল খুব ভালো ভাবে চেনে।
কেন কইলাম কথা টা ?
ধরেন আপনি আমার শত্রু, মানে অনলাইনে আরকি। সার্চ রেজাল্টে আসা সাইটগুলো মধ্য আপনার আর আমার সাইটের অবস্থান আর পেইজ র‌্যাঙ্ক কাছাকাছি। আমি সুধু আজে বাজে কিছু যায়গায় আপনার লিঙ্ক টা ড্রপ করে আপনাকে আমার অনেক পেছনে পাঠিয়ে দিতে পারি।
মাঝরাতে আর লিখবো না, তবে নিয়মিত লিখছি, চলবে।

ওয়েবসাইট সাইন্স [পর্ব -২] :: ভিজিটর পাবেন মেইন সাইটের মোবাইল সেকশনে, আজ ওয়ার্ডপ্রেস

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

শুরুতে ওয়ার্ডপ্রেসঃ

WordPress Mobile Pack ইনস্টল আমার আগের পোস্ট দেখার পরে করে ফেলার কথা। না করলে নিচের থিওরী অনুসরন করেন।
  •  আপনার এ্যাডমিন ড্যাসবোর্ডে লগিন দেন।
  •  প্লাগিন্স এ যেয়ে এ্যাড নিউ তে ঢোকেন।
  •  Wordpress Mobile Pack লিখে সার্চ করেন।
  •  পেয়ে যাবেন। এটাকে ইনস্টল করে এ্যাকটিভ করেন।
হয়ে গেলো। এভাবে না হলে ডাউনলোড করে নিতে পারেন গুগলে সার্চ করে, লিঙ্ক দেবার ঝামেলায় গেলাম না।
এখন মোবাইল দিয়ে আপনার সাইটে ঢুকে দেখেন বেশ একটা মোবাইল সাইটে ঢুকছেন। পোস্ট গুলো চেনা না হলে চিনতেই পারবেন না যে কোন সাইটে ঢুকলেন।
এবার পরের ধাপ। Php জানলে ভালো, না জানলে সুধু html দিয়েই হবে। এই বিদ্যেটুকু না থাকলে আপাতত এই অংশটুকু বাদ দিয়ে টিটি তে html লিখে সার্চ করে শেখা শুরু করেন।

যা করতে হবেঃ

  • আপনার হোস্টিং এর সি প্যানেল এ লগিন করেন।
  • ফাইল ম্যানেজার এ প্রবেশ করেন।
  • যে ফোল্ডারে লগিন ওয়ার্ডপ্রেস ইনস্টল করেছেন , সেখানে যান।
  •  এখানে দেখেন wp-content ফোল্ডার আছে, ঢুকেন ভেতরে।
  • এখানে Themes ফোল্ডারে আপনার সাইটের যাবতীয় থিম গুলো থাকে বা রাখা হয়। অন্য গুলোতে হাত না দিয়ে Mobile_Pack_Base থিম টা এডিট করেন।

কি এডিট করবো ?

  • Html জানলে এটা তো জানেন body তে কিভাবে লোগো লাগানো যায়।
  •  head ফাইল টায় আপনার যা দরকার দিন।মেটা ডাটা গুলো ও।
  •  ফুটারে নিজের কপিরাইট লাগান।
  •  স্টাইল ফাইল টাও নিজের মত করে বানিয়ে নিতে পারেন।
আর… আর… আর কি দরকার ? হয়ে গেছে তো !!!!!
সেইম কাজ টা সি প্যানেল এ লগিন না করে ওয়ার্ডপ্রেস এর ড্যাসবোর্ড এর থিম এডিটর থেকেও করা যায়, বাট ভুল ভাল কোড দিয়ে পরে আপনি কানা হয়ে গেলে বলবেন শিমুল ভাই আমারে কি বুদ্ধি দিলো, আমার সাইট ই ডাউন।
এক মিনিট। লেখা শেষ হয় নাই।
Php আর ওয়ার্ডপ্রেস কোডেক্স সম্পর্কে ধারনা না থাকলে মোবাইল থিমের আর কিছুতে হাত দিয়েন না। আর মোবাইল পেইজ কেনো দরকার যেকোন সাইটের তা আমার কোন ক্লায়েন্ট কেই আমি বুঝাতে পারি নাই, আপনাকে বুঝানোর একটা চেষ্টা করি এক লাইনে। দেশের ৭০ ভাগ এর বেশি মানুষ এখনো মোবাইল ইন্টারনেট ব্যাবহার করেন।
অনেকেই বলেন, ভাই প্রিমিয়াম রিস্পন্সিভ থিম ইউজ করি। পেইজের ওয়াডথ তো বাড়ে কমে। সো মোবাইল দিয়েও দেখা যায় ঠিক ঠাক, কি দরকার এত ঝামেলা করার। সো তাদের বলি, ভাই, পেইজের চোখে দেখা সাইজ কমলেও পেইজের একচুয়াল ডাটা কতটা কমে আমার কোন ধারনা নাই, নিজে একবার চেষ্টা করবেন ৫০০ কিলোবাইটের একটা পেইজ মোবাইল দিয়ে লোড করতে।

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

হ্যালো বান্ধুরা
অনেক দিন পরে লিখতে বসলাম।

আজকে বাংলাদেশের ডেভেলপার/ডিজাইনার দের একটা কমন সমস্যা ও তার সমাধান নিয়ে লিখবো।
শুনতে খারাপ শোনালেও বলা যায়, অনেক টা ছাতার মত গজিয়ে উঠছে ওয়েবসাইট। হোক সেটা ই কমার্স,নিউজ পেপার বা ওয়ার্ডপ্রেস দিয়ে টিউটোরিয়াল ব্লগ। সাইট বানিয়ে, অনেক সুন্দর ডিজাইন দিয়ে, ভালো হোস্টিং ব্যাবহার করার পরেও সাইটে ভিজিটর নাই। কেনো নাই ?
আচ্ছা আজকে এটা নিয়েই আলাপ করি।
আমরা যারা ওয়েবসাইট বানাতে বসি ( 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 তে হাত না দেয়াই ভালো।