ছবির অল্ট টেক্সট কী এবং এসইও-র জন্য কীভাবে লিখবেন
অল্ট টেক্সট (বিকল্প লেখা) হলো ছবির একটি ছোট লিখিত বর্ণনা, যা HTML কোডের ভেতরে থাকে। সার্চ ইঞ্জিন ছবি দেখতে পারে না, তাই ছবিতে কী আছে বুঝতে অল্ট টেক্সট পড়ে। আর যাঁরা ছবি দেখতে পান না, স্ক্রিন রিডার তাঁদের এটি পড়ে শোনায়। পরিষ্কার ও বর্ণনামূলক অল্ট টেক্সট লেখা ইমেজ এসইও উন্নত করার, ইমেজ সার্চ থেকে ভিজিটর আনার এবং ওয়েবসাইট সবার জন্য ব্যবহারযোগ্য করার সবচেয়ে সহজ উপায়গুলোর একটি।
অল্ট টেক্সট কী?
অল্ট টেক্সট হলো HTML ইমেজ ট্যাগের alt অ্যাট্রিবিউটের মান। অল্প কয়েকটি শব্দে এটি ছবির বিষয়বস্তু ও উদ্দেশ্য বর্ণনা করে। দেখতে এমন:
<img src="golden-retriever-puppy.jpg" alt="Golden retriever puppy sitting in a field of grass">এই লেখা সাধারণত পেজে দেখা যায় না। সার্চ ইঞ্জিন ছবি ইনডেক্স করতে এটি ব্যবহার করে, স্ক্রিন রিডার জোরে পড়ে শোনায়, আর ছবি লোড না হলে ব্রাউজার বিকল্প লেখা হিসেবে এটি দেখায়।
অল্ট অ্যাট্রিবিউট ও টাইটেল অ্যাট্রিবিউটের পার্থক্য
alt অ্যাট্রিবিউটকে title অ্যাট্রিবিউটের সঙ্গে গুলিয়ে ফেলবেন না। alt অ্যাট্রিবিউট এসইও ও অ্যাক্সেসিবিলিটির জন্য ছবির বর্ণনা দেয় এবং অর্থবহ প্রতিটি ছবিতে থাকা উচিত। title অ্যাট্রিবিউট শুধু মাউস রাখলে একটি টুলটিপ দেখায়, এটি ঐচ্ছিক, আর সার্চ ইঞ্জিন বা স্ক্রিন রিডার এটিকে একইভাবে ব্যবহার করে না। এসইও-র জন্য অল্ট টেক্সটে মনোযোগ দিন।
অল্ট টেক্সট কি এসইও-তে সাহায্য করে?
হ্যাঁ। অল্ট টেক্সট ছবির জন্য একটি বাস্তব র্যাঙ্কিং ফ্যাক্টর, আর এটি পুরো পেজের এসইও-কেও সহায়তা করে। যেভাবে সাহায্য করে:
- গুগল ইমেজে আপনার ছবি র্যাঙ্ক করে। ছবি বুঝতে গুগল ফাইলের নাম ও আশপাশের লেখার পাশাপাশি অল্ট টেক্সট ব্যবহার করে। ভালো অল্ট টেক্সটের মাধ্যমেই আপনার ছবি ইমেজ সার্চ থেকে ভিজিটর পায়।
- পেজে প্রাসঙ্গিকতা ও প্রেক্ষাপট যোগ করে। বর্ণনামূলক অল্ট টেক্সট পেজের বিষয়বস্তু আরও স্পষ্ট করে, ফলে সম্পর্কিত শব্দে পেজটি নিজেও র্যাঙ্ক করতে পারে।
- ব্যবহারকারীর অভিজ্ঞতা ভালো করে। ছবি লোড না হলে তার জায়গায় অল্ট টেক্সট দেখা যায়, তাই ভিজিটর তবুও বিষয়টি বুঝতে পারেন।
- অ্যাক্সেসিবিলিটি শক্তিশালী করে। সহজে ব্যবহারযোগ্য, সুগঠিত পেজই ভালো পেজ, আর সার্চ ইঞ্জিন ঠিক সেটিকেই পুরস্কৃত করতে চায়।
অল্ট টেক্সট একাই কোনো পেজকে গুগলের শীর্ষে তুলে দেবে না, কিন্তু এটি দ্রুত ও কম পরিশ্রমের একটি সাফল্য, যা আপনার সাইটের প্রতিটি ছবিতে জমে জমে বড় ফল দেয়।
ভালো অল্ট টেক্সট কীভাবে লিখবেন
ভালো অল্ট টেক্সট ছবিটিকে পরিষ্কার ও স্বাভাবিকভাবে বর্ণনা করে, যেন আপনি এমন কাউকে বলছেন যিনি ছবিটি দেখতে পাচ্ছেন না। এই নিয়মগুলো মেনে চলুন:
- নির্দিষ্ট ও বর্ণনামূলক হোন। "Red leather handbag with a gold buckle" লেখা "handbag"-এর চেয়ে ভালো, আর "handbag" লেখা "IMG_2024"-এর চেয়ে ভালো।
- সংক্ষেপে লিখুন। প্রায় 125 অক্ষর বা তার কম রাখার চেষ্টা করুন। স্ক্রিন রিডার অনেক সময় লম্বা লেখা মাঝপথে কেটে দেয়, আর গুগলের প্রবন্ধের দরকার নেই।
- কিওয়ার্ড স্বাভাবিকভাবে ব্যবহার করুন। প্রাসঙ্গিক কোনো কিওয়ার্ড বর্ণনায় মানালে দিন। জোর করে ঢোকাবেন না।
- "image of" ও "picture of" লিখবেন না। স্ক্রিন রিডার আগেই জানিয়ে দেয় যে এটি একটি ছবি, তাই এই শব্দগুলো শুধু জায়গা নষ্ট করে।
- প্রেক্ষাপটের সঙ্গে মেলান। সেরা অল্ট টেক্সট নির্ভর করে পেজে ছবিটি কেন আছে তার ওপর। একই জুতার ছবি গ্যালারিতে হতে পারে "Blue running shoe", আর প্রোডাক্ট পেজে "Blue Nike Pegasus 40 running shoe, side view"।
- সাজসজ্জার ছবির অল্ট ফাঁকা রাখুন। কোনো ছবি যদি শুধুই সাজসজ্জার জন্য হয়, যেমন বিভাজক রেখা বা ব্যাকগ্রাউন্ডের নকশা, তাহলে ফাঁকা অল্ট অ্যাট্রিবিউট (
alt="") দিন, যাতে স্ক্রিন রিডার সেটি বাদ দিয়ে যায়।
অল্ট টেক্সটের উদাহরণ: ভালো ও খারাপ
- প্রোডাক্টের ছবি। খারাপ: "shoes"। ভালো: "White canvas high top sneakers with red laces"।
- ব্লগের ছবি। খারাপ: "DSC_0453"। ভালো: "Woman working on a laptop in a sunlit cafe"।
- ইনফোগ্রাফিক। খারাপ: "chart"। ভালো: "Bar chart showing website traffic growing 40 percent from 2024 to 2025"।
- লোগো। খারাপ: "logo"। ভালো: "MyIMGs.org logo"।
- সাজসজ্জার বিভাজক। ভালো:
alt="", যাতে স্ক্রিন রিডার এটি বাদ দেয়।
অল্ট টেক্সটের সাধারণ ভুল, যা এড়িয়ে চলবেন
- কিওয়ার্ড স্টাফিং। অল্ট টেক্সটে কিওয়ার্ডের তালিকা ঠেসে দেওয়া, যেমন "cheap shoes buy shoes running shoes best shoes", গুগলের কাছে স্প্যাম মনে হয় এবং স্ক্রিন রিডার ব্যবহারকারীর কোনো কাজে আসে না। ছবির বর্ণনা দিন, আর একটি স্বাভাবিক কিওয়ার্ডকেই কাজ করতে দিন।
- অল্ট টেক্সট না থাকা। অর্থবহ ছবিতে অল্ট অ্যাট্রিবিউট না থাকলে সার্চ ইঞ্জিন ও স্ক্রিন রিডার সেটি দেখতেই পায় না।
- ফাইলের নাম ব্যবহার করা। অল্ট টেক্সট হিসেবে "IMG_2024.jpg" কাউকে কিছুই জানায় না।
- বেশি লেখা। অনুচ্ছেদ লেখার দরকার হলে সেটি পেজের লেখায় রাখুন এবং অল্ট টেক্সট ছোট রাখুন।
- সাজসজ্জার ছবির বর্ণনা দেওয়া। এতে স্ক্রিন রিডার অকারণ জঞ্জাল পড়ে শোনায়। এর বদলে
alt=""ব্যবহার করুন।
অল্ট টেক্সট ও অ্যাক্সেসিবিলিটি
অল্ট টেক্সট শুধু এসইও-র জন্য নয়। এটি ওয়েব অ্যাক্সেসিবিলিটির একটি মূল অংশ। যাঁরা দৃষ্টিহীন বা কম দেখেন, তাঁরা স্ক্রিন রিডার ব্যবহার করেন, যা অল্ট টেক্সট জোরে পড়ে শোনায়। তাই বর্ণনা না থাকলে বা অকার্যকর হলে তাঁরা আপনার কনটেন্ট থেকে বাদ পড়ে যান। শক্তিশালী অল্ট টেক্সট:
- দৃষ্টিপ্রতিবন্ধী ব্যবহারকারীদের সেই একই তথ্য দেয়, যা চোখে দেখতে পাওয়া ব্যবহারকারীরা ছবি থেকে পান।
- WCAG-এর মতো অ্যাক্সেসিবিলিটি মান মেনে চলতে সাহায্য করে, যা অনেক দেশে আইনত বাধ্যতামূলক।
- সাইটটিকে সবার জন্য আরও ব্যবহারবান্ধব করে, আর সার্চ ইঞ্জিন ঠিক এটিই পুরস্কৃত করতে চায়।
অল্ট টেক্সটের দ্রুত চেকলিস্ট
- অর্থবহ প্রতিটি ছবিতে কি অল্ট অ্যাট্রিবিউট আছে?
- অল্ট টেক্সট কি ছবিটিকে নির্ভুল ও নির্দিষ্টভাবে বর্ণনা করে?
- এটি কি প্রায় 125 অক্ষর বা তার কম?
- কিওয়ার্ড স্টাফিং ছাড়া কি এটি স্বাভাবিক শোনায়?
- "image of" ও "picture of" কি বাদ দিয়েছেন?
- শুধু সাজসজ্জার ছবিগুলো কি
alt=""করা আছে?
MyIMGs.org-এ ছবি আপলোড করার সময় আপনি প্রতিটি ছবিতে বর্ণনা যোগ করতে পারেন। আমাদের ফ্রি ইমেজ টুলস দিয়ে পাবলিশ করার আগে ছবির সাইজ পরিবর্তন ও কমপ্রেস করে নিতে পারবেন, যা ইমেজ এসইও ও পেজের গতির জন্য আরেকটি সহজ সুবিধা।
সাধারণ জিজ্ঞাসা
অল্ট ট্যাগ কি এসইও-তে সাহায্য করে?
হ্যাঁ। সার্চ ইঞ্জিন অল্ট ট্যাগ দেখে ছবি বোঝে, ফলে ছবিগুলো ইমেজ সার্চে র্যাঙ্ক করতে পারে এবং পেজের প্রাসঙ্গিকতাও বাড়ে। এটি ছোট হলেও একটি বাস্তব র্যাঙ্কিং ফ্যাক্টর।
অল্ট টেক্সট কি এসইও-তে প্রভাব ফেলে?
হ্যাঁ, ফেলে। অল্ট টেক্সট ইমেজ সার্চে আপনার ছবির দৃশ্যমানতা বাড়ায়, পেজের বিষয়বস্তু আরও স্পষ্ট করে এবং অ্যাক্সেসিবিলিটি উন্নত করে। এই তিনটিই এসইও-তে ভূমিকা রাখে।
এসইও-তে অল্ট ট্যাগ কতটা গুরুত্বপূর্ণ?
অল্ট ট্যাগ গুরুত্বপূর্ণ, কিন্তু একা সিদ্ধান্তমূলক নয়। শক্তিশালী কনটেন্ট ও লিংকের চেয়ে এগিয়ে যেতে পারবে না, তবে এটি সবচেয়ে সহজ অপটিমাইজেশনগুলোর একটি, আর ওয়েবসাইটের প্রতিটি ছবিতে দিলে এর প্রভাব জমে জমে বড় হয়।
অল্ট টেক্সটের আদর্শ দৈর্ঘ্য কত?
প্রায় 125 অক্ষর বা তার কম রাখা ভালো লক্ষ্য। বেশির ভাগ ছবি পরিষ্কারভাবে বর্ণনা করার জন্য এটি যথেষ্ট লম্বা, আবার স্ক্রিন রিডার যাতে মাঝপথে কেটে না দেয় সেজন্য যথেষ্ট ছোট।
ওয়েবসাইটের ছবির অল্ট টেক্সট লেখার সময় ডিজিটাল মার্কেটারের কিওয়ার্ড স্টাফিং এড়ানো উচিত কেন?
কারণ কিওয়ার্ডে ভরা অল্ট টেক্সট সার্চ ইঞ্জিনের চোখে স্প্যামের মতো দেখায় এবং র্যাঙ্কিংয়ের ক্ষতি করতে পারে। তাছাড়া স্ক্রিন রিডার ব্যবহারকারীদের জন্য ছবির বর্ণনা দেওয়ার মূল কাজটিই এতে ব্যর্থ হয়। স্বাভাবিক ভাষায় বর্ণনা লিখুন, আর কিওয়ার্ড সত্যিই মানালে তবেই দিন।
এসইও-তে ইমেজ অল্ট টেক্সট কী?
এসইও-তে ইমেজ অল্ট টেক্সট হলো ছবির ট্যাগে দেওয়া বর্ণনামূলক লেখা, যা সার্চ ইঞ্জিনকে জানায় ছবিতে কী আছে। এর ফলে সার্চ ইঞ্জিন ছবিটি ইনডেক্স করতে এবং ইমেজ সার্চের ফলাফলে র্যাঙ্ক করাতে পারে।
সাজসজ্জার ছবিতে কি অল্ট টেক্সট দিতে হয়?
না। শুধু সাজসজ্জার ছবিতে ফাঁকা অল্ট অ্যাট্রিবিউট (alt="") দিন, যাতে স্ক্রিন রিডার সেগুলো বাদ দিয়ে যায়। অল্ট টেক্সট রাখুন কেবল সেই ছবির জন্য, যার একটি অর্থ আছে।
শেষ কথা
ইমেজ এসইও-র কাজগুলোর মধ্যে অল্ট টেক্সটে পরিশ্রম সবচেয়ে কম, ফল সবচেয়ে বেশি। অর্থবহ প্রতিটি ছবি পরিষ্কারভাবে বর্ণনা করুন, সংক্ষেপে লিখুন, কিওয়ার্ড স্বাভাবিকভাবে ব্যবহার করুন এবং সাজসজ্জার ছবিতে alt="" দিন। নিয়মিত এভাবে করলে ইমেজ সার্চ থেকে আপনার ট্রাফিক বাড়বে, আর সাইটও সবার জন্য ব্যবহারযোগ্য হবে।