ব্লগ পোস্টে ছবি যুক্ত করুন সঠিক পদ্ধতিতে

ব্লগ পোস্টে ছবি অনেক সময়েই দিয়ে থাকি আমরা। অনেক সময়ে আমরা অন্য ওয়েবসাইটের ছবি সরাসরি URL দিয়ে পোস্ট করি। কিম্বা ধরুন photobucket free image hosting নয়তো imageshack.us free image hosting ওয়েবসাইট ব্যাবহার করে থাকি আমরা। কেন আমরা এইভাবে ছবি দিই? কারন গুগল আমাদেরকে ১ জিগাবাইট webspace বিনামূল্যে দিয়েছে, সেই webspace সংরক্ষণ করতেই প্রধানত এই জাতীয় আপলোড আমরা করে থাকি। কিন্তু এর কিছু কিছু ক্ষতিকারক দিক আছে। কেন, আসুন সেটাই জেনে নিই আজকে।

ধরুন অন্য ওয়েবসাইটের ছবি আমরা direct URL upload করলাম, মনে করলাম যে তার bandwidth খরচ হল এবং আমাদেরও ১ জিগাবাইট webspace'এর কিছুটা আমরা বাঁচাতে পারলাম। কিছুদিন কিম্বা কিছু মাস পরে সেই ওয়েবসাইটের এডমিন হয়তো সেই ছবি সরিয়ে দিলেন কিম্বা মুছেই দিলেন, সেক্ষেত্রে আপনার ব্লগে আসা পাঠক আপনার পোস্টে প্রাসঙ্গিক ছবিটি দেখতেই পেলোনা। পোস্টের সৌন্দর্য অনেকটাই ম্লান হয়ে গেল, অথচ আপনি তা জানতেও পারলেন না, কারন আপনি যতো পোস্ট করেছেন সমস্ত পোস্ট প্রতিদিন খুলে দেখা হয়না, তাইনা?

Photobucket, Imageshack.us ইত্যাদি free image hosting service ব্যাবহার করলেন, অথচ দেখা গেল যে আপনার ব্লগে প্রচুর পাঠক আসাতে বিনামূল্যের bandwidth খরচ হয়ে যাওয়াতে বিশ্রি একটি ডিফল্ট ছবি তারা দেখাচ্ছে যে আপনার bandwidth exceeded, get a pro account ইত্যাদি। কেমন দাঁড়াবে ব্যাপারটা, ভেবে দেখেছেন? বাঁদিকের এই ছবি কি একটুও ভালো লাগছে দেখতে?

অনেকেই তাদের ব্লগ টেমপ্লেটের বিভিন্ন ছবি এইসব বিনামূল্যের ইমেজ হোস্টিং সাইটে রাখেন এবং অনেক সময়েই এই সমস্যা দেখা দেয় যদি bandwidth সীমা অতিক্রম করে যায়। এতে সম্পুর্ণ ব্লগটিই দেখতে কদর্য আকার ধারন করে।

এইসব সমস্যার সমাধান কিভাবে? কিছু সহজ উপায় কিন্তু আছে! যেমন, সমস্ত ছবি সরাসরি নিজেই আপলোড করা। ১ জিগাবাইটের যে চিন্তা, তার সমাধান হওয়া কঠিন হবেনা। Create Google Account করে বাড়তি কিছু একাউন্ট বানিয়ে নিন, ছবি আপলোড করুন সেইসব আইডি দিয়ে। ভেবে দেখুন, ৫'টি গুগল আইডি বানালেই 5 GB webspace পেয়ে যাবেন! এইসব আইডি'কে ইনভাইট দিয়ে আপনার ব্লগের সাথে যুক্ত করে নিলেই সেইসব আইডি দিয়ে ছবি দেওয়া যাবে, পোস্ট দেওয়া যাবে। এই গেল সবচেয়ে সহজ সমাধান। কারন আপনার ব্লগ গুগলের ডমেইনে, তাদেরই সার্ভিস ব্যাবহার করাই শ্রেয়, এতে আপনার ছবি লোড হবে অন্য হোস্টিং সাইটে রাখা ছবির থেকে আরো তাড়াতাড়ি।

ব্যাবহার করতে পারেন 'Google Sites' সুবিধাটি। এতে যাবতীয় ফাইল হোস্ট করতে পারেন, unlimited bandwidth পাবেন। আপনার একটি গুগল আইডি দিয়েই বানাতে পারবেন নিজস্ব একটি সাইট যাতে রাখতে পারবেন প্রচুর ফাইল। Direct URL পাবেন, সেটি দিয়েই ব্লগে পোস্ট করে দেবেন।

এর পরের সহজ সমাধান হচ্ছে Flickr photo sharing service ব্যাবহার করতে পারেন। সেখানে যদিও বিনামূল্যে ২০০ ছবি আপলোড করা যায়, তবুও, bandwidth limitation একেবারেই নেই। দুটি সেট তৈরী করে নিন যেমন Template images আর Blog post images - এইভাবে আপলোড করতে থাকুন। ২০০ ছবির সীমার পেরিয়ে গেলে নতুন ইয়াহু আইডি বানিয়ে আরেকটি ফ্লিকার একাউন্ট করে নিন?

ওয়ার্ডপ্রেসে যারা ব্লগিং করছেন, তারা ৫ জিগাবাইট webspace এমনিতেই পাচ্ছেন, অপ্রয়োজনে বড় মাপের ছবি দেবেন না, ছবির আয়তন ছোট করে নিন; বড় মাপের দিতে হলেও তা 1024x768 পর্যন্তই সীমাবদ্ধ রাখুন। এতে ছবির সাইজ কম থাকবে, এবং আপনাদের ৫ জিগাবাইট স্পেস সঠিক ভাবেই ব্যাবহার করতে পারবেন।

এবারে আসি একটু অন্য প্রসঙ্গে। Search engine optimization for photos - ভেবে দেখুন, আপনার ব্লগের ছবিগুলো যদি হয় আপনার নিজের তোলা, আপনি কি চাইবেন না সেইসব ছবি google image search'এ পূর্ণ মর্যাদার সাথে স্থান পাক? পূর্ণ মর্যাদার জন্য প্রথমেই photo copyright information দিন photo watermarking করে। Watermark এমন স্থানেই দিন যাতে ছবি কেউ crop করলেও মূল বিষয়টি রাখার জন্য যতোটুকু সে রাখবে তার মধ্যেই transperent watermark করে দিন।

এবারে সার্চ ইঞ্জিনে ছবির স্থান করে নেওয়ার প্রসঙ্গে, আমরা একেবারেই আমল দিইনা যে জিনিসটি, সেই কথায় আসি - alt tags আর title tags for images - ব্লগে ছবি আপলোড হওয়ার পরে যদি Edit HTML দিয়ে দেখেন, তাহলে খেয়াল করবেন যে - alt="" - এইরকম একটি ট্যাগ দেখা যাচ্ছে। অথচ সেখানে কিছুই লেখা নেই। সেই শূণ্যস্থান পূরণ করে দিন, এবং তার পাশে একটি স্পেস দিয়ে title="image title" - এইটা দিয়ে দিন। Image title'এর স্থানে ছবির একটি ছোটখাটো বিবরন দিতে পারেন। সার্চ ইঞ্জিনের ওয়েব ক্রলার রোবট ছবি দেখতে পায়না, সে দেখে এইসব alt আর title tags, সঠিক ট্যাগ পেলেই আপনার ছবি নির্দিষ্ট সার্চে ফুটে উঠবে। সুতরাং এখন থেকে সব ছবির ট্যাগ দেওয়া বাধ্যতামূলক করে ফেলুন। আর হ্যাঁ, এর থেকেও কিছু ভিজিটার পাবেন! ইন্টারনেটে অনেক ইউজার ছবি সার্চ করেন।

alt আর title tag কিভাবে দেবেন:- উপরে যে ছবি আমি দিয়েছি, সেটি Edit HTML'এ এইরকম দেখাবে নিচের মতো, যেখানে alt="" আছে কিন্তু কিছুই লেখা নেই -

আমি সেখানে alt আর title tag দিয়েছি -