You are currently viewing What is Image ALT? How it works?

What is Image ALT? How it works?

What is Image ALT?

ইমেজ ALT, ALT অ্যাট্রিবিউট বা ALT টেক্সট নামেও পরিচিত, একটি চিত্রের HTML কোডে যোগ করা বর্ণনামূলক টেক্সটের একটি অংশ। এটি একটি চিত্রের জন্য একটি বিকল্প বিবরণ হিসাবে কাজ করে এবং একটি <img> ট্যাগের alt বৈশিষ্ট্যে লেখা হয়।

How Image ALT Works

ALT টেক্সট কয়েকটি মূল ভূমিকা পালন করে:

SEO (Search Engine Optimization)

সার্চ ইঞ্জিনগুলি ছবি “দেখতে” পারে না কিন্তু ছবির বিষয়বস্তু এবং প্রসঙ্গ বোঝার জন্য ALT টেক্সটের উপর নির্ভর করে৷ এটি সার্চের ফলাফলে (যেমন, গুগল ইমেজ) ছবি দেখাতে সাহায্য করে এবং SEO রেজাল্ট ভালো করে।

উদাহরণ: যদি আপনার ইমেজ “ডিজিটাল মার্কেটিং” বিষয় এর হয়, তাহলে ALT টেক্সট হতে পারে: “ডিজিটাল মার্কেটিং স্ট্রেটেজির ব্যাখ্যার একটি ইনফোগ্রাফিক।”

Fallback Text

কোনো ত্রুটির কারণে কোনো ছবি লোড করতে ব্যর্থ হলে (যেমন, Slow Internet বা Broken link ), ছবির জায়গায় ALT টেক্সট উপস্থিত হয়, ব্যবহারকারীকে টেক্সট প্রদান করে।

How to Write Effective Image ALT Text

  1. বর্ণনামূলক এবং নির্দিষ্ট: যেকোনো কনটেন্ট এর বিবরণ সহ ইমেজের বিষয়বস্তু পরিষ্কারভাবে বর্ণনা করুন। উদাহরণ: “dog” এর পরিবর্তে লিখুন: “A golden retriever playing with a ball in the park”।
  2. কীওয়ার্ড ইনক্লুড করুন ( কীওয়ার্ড স্টাফিং এড়িয়ে চলুন): SEO রেজাল্ট ভালো করার জন্য ইমেজ ALT text এ প্রাসঙ্গিক কীওয়ার্ড যোগ করুন কিন্তু text এ অনেক বেশি কীওয়ার্ড দেয়া উচিত না। উদাহরণ: “A person using a laptop to create a digital marketing strategy.”
  3. সংক্ষিপ্ত রাখুন: ALT text সংক্ষিপ্ত কিন্তু অর্থপূর্ণ হওয়া উচিত-সাধারণত 125টি অক্ষরের নিচে।
  4. রিডানডেন্সি এড়িয়ে চলুন: “Image of” বা “Picture of” এর মত বাক্য রিপিট করবেন না কারণ স্ক্রিন রিডাররা আগেই ইঙ্গিত করে যে এটি একটি ছবি।
  5. Decorative Image এড়িয়ে চলুন: Decorative Image গুলির জন্য, আপনি ALT এট্রিবিউট খালি রাখতে পারেন (alt=””) যাতে স্ক্রিন রিডাররা এটি এড়িয়ে যান।

HTML ইমেজ ALT এর উদাহরণ

HTML কোডে একটি ALT অ্যাট্রিবিউট কেমন দেখায় :

  • html
  • Copy code
  • <img src="golden-retriever.jpg" alt="A golden retriever playing with a ball in the park">

যদি ছবিটি লোড না হয়, ব্যবহারকারী text টি দেখতে পারবেন: “A golden retriever playing with a ball in the park”.

ইমেজ ALT text ব্যবহার করার সুবিধা

  • Improves Website Accessibility: WCAG (ওয়েব কনটেন্ট অ্যাক্সেসিবিলিটি গাইডলাইন) এর মতো ওয়েব অ্যাক্সেসিবিলিটি স্ট্যান্ডার্ড মেনে চলার জন্য অপরিহার্য।
  • Boosts SEO: ইমেজ সার্চ র‌্যাঙ্কিং বৃদ্ধি করে এবং সার্চ ইঞ্জিনের রেজাল্ট আপনার ওয়েবসাইটকে আরও ভালো র‌্যাঙ্ক করতে সাহায্য করে।
  • User Experience: ছবি সঠিকভাবে লোড না হলে context প্রদান করে।
  • Legal Requirements: Americans with Disabilities Act (ADA) এর মতো অ্যাক্সেসিবিলিটি আইনে অন্তর্ভুক্তির জন্য ALT পাঠ্য প্রয়োজন।

ইমেজ ALT text অপ্টিমাইজ করার টুল

  1. Web Accessibility Evaluation Tools: WAVE- আপনাকে আপনার সাইটে অনুপস্থিত বা অকার্যকর ALT text অডিট করতে সাহায্য করে।
  2. SEO auditing tools: SEMRush বা Screaming Frog-এ ইমেজ ALT অনুপস্থিত বৈশিষ্ট্যগুলি সনাক্ত করে।
  3. CMS Plugins: ওয়ার্ডপ্রেসের মতো কন্টেন্ট ম্যানেজমেন্ট সিস্টেমে প্রায়শই প্লাগইন অন্তর্ভুক্ত থাকে (যেমন, Yoast SEO) যা আপনাকে ALT টেক্সট যোগ ও অপ্টিমাইজ করার জন্য গাইড করে।