How to use image alt text | ইমেজ অল্টার টেক্সট কিভাবে ব্যবহার করবেন?

image alt text guidelines | ইমেজ অল্টার টেক্সট

আজকের  টিউটোরিয়াল থেকে আমরা যা শিখতে পারবো

  • ইমেজ alt text কি?
  • ইমেজ alt text কেন ব্যবহার করা হয়?
  • কিভাবে ইমেজ alt text ব্যবহার করবেন?
  • কয়েকটি বেস্ট ইমেজ অল্টার টেক্সট ব্যবহার এর এক্সাম্পল?
  • কোন ইমেজে  অল্টার টেক্সট আছে কিনা সেটা চেক করার উপায়?
  • ইমেজ অল্টার টেক্সট ব্যবহারের কিছু টিপস?

Alt text কি?

Alt text  অল্টারনেটিভ টেক্সট[alternative text] অল্টার ট্যাগ [alt tag] বা অল্টার এট্রিবিউট [alter attribute] নামেও পরিচিত।

Alt text সার্চ ইঞ্জিন Creawler কে ইমেজ সম্পর্কে বর্ণনা করে দেয় যাতে সার্চ ইঞ্জিন বুঝতে পারে এই  ইমেজ টি  কি সম্পর্কে বর্ননা করা হয়েছে।

অর্থাৎ একটি ইমেজকে সুনির্দিষ্টভাবে বর্ণনা করে  দেওয়ার জন্য alt text  ব্যবহার করা হয়।

যে কোন ওয়েব সাইটে প্রত্যেকটি ইমেজের জন্য অল্টার টেক্সট ব্যবহার করা যায়  অর্থাৎ ইমেজটি যে ধরনেরই হোক না কেন  যেমন ব্লগ ইমেজ,  লোগো ইমেজ,  ব্যানার ইমেজ,  বাটন ইমেজ অথবা যে ইমেজটি ব্যাকগ্রাউন্ডে ব্যবহার করা হচ্ছে সেখানেও alt text ব্যবহার  করতে হবে। কারণ ইমেজ অল্টার টেক্সট এসইও র্যাঙ্কিংয়ের জন্য অনেক গুরুত্বপূর্ণ ভূমিকা পালন করে।

 অল্টার টেক্সট কেন ব্যবহার করা হয়

  • Alt text তখনই দেখা যায় যখন  কোন ইমেজ ওয়েবসাইটে লোড নিতে দেরি করে অথবা লোড নিতে পারে না।
  • সার্চ ইঞ্জিন Crawlers ইমেজের অল্টার টেক্সট পড়ে বুঝতে পারে ইমেজ টি  দাঁড়া কি বুঝানো হয়েছে।
  • এছাড়াও যারা স্কিন রিডার  টুলস ব্যবহার করে কোন ব্লগ বা আর্টিকেল পড়ে-  তাদের জন্য  অল্টার টেক্সট ব্যবহার করা হয় যাতে তারা বুঝতে পারে ইমেজটি  কেন দেয়া হয়েছে এবং ইমেজটি দাঁড়া কি বুঝানো হচ্ছে
  •  তাছাড়াও সার্চ ইঞ্জিনে  ব্লগ  অথবা ইমেজ রেংকিং করার জন্যও অল্টার টেক্সট ব্যবহার করা হয়,  কারণ ইমেজে alt টেক্সট ব্যবহার একটি এসইও অ্যালগরিদম এর মধ্যে পড়ে।
  • অল্টার টেক্সট ব্যবহার করলে ইমেজের subject-matter সম্পর্কে গুগল সার্চ ইঞ্জিন খুব সহজে বুঝতে পারে এবং সেই ইমেজটি ইন্ডেক্স করে
  • তাছাড়া আপনি জেনে থাকবেন গুগোলে কোনো ব্লগ বা যেকোনো ছবি র‍্যাংক করানোর জন্য  অল্টার টেক্সট ব্যবহার করা এসইও এর খুবই হেল্পফুল।

অল্টার টেক্সট ব্যবহারের  কিছু টিপস

  • গুগোল অল্টার টেক্সট এর উপর ডিপেন্ড করে ইমেজ এবং ব্লগের র্যাঙ্কিংয়ের দিবে এই কারণে -আপনি যদি গুগলের এই   রেংকিং সুবিধা নিতে চান তাহলে অবশ্যই ইমেজে  অল্টার টেক্সট ব্যবহার করবেন।
  •   সব সময় চেষ্টা করবেন ইমেজ এরমধ্যে রেলিভ্যান্ট এবং মিনিংফুল  অল্টার টেক্সট ব্যবহার করার যাতে ইমেজ এর সাথে অল্টার টেক্সট এর মিল থাকে  এবং গুগল সহজে সেটা বুঝতে পারে। 
  • অল্টার টেক্সটে মেইন কি ওয়ার্ড অথবা ক্লোজ রিলেটেড কিওয়ার্ড ব্যবহার করতে হবে তাহলে রেংকিং করার সুবিধা হবে ।
  • ওয়েবসাইটের ইমেজটি যেখান থেকে ইন্সাট করবেন সেই ইমেজের ফাইল নামটি যেন কিওয়ার্ড ফ্রেন্ডলি হয়-  এর মানে আপনি ইমেজটি যে ফোল্ডারে সেভ করা আছে-সেখান থেকে রিনেম অপশনে গিয়ে-  মেইন কিওয়ার্ড দিয়ে ফাইলটি রিনেম করে নিবেন।
  • সব সময় চেষ্টা করবেন ইমেজ অল্টার টেক্সট যেন সংক্ষিপ্ত হয় এবং পুরো ইমেজের subject-matter কে রিপ্রেজেন্ট করে।
  • অবশ্যই চেষ্টা করবেন রেস্পন্সিভ ইমেজ ডিজাইন  করার যাতে লোডিং স্পীড দায়িত্ব হাই হয় এবং যে কোন ডিভাইসে এই ইমেজটি রেস্পন্সিভ সাইজে দেখা যায় 

কিভাবে alt text ওয়ার্ডপ্রেসে এড করবেন?

  • আপনার ওয়েবসাইটে ড্যাশবোর্ডে লগইন করুন।
  • ড্যাশবোর্ড থেকে পোস্ট এডিট অপশনে যান এবং যে কোন একটি পোস্ট এডিট করুন।
  • যেকোনো একটি ইমেজ  সিলেক্ট করুন এবং ইমেজ সেটিং অপশনে যান।
  • এখানে আপনি  অল্টার টেক্সট, ইমেজ ডাইমেনশ্‌ন,  ইমেজ সাইজ এবং ডিসক্রিপশন অপশন দেখতে পাবেন। 
  • আপনার ইমেজের কীওয়ার্ড রিলেটেড অল্টার টেক্সটটি এখানে ইনপুট করুন এবং আপডেট করুন।

 ব্লগ পোস্টে সঠিকভাবে অল্টার টেক্সট অ্যাড করা হলে  ওয়েবসাইটের HTML source   কোড থেকে অর্ডার টেক্সট দেখে নিতে পারবেন যে সঠিকভাবে অ্যাড আছে কিনা

 নিচের পিকচারটি খেয়াল করুন  source code এ  অল্টার টেক্সট এমন দেখাবে

এখন আমরা কয়েকটি বেস্ট অল্টার টেক্সট ব্যবহার এর এক্সাম্পল দেখাবো

Example-1

best alt text example

Example 2:

function of image alt text

চলুন দেখে আসি  গুগোল কিভাবে ইমেজ এরমধ্যে alt text  ব্যবহার করতে বলছে-

google alt text example

 গুগলের আরেকটি এক্সাম্পল আমরা এখানে দেখব- 

google alt text example

অল্টার টেক্সট নিয়ে গুগল এক্সপার্টদের অভিমত

google scholar opinion

 ২

ইমেজে অল্টার টেক্সট চেক করার উপায়?

  1. যেকোনো  ব্লগ পোস্টের এইচটিএমএল সোর্সকোড থেকে  ইমেজে  অল্টার  টেক্সট আছে কিনা সেটা চেক করা যায়-  অর্থাৎ মাউসের রাইট বাটন ক্লিক করে ‘inspect’অথবা ‘’inspect element’’ অপশনে ক্লিক করুন  তাহলে HTML সোর্সকোড দেখতে পাবেন- এখান থেকে Control+f ক্লিক করুন এবং সার্চ বক্সে alt text  লিখুন তাহলে আপনি দেখতে পাবেন এই  ইমেজে অল্টার টেক্সটি  অ্যাড করা আছে কিনা
  2. তাছাড়া ওয়েবসাইটের ড্যাশবোর্ডে পোস্ট এডিট অপশনে ইমেজের উপর রাইট ক্লিক করে ইমেজ সেটিং অপশনে যান  তাহলে সেই  ইমেজে  অল্টার টেক্সট ব্যবহার করা আছে কিনা সেটা দেখা  যাবে 
  3. এছাড়াও গুগোল স্ক্রিন রিডার  টুলস ব্যবহার করেও কোনো ইমেজে অল্টার টেক্সট ব্যবহার করা আছে কিনা সেটা চেক করা যায়

আশা করি এই প্যারাগ্রাফ এর মাধ্যমে যে যেকোনো ইমেজে অল্টার টেক্সট আছে কিনা সেটি খুব সুন্দরভাবে টেস্ট করতে পারবেন।

Leave a Reply