TechBlogSD - ওয়ার্ডপ্রেস এবং ওয়েব ডেভেলপমেন্টের জন্য সবকিছু
ওয়েব এবং ওয়ার্ডপ্রেস নির্দেশাবলী, খবর, থিম এবং প্লাগইনগুলির পর্যালোচনা

Alt টেক্সট কি এবং কিভাবে ছবিতে Alt টেক্সট যোগ করা যায়?

10

Alt টেক্সট হল একটি এইচটিএমএল অ্যাট্রিবিউট যা একটি বিকল্প পাঠ্য প্রদর্শন করে যখন ইমেজের মতো অ-পাঠ্য উপাদানগুলি ব্রাউজারে প্রদর্শিত হতে পারে না। প্রকৃত মানব ব্যবহারকারীরা ছবি এবং পাঠ্যের বিষয়বস্তু দেখতে এবং বুঝতে পারে। কিন্তু সার্চ ইঞ্জিন বট সহজেই টেক্সট কন্টেন্ট ক্রল করতে পারে কিন্তু ইমেজের মত মিডিয়া কন্টেন্ট সার্চ ইঞ্জিনের জন্য ডাটাবেজে ক্রল এবং ইনডেক্স করা সহজ নয়। এটিকে কাটিয়ে ওঠার জন্য সমস্ত ইমেজ এলিমেন্টের সাথে একটি বিকল্প টেক্সট যুক্ত থাকতে হবে যাতে সার্চ ইঞ্জিনগুলো এলিমেন্টের অর্থ সম্পর্কে আরো বুঝতে পারে।

একটি ইমেজ এলিমেন্টে বিকল্প টেক্সট যোগ করার তিনটি প্রধান ব্যবহার রয়েছে:

  • দৃষ্টি প্রতিবন্ধী ব্যবহারকারীদের সাহায্য করার জন্য
  • বেমানান ব্রাউজারে প্রদর্শিত হয়
  • সার্চ ইঞ্জিন বটকে সাহায্য করুন

দৃষ্টি প্রতিবন্ধী ব্যবহারকারীদের জন্য

সাধারণত ভিজ্যুয়াল সমস্যাযুক্ত ব্যবহারকারীরা স্ক্রিন রিডার ব্যবহার করে ওয়েব পেজ টেক্সটকে ভাষণে অনুবাদ করতে এবং বিষয়বস্তু শোনার জন্য। আবার ছবিগুলি স্ক্রিন পাঠকদের জন্য সমস্যা হয়ে দাঁড়াবে যদি তাদের সাথে কোন পাঠ্য বিষয়বস্তু যুক্ত না থাকে। যখন আল্ট টেক্সট ইমেজের সাথে ব্যবহার করা হয়, স্ক্রিন রিডাররা এই টেক্সটটিকে সাধারণ টেক্সট কন্টেন্ট হিসেবে পড়বে।

বেমানান ব্রাউজারের জন্য

যখন কোন অসঙ্গতিপূর্ণ বা ক্ষণস্থায়ী সার্ভারের কারণে ব্রাউজার একটি ছবি প্রদর্শন করতে পারে না তখন সেই চিত্রের সাথে যুক্ত Alt টেক্সট প্রদর্শিত হবে।

Alt টেক্সট কি এবং কিভাবে ছবিতে Alt টেক্সট যোগ করা যায়?

অ-সামঞ্জস্যপূর্ণ ছবিতে Alt টেক্সট

সার্চ ইঞ্জিন বটের জন্য

যেহেতু সার্চ ক্রলাররা ছবিগুলি সঠিকভাবে বুঝতে পারে না, তাই Alt টেক্সট তাদের ডাটাবেসে একটি ইমেজ এবং ইনডেক্সের অর্থ সঠিকভাবে বুঝতে সাহায্য করে। সার্চ ইঞ্জিনগুলিতে ছবি এবং ওয়েব ক্রলিংয়ের জন্য আলাদা ক্রলার থাকে যাতে সংশ্লিষ্ট ছবি বা ওয়েব সার্চ ফলাফল ব্যবহারকারীদের জন্য কার্যকরভাবে পরিবেশন করা যায়। ইমেজগুলিতে বিকল্প টেক্সট যোগ করা সার্চ ইঞ্জিনের জন্য ইমেজ অপ্টিমাইজ করার একটি অপরিহার্য অংশ ।

বাক্য গঠন

Alt অ্যাট্রিবিউট Alt অ্যাট্রিবিউট সহ HTML ইমেজ ট্যাগ ট্যাগের অংশ হিসেবে ব্যবহৃত হয় :

<img src="image URL" alt="short image description">

একটি ছবিতে Alt টেক্সট যোগ করা

এইচটিএমএল ইমেজ ট্যাগ উইবলি এবং ওয়ার্ডপ্রেস এর অংশ হিসেবে উপরের সিনট্যাক্স ব্যবহার করে যেকোনো ছবিতে অল্ট টেক্সট যোগ করা যেতে পারে যা দেখায় যে পৃষ্ঠায় আপলোড করা ছবিতে অল্ট টেক্সট যোগ করা কতটা সহজ।

Weebly সাইট নির্মাতার উপর, আপনি ছবিটি আপলোড করতে পারেন এবং নীচের মত দেখানো পপআপটি খুলতে ছবিতে ক্লিক করুন। অল্ট টেক্সট সহজেই কাঙ্ক্ষিত টেক্সট বক্সে যোগ করা যায়।

Alt টেক্সট কি এবং কিভাবে ছবিতে Alt টেক্সট যোগ করা যায়?

Weebly ছবির জন্য Alt টেক্সট

স্ব-হোস্টেড ওয়ার্ডপ্রেস প্ল্যাটফর্মে যখন আপনি একটি ছবি আপলোড করেন, সেখানে শিরোনাম, ক্যাপশন, বর্ণনা এবং Alt টেক্সট যোগ করার বিকল্প রয়েছে।

Alt টেক্সট কি এবং কিভাবে ছবিতে Alt টেক্সট যোগ করা যায়?

ওয়ার্ডপ্রেসে Alt টেক্সট যোগ করা

Alt পাঠ্যের জন্য নির্দেশিকা

Alt টেক্সটটি উপরের সমস্ত ব্যবহারগুলির জন্য অর্থপূর্ণ করার জন্য একটি চিত্রের একটি উপযুক্ত অর্থ প্রদান করা উচিত। নীচে ইমেজে অল্ট টেক্সট কিভাবে যোগ করা যায় সে বিষয়ে ওয়েবমাস্টারদের জন্য কিছু প্রাথমিক নির্দেশিকা দেওয়া হল:

  • ব্যবহারকারী এবং সার্চ ইঞ্জিন দ্বারা অর্থপূর্ণ চিত্র বোঝার জন্য শুধুমাত্র Alt টেক্সট প্রয়োজন। উদাহরণস্বরূপ, একটি ওয়েব পেজে বুলেটযুক্ত তালিকার জন্য ব্যবহৃত একটি টিক মার্ক ইমেজের আসলে "টিক চিহ্ন" হিসাবে একটি আল্ট টেক্সটের প্রয়োজন নেই।
  • ছবির জন্য সংক্ষিপ্ত, সহজ এবং অর্থপূর্ণ পাঠ্য প্রদান করুন। যদি সেই জায়গায় অ-পাঠ্য উপাদান ব্যবহার করা না যায় তবে পাঠ্যটি প্রবেশ করানো হলে কী হবে তা ভাবুন।
  • যদি ছবিতে শব্দ থাকে, তবে একই শব্দগুলি Alt টেক্সট হিসাবে ব্যবহার করা ভাল।
  • নিশ্চিত করুন যে Alt টেক্সটটি পুরো নিবন্ধের মূল কীওয়ার্ডগুলির সাথে ইনলাইন করা আছে। ছবির জন্য অপ্রাসঙ্গিক টেক্সট ব্যবহার করলে সার্চ র‍্যাঙ্কিং কমে যাবে কারণ ক্রলাররা মনে করেন যে ছবি এবং সেই পৃষ্ঠার বিষয়বস্তুর মধ্যে কোন প্রাসঙ্গিকতা নেই।

1 একটি ছবির প্রকৃত নাম SEO এবং ব্যবহারকারীর অভিজ্ঞতার উপর কোন প্রভাব ফেলে না।

2 Alt টেক্সট শিরোনাম, ক্যাপশন এবং একটি ছবির বর্ণনা থেকে আলাদা।

3 ওয়ার্ডপ্রেসে ইয়োস্ট এসইও এর মত উচ্চমানের প্লাগইন রয়েছে যা সেই পৃষ্ঠার চিত্রের অল্ট টেক্সট বর্ণনা বিবেচনা করে পৃষ্ঠার এসইও স্কোর গণনা করে। এটি অল্ট টেক্সট সামঞ্জস্য করতে এবং এসইও স্কোর উন্নত করতে সাহায্য করবে।

রেকর্ডিং উত্স: www.webnots.com
Leave A Reply

এই ওয়েবসাইট আপনার অভিজ্ঞতা উন্নত করতে কুকি ব্যবহার করে। আমরা ধরে নেব যে আপনি এটির সাথে ঠিক আছেন, তবে আপনি ইচ্ছা করলে অপ্ট-আউট করতে পারেন। আমি স্বীকার করছি আরো বিস্তারিত