কিভাবে ওয়েবসাইট ইমেজ জন্য গ্রেট Alt টেক্সট লিখুন

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

Alt টেক্সট কি

Alt text টেক্সট ব্রাউজার এবং অন্যান্য ওয়েব ব্যবহারকারী এজেন্টগুলি দ্বারা ব্যবহৃত বিকল্প পাঠ্য যা চিত্রগুলি দেখতে পারে না। এটি ইমেজ ট্যাগের জন্য প্রয়োজনীয় একমাত্র বৈশিষ্ট্যগুলির মধ্যে একটি। কার্যকর Alt টেক্সট লেখার মাধ্যমে, আপনি নিশ্চিত করুন যে আপনার ওয়েব পৃষ্ঠাগুলি এমন ব্যক্তিদের কাছে অ্যাক্সেসযোগ্য যা আপনার স্ক্রীন রিডার বা অন্য কোনও সহায়তাযুক্ত ডিভাইসটি আপনার সাইটে অ্যাক্সেস করতে পারে। ইমেজটির জায়গায় কিছু প্রদর্শিত হবে তাও নিশ্চিত করুন যেটি কোনও কারণের জন্য লোড করা উচিত নয় (ভুল পথ, ট্রান্সমিশন ব্যর্থতা, ইত্যাদি)। এটি Alt টেক্সটের আসল উদ্দেশ্য, তবে এই সামগ্রীটি আপনাকে SEO- বন্ধুত্বপূর্ণ পাঠ্য যুক্ত করার জন্য আরও জায়গা দিতে পারে যা সার্চ ইঞ্জিনগুলি আপনাকে দণ্ডিত করবে না (তারপরে খুব শীঘ্রই)।

Alt টেক্সট ইমেজ টেক্সট পুনরাবৃত্তি করা উচিত

যে কোনও ছবিতে পাঠ্য আছে তার বিকল্প টেক্সট হিসাবে থাকা উচিত। আপনি বিকল্প পাঠ্যের মধ্যে অন্য শব্দগুলি স্থাপন করতে পারেন, কিন্তু সর্বনিম্নভাবে, এটি চিত্রের মতো একই কথা বলা উচিত। উদাহরণস্বরূপ, যদি আপনার কাছে আপনার চিত্রগুলির জন্য একটি লোগো থাকে তবে Alt পাঠ্যটি আপনার গ্রাফিকাল লোগো দ্বারা লিখিত কোম্পানির নাম পুনরাবৃত্তি করতে হবে।

মনে রাখবেন, পাশাপাশি লোগোগুলির মত চিত্রগুলিও পাঠ্যকে বোঝাতে পারে - উদাহরণস্বরূপ, যখন আপনি ডটড্যাশ ওয়েবসাইটে লাল বল আইকনটি দেখেন, তখন এটি "Dotdash.com" এর অর্থ। তাই ঐ আইকনটির বিকল্প পাঠ্যটি "Dotdash.com" বলতে পারে এবং কেবল "কোম্পানির লোগো" নয়।

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

আর আপনার বিকল্প টেক্সট, টেক্সট ব্রাউজার দ্বারা পড়তে হবে আরো কঠিন। এটি বিকল্প পাঠ্যের দীর্ঘ বাক্য লিখতে প্রলুব্ধ হতে পারে (সাধারণত এটি করা হয় কারণ কেউ কীওয়ার্ড দিয়ে ট্যাগটি স্টাফ করার চেষ্টা করছে), তবে আপনার Alt ট্যাগগুলিকে ছোট রাখতে আপনার পৃষ্ঠাগুলিকে ছোট এবং ছোট পৃষ্ঠাগুলি দ্রুত ডাউনলোড করে রাখে।

বিকল্প পাঠ্যের জন্য থাম্বের একটি ভাল নিয়ম হল এটি 5 থেকে 15 টি শব্দের মধ্যে রাখা।

Alt ট্যাগ মধ্যে আপনার এসইও কীওয়ার্ড ব্যবহার করে

লোকেরা প্রায়ই ভুল করে ভাবছেন যে বিকল্প পাঠ্যের উদ্দেশ্য সার্চ ইঞ্জিন কীওয়ার্ডগুলি রাখা। হ্যাঁ, এটি একটি উপকার যা আপনি ব্যবহার করতে পারেন, তবে শুধুমাত্র আপনি যদি যোগ করছেন পাঠ্যটি Alt ট্যাগের আসল উদ্দেশ্যের জন্য ইন্দ্রিয়গ্রাহী করে তোলে - এমন বুদ্ধিমান পাঠ্য প্রদর্শন করতে যা চিত্রটিকে কেউ দেখতে পাবে না তা ব্যাখ্যা করে!

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

থাম্বের একটি ভাল নিয়ম হল আপনার অনুসন্ধান ইঞ্জিন কীওয়ার্ড ব্যবহার করা যেখানে সেটি চিত্রটির বর্ণনা অনুসারে মাপসই করা হয় এবং আপনার বিকল্প পাঠ্যটিতে একাধিক কীওয়ার্ড ব্যবহার করে না।

আপনার টেক্সট অর্থপূর্ণ রাখুন

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

আইকন এবং বুলেটের জন্য শুধুমাত্র খালি Alt টেক্সট ব্যবহার করুন

মাঝে মাঝে আপনি এমন চিত্রগুলি ব্যবহার করবেন যা কোনও দরকারী বর্ণনামূলক পাঠ্য নেই যেমন বুলেট বা সহজ আইকন। এই ছবিগুলি ব্যবহার করার সেরা উপায় CSS এ যেখানে আপনি বিকল্প পাঠ্য প্রয়োজন হয় না। কিন্তু যদি আপনার অবশ্যই তাদের HTML এ অবশ্যই থাকতে হবে তবে এটি সম্পূর্ণভাবে বন্ধ করার পরিবর্তে একটি ফাঁকা alt বৈশিষ্ট্য ব্যবহার করুন।

এটি একটি বুলেট উপস্থাপনের জন্য তারকাচিহ্ন (*) মত একটি চরিত্র রাখা প্রলুব্ধকর হতে পারে, তবে এটি কেবল ফাঁকা ছেড়ে দেওয়ার চেয়ে আরও বিভ্রান্তিকর হতে পারে। এবং "বুলেট" লেখাটি পাঠ্য ব্রাউজারে আরো অদ্ভুতভাবে রেন্ডার করা হবে।

3/3/17 তারিখে জেরেমি গিরার্ড দ্বারা সম্পাদিত