কিভাবে WordPress-এ Alt Text এবং ছবি অপ্টিমাইজ করতে হবে

কিভাবে WordPress-এ Alt Text এবং ছবি অপ্টিমাইজ করবেন

আপনি কি আপনার WordPress ওয়েবসাইটকে সার্চ ইঞ্জিনে আরও ভালো র‍্যাঙ্ক করাতে চান?

ব্যবহারকারীদের জন্য এটিকে আরও অ্যাক্সেসযোগ্য করতে চান? তাহলে আপনার Alt Text এবং ছবিগুলি সঠিকভাবে অপ্টিমাইজ করা অত্যন্ত জরুরি। এই আর্টিকেলে, আমরা ধাপে ধাপে আলোচনা করব কিভাবে আপনি আপনার WordPress সাইটের ছবি এবং Alt Text অপ্টিমাইজ করে এর SEO পারফরম্যান্স উন্নত করতে পারেন।

Alt Text কী এবং কেন এটি গুরুত্বপূর্ণ?

Alt Text, বা Alternative Text, হলো একটি ছবির সংক্ষিপ্ত বর্ণনা। এটি শুধুমাত্র সার্চ ইঞ্জিনকেই নয়, বরং দৃষ্টি প্রতিবন্ধী ব্যবহারকারীদের জন্যও গুরুত্বপূর্ণ।

অ্যাক্সেসযোগ্যতা (Accessibility):

যখন একজন দৃষ্টি প্রতিবন্ধী ব্যবহারকারী স্ক্রিন রিডার ব্যবহার করেন, তখন স্ক্রিন রিডার Alt Text পড়ে ছবিটি সম্পর্কে ধারণা দেয়।

SEO (Search Engine Optimization):

গুগল এবং অন্যান্য সার্চ ইঞ্জিনগুলি Alt Text ব্যবহার করে ছবির বিষয়বস্তু বুঝতে পারে। এটি আপনার ছবিগুলিকে Google Images-এ প্রদর্শিত হতে সাহায্য করে এবং আপনার সামগ্রিক SEO র‍্যাঙ্ক উন্নত করে।

ছবি লোড না হলে :

যদি কোনো কারণে আপনার ছবি লোড না হয়, তাহলে Alt Text ছবির জায়গায় প্রদর্শিত হবে, যা ব্যবহারকারীকে ছবির বিষয়বস্তু সম্পর্কে ধারণা দেবে।

WordPress-এ Alt Text যোগ করার পদ্ধতি

WordPress-এ Alt Text যোগ করা খুবই সহজ। যখন আপনি মিডিয়া লাইব্রেরিতে একটি ছবি আপলোড করেন বা একটি পোস্ট/পেজে ছবি যোগ করেন, তখন আপনি Alt Text যোগ করার অপশন পাবেন।

মিডিয়া লাইব্রেরি থেকে:

আপনার ড্যাশবোর্ডে গিয়ে 'Media' > 'Library'-তে যান। একটি ছবিতে ক্লিক করুন এবং ডানদিকে 'Alternative Text' ফিল্ডে আপনার বর্ণনা লিখুন।

ব্লক এডিটর (Gutenberg) থেকে:

একটি পোস্ট বা পেজে ছবি ব্লক যোগ করার পর, ডানদিকের সেটিংস প্যানেলে 'Alternative Text' ফিল্ডটি দেখতে পাবেন।

কিভাবে WordPress-এ Alt Text এবং ছবি অপ্টিমাইজ করতে হবে

কার্যকর Alt Text লেখার নিয়মাবলী

ভালো Alt Text লেখার জন্য কিছু নির্দিষ্ট নিয়ম মেনে চলা উচিত:

বর্ণনামূলক এবং সুনির্দিষ্ট হন:

ছবিটি কীসের, তা পরিষ্কারভাবে বর্ণনা করুন। যেমন, শুধু "কুকুর" না লিখে, "সবুজ ঘাসে লাল বল নিয়ে খেলা করা একটি গোল্ডেন রিট্রিভার কুকুরছানা" লিখুন।

সংক্ষিপ্ত রাখুন:

Alt Text 125 অক্ষরের মধ্যে রাখার চেষ্টা করুন, কারণ কিছু স্ক্রিন রিডার এর চেয়ে দীর্ঘ বর্ণনা কাটছাঁট করে দেয়।

প্রাসঙ্গিক কিওয়ার্ড ব্যবহার করুন:

আপনার প্রধান কিওয়ার্ডটি Alt Text-এ ব্যবহার করুন, তবে তা যেন ছবির সাথে প্রাসঙ্গিক হয়। অযথা কিওয়ার্ড স্টাফিং (keyword stuffing) এড়িয়ে চলুন।

"Image of" বা "Picture of" ব্যবহার করবেন না: স্ক্রিন রিডার এবং সার্চ ইঞ্জিনগুলি এমনিতেই জানে এটি একটি ছবি, তাই এই ধরনের শব্দ ব্যবহার করার প্রয়োজন নেই।

WordPress-এ ছবি অপ্টিমাইজেশন: কেন এবং কিভাবে?

ছবি অপ্টিমাইজেশন বলতে ছবির আকার (file size) কমানো এবং সঠিক ফরম্যাট ব্যবহার করাকে বোঝায়, যাতে ওয়েবসাইট দ্রুত লোড হয় এবং ব্যবহারকারীর অভিজ্ঞতা উন্নত হয়।

কেন ছবি অপ্টিমাইজ করবেন?

ওয়েবসাইটের গতি (Page Speed): বড় আকারের ছবি ওয়েবসাইট লোড হতে বেশি সময় নেয়, যা ব্যবহারকারীদের বিরক্ত করে এবং বাউন্স রেট বাড়িয়ে দেয়। গুগলের র‍্যাঙ্কিং ফ্যাক্টরগুলির মধ্যে ওয়েবসাইটের গতি অন্যতম।

ব্যবহারকারীর অভিজ্ঞতা (User Experience): দ্রুত লোডিং, সাইট ব্যবহারকারীদের জন্য আরও আনন্দদায়ক।

SEO:

গুগল দ্রুত লোডিং সাইট পছন্দ করে এবং তাদের সার্চ ফলাফলে উচ্চতর র‍্যাঙ্ক দেয়।

স্টোরেজ:

অপ্টিমাইজ করা ছবি আপনার হোস্টিং সার্ভারে কম জায়গা নেয়।

ছবি অপ্টিমাইজ করার পদ্ধতি

সঠিক ফাইলের ফরম্যাট ব্যবহার করুন:

JPEG:

ফটোগ্রাফ এবং জটিল রঙের ছবির জন্য সেরা। এটি ভালো কম্প্রেশন প্রদান করে।

PNG:

লোগো, আইকন এবং স্বচ্ছ ব্যাকগ্রাউন্ড সহ ছবির জন্য ভালো। এটি লসলেস কম্প্রেশন ব্যবহার করে, অর্থাৎ ছবির গুণমান অক্ষুণ্ণ থাকে।

WebP:

এটি একটি আধুনিক ফরম্যাট যা JPEG এবং PNG উভয় ফরম্যাটের চেয়ে ভালো কম্প্রেশন এবং গুণমান প্রদান করে। WordPress 5.8 থেকে এটি বিল্ট-ইন সাপোর্ট করে।

SVG:

লোগো এবং আইকনের জন্য ভেক্টর ফরম্যাট, যা জুম করলে পিক্সেল-ফাটা দেখায় না।

ছবির আকার পরিবর্তন (Resizing Images):

আপনার ওয়েবসাইটে যে আকারের ছবি প্রয়োজন, ঠিক সেই আকারের ছবি আপলোড করুন। উদাহরণস্বরূপ, যদি আপনার কন্টেন্ট এরিয়া 800px চওড়া হয়, তাহলে 2000px চওড়া ছবি আপলোড করার কোনো মানে হয় না।

আপনি ছবি এডিট করার সফটওয়্যার (যেমন Photoshop, GIMP) বা অনলাইন টুলস (যেমন TinyPNG, Compressor.io) ব্যবহার করে ছবির আকার পরিবর্তন করতে পারেন।

ছবির কম্প্রেশন (Compressing Images):

কম্প্রেশন হলো ছবির ফাইলের আকার কমানোর প্রক্রিয়া। দু'ধরনের কম্প্রেশন আছে:

Lossy Compression:

ফাইলের আকার উল্লেখযোগ্যভাবে কমায় কিন্তু ছবির কিছু গুণমান হ্রাস করে (যেমন JPEG)।

Lossless Compression:

ফাইলের আকার কমায় কিন্তু ছবির গুণমান অক্ষুণ্ণ রাখে (যেমন PNG)।

WordPress প্লাগইন ব্যবহার করে আপনি স্বয়ংক্রিয়ভাবে ছবি কম্প্রেস করতে পারেন।

WordPress প্লাগইন ব্যবহার করে ছবি অপ্টিমাইজেশন

WordPress-এ ছবি অপ্টিমাইজেশনের জন্য অসংখ্য চমৎকার প্লাগইন রয়েছে যা আপনার কাজকে সহজ করে তোলে। কিছু জনপ্রিয় প্লাগইন হলো:

Smush:

এটি ছবির আকার পরিবর্তন, কম্প্রেশন এবং লেজি লোডিং (lazy loading) এর মতো ফিচার প্রদান করে।

EWWW Image Optimizer:

এটি আপনার আপলোড করা ছবিগুলিকে স্বয়ংক্রিয়ভাবে অপ্টিমাইজ করে এবং WebP ফরম্যাটে রূপান্তর করার অপশনও দেয়।

Imagify:

এটি খুব কার্যকরভাবে ছবি কম্প্রেস করে এবং WebP ফরম্যাট সাপোর্ট করে।

ShortPixel:

এটিও একটি শক্তিশালী কম্প্রেশন টুল যা WebP রূপান্তরও অফার করে।

এই প্লাগইনগুলি সাধারণত নিম্নলিখিত কাজগুলি করে থাকে: আপলোড করার সময় স্বয়ংক্রিয়ভাবে ছবি কম্প্রেস করে। আপনার ওয়েবসাইটে বিদ্যমান ছবিগুলিকেও অপ্টিমাইজ করে। WebP ফরম্যাটে রূপান্তর করার অপশন দেয়।

লেজি লোডিং সেট আপ করে (অর্থাৎ, ছবিগুলি শুধুমাত্র তখনই লোড হয় যখন তারা ভিউপোর্টে আসে)।

Lazy Loading কী এবং কেন এটি ব্যবহার করবেন?

লেজি লোডিং হলো একটি কৌশল যেখানে ওয়েবপেজের ছবিগুলি শুধুমাত্র তখনই লোড হয় যখন ব্যবহারকারী স্ক্রল করে সেই ছবিগুলির কাছাকাছি আসে। এর ফলে:

প্রাথমিক পেজ লোডিং গতি বৃদ্ধি পায়। সার্ভারের ব্যান্ডউইথ সাশ্রয় হয়। ব্যবহারকারীর অভিজ্ঞতা উন্নত হয়।

WordPress 5.5 থেকে লেজি লোডিং ডিফল্টভাবে ইন্টিগ্রেটেড। তবে, আপনি যদি আরও নিয়ন্ত্রণ চান বা পুরনো WordPress সংস্করণ ব্যবহার করেন, তাহলে Smush বা EWWW Image Optimizer-এর মতো প্লাগইন ব্যবহার করতে পারেন।

ছবির ফাইলের নাম (File Names) অপ্টিমাইজ করা

Alt Text এর মতোই, ছবির ফাইলের নামও SEO-এর জন্য গুরুত্বপূর্ণ।

বর্ণনামূলক ফাইলের নাম ব্যবহার করুন:

IMG_001.jpg এর পরিবর্তে wordpress-alt-text-optimization-guide.jpg এর মতো অর্থপূর্ণ নাম ব্যবহার করুন।

হাইফেন ব্যবহার করুন:

শব্দগুলির মধ্যে ফাঁকা স্থান (spaces) এর পরিবর্তে হাইফেন (-) ব্যবহার করুন। যেমন, my-awesome-image.jpg।

ছোট হাতের অক্ষর ব্যবহার করুন:

ফাইলের নামে ছোট হাতের অক্ষর ব্যবহার করা ভালো অভ্যাস।