Alt এবং img এর শিরোনামের মধ্যে পার্থক্য - কোনটি ব্যবহার করা উচিত - এবং প্রভাব

Question

কয়েক বছর ধরে আমি এই জাতীয় চিত্রগুলির জন্য এইচটিএমএল লিখছি:

<img src="picture.jpg" alt="my picture" >

তবে আমি সম্প্রতি রেভেন এসইও সরঞ্জামগুলি ব্যবহার করে আমার সাইটের একটি নিরীক্ষণ চালিয়েছি এবং এতে প্রচুর ত্রুটি হয়েছে যা আমি সত্যিই অবাক হয়েছিল।

আমি যখন রিপোর্টটি পেলাম তখন এই ত্রুটিগুলির 99% ছিল চিত্রের শিরোনাম পাঠ্য হারিয়ে যাওয়ার কারণে।

আমি জানি যে একটি চিত্রের শিরোনাম পাঠ্যটি আপনি যখন কোনও চিত্রের উপরে ঘুরে বেড়ান তখন কিছুটা পপ প্রদর্শন করতে পারে তবে উদ্দেশ্যটি কী এবং এটি এসইওতে কী প্রভাব ফেলে?

এছাড়াও আপনি যদি এটি বাস্তবায়ন করেন তবে আপনি সেখানে কী রাখবেন? আপনি কি সেই altবৈশিষ্ট্যটিতে একই তথ্য রাখবেন ? অর্থাতalt="my picture" title="my picture"

Comments

"কোনটি ব্যবহার করবেন" - আমার মনে হয় না আপনি altএই বৈশিষ্ট্যটি ব্যবহার করা উচিত কিনা সে সম্পর্কে কোনও প্রশ্ন রয়েছে - এটি বাধ্যতামূলক এবং আপনার পৃষ্ঠাগুলি এটি ব্যতীত বৈধতা ব্যর্থ করবে (সম্ভবত HTML5 তে কিছু প্রান্তের ক্ষেত্রে না থাকলে?)।

— মিঃ হোয়াইট

"রাভেন এসইও" কি একদম "ত্রুটি" প্রতিবেদন করছে, বা কোনও সতর্কতা / নোটিশ দিচ্ছে?

— মিঃ হোয়াইট

@ তার প্রতিবেদনের একটি সতর্কবার্তা / নোটিশ w3d

— স্যাম

Answer 1

ALT ট্যাগ হ'ল এমন একটি অ্যাক্সেসিবিলিটি ট্যাগ যা এমন লোকদের জন্য প্রবর্তিত হয়েছিল যাঁদের এমনকি গুগলের মাধ্যমে দৃষ্টিতে অসুবিধাগুলি রয়েছে এটির জন্য এটি ব্যবহার করে যে কোনও চিত্র কী তা আপনার দর্শকদের সামনে এসইও উদ্দেশ্যে কখনই ওয়েল ট্যাগ লাগানো বিবেচনা করা উচিত নয়।

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

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

এর একটি প্রধান উদাহরণটি প্রায়শই বলে যে কেউ 'বোর্নেমাউথ' কীওয়ার্ডটির জন্য র‌্যাঙ্ক করতে চায় তাদের শিরোনামে বোর্নেমাউথ থাকবে, এইচ 1 এ, মেটা বিবরণটি তারপরে ওয়েল ট্যাগ 'বোর্নেমাউথ' দিয়ে একটি চিত্র তৈরি করবে যখন এটি এর জন্য কাজ করবে এসইও এর ব্যবহারকারীর অভিজ্ঞতাকে ঘর্ষণ করে এবং আলি ট্যাগের পুরো পয়েন্টটি মিস করে। Alt ট্যাগটি এমন লোকদের জন্য যাদের দর্শনীয় সমস্যা রয়েছে বা সমস্ত একসাথে চিত্র অক্ষম করে। সুতরাং ALT ট্যাগটি ব্যবহারকারী সম্পর্কে অবহিত করার জন্য তৈরি করা হয়েছিল যে চিত্রটি কী।

এর একটি ভাল এক্সপ্লেস নীচে দেখা যায়

<img src="i.jpg" alt="Bournemouth" />

বনাম

<img src="i.jpg" alt="Birdseye view of Bournemouth" />

উপরের উদাহরণটিতে এখনও আপনার কীওয়ার্ড অন্তর্ভুক্ত রয়েছে এবং গুগল এবং আপনার শ্রোতাদের উভয়কেই চিত্রটি কী তা বোঝানো হয়েছে explains

সুতরাং শিরোনাম ট্যাগ সম্পর্কে কি?

শিরোনাম ট্যাগটি যখন আপনি কোনও উপাদানকে ঘুরে দেখেন তখন আরও তথ্য দেওয়ার জন্য ডিজাইন করা হয়েছিল, এটি আইএমজির পক্ষে খুব কার্যকর নয় কারণ আপনি যদি ALT এবং TITLE এর জন্য একই তথ্য ব্যবহার করতে চান তবে আপনি ওয়েল ট্যাগটি পড়তে একটি স্ক্রিপ্ট ব্যবহার করতে পারেন এবং এটি তৈরি করতে পারেন জেএস ব্যবহার করে নিজস্ব হভার ওভারগুলি। আমি কেবলমাত্র শিরোনাম ট্যাগটির প্রস্তাব দিই যদি আপনি ALT ট্যাগের চেয়ে আরও বেশি তথ্য সরবরাহ করতে যাচ্ছেন যেমন একটি দীর্ঘ বিবরণের মতো - উভয় উপাদানগুলিতে সঠিক তথ্য সরবরাহ করার প্রয়োজন নেই, যেহেতু কেবল কোডটি ফুলে যায়।

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

Comments

"যদি কোনও শিরোনাম পাওয়া না যায় তবে এটি হওভার ওভার হিসাবে Alt ট্যাগটি পড়বে" - কোনও আধুনিক ব্রাউজারে এই altবৈশিষ্ট্যটি "হোভার ওভার" হিসাবে ব্যবহৃত হয় না । শুধুমাত্র আই 7 এবং এর আগে পপআপ টুলটিপ হিসাবে Alt পাঠ্যটি দেখিয়েছিল (যখন বৈশিষ্ট্যটি বাদ দেওয়া হয়)। title

— মিঃ হোয়াইট

দুঃখিত, আমি যা বলতে চাইছিলাম তা নয়। আমি আপনাকে পাঠাতে চাইছি আপনি ট্যাগ করুন। হোভার ওভারের জন্য আপনি কেবল ওয়েল ট্যাগটি পড়তে এবং শিরোনাম তৈরি করতে একটি jquery ব্যবহার করেন। Alt এবং শিরোনাম উভয়ই লেখার দরকার নেই যদি সেগুলি একই হয় তবে তারা কেবল আপনার কোডটি ফুলেছে।

— সাইমন হেটার ওয়াচেস দ্য

); @ সম্পাদিত উত্তর w3d

— সাইমন হেটার ওয়াচেস দ্য

তবে যতক্ষণ না এসইও শিরোনামের শিরোনাম হিসাবে র‌্যাঙ্কিংয়ের ক্ষেত্রে সামান্য অফার রয়েছে, ম্যাট কাটগুলি এই ভিডিওটিতে গুগল ওয়েবেমাস্টারসেন্টারাল.ব্লগস্পট.কম.উইক / ২০০//১২/২০১৮ এ শিরোনাম সম্পর্কে একটু আলোচনা করে তবে আরও বেশি ALT ট্যাগকে কেন্দ্র করে। আমার ব্যক্তিগত বিশ্বাস যে এটি ব্যবহারকারীর অভিজ্ঞতায় অবদান রাখতে পারে তবে আপনি যেমন আশা করবেন তেমন বিশাল উপায়ে নয়, কয়েক মিলিয়ন শীর্ষস্থানীয় সাইটগুলি ছবিতে কোনও শিরোনাম ছাড়াই র‌্যাঙ্ক করে।

— সাইমন হেটার ওয়াচেস দ্য

কেবল ভেবেছি এটি স্পষ্ট করার মতো মূল্যবান ... এগুলি altএবং titleগুণাবলী এগুলি কখনই "একই" হওয়া উচিত নয়, কারণ এটি এমন লোকদের বিভ্রান্ত করবে যেগুলি altঅ্যাক্সেসযোগ্যতার জন্য পাঠ্যটি ব্যবহার করে । JQuery সলিউশনটি একটি মাউসওভার ইভেন্ট তৈরি করে, এটি কেবল altপাঠ্যের অনন্য titleবৈশিষ্ট্যে অনুলিপি করে না ।

— মিঃ হোয়াইট

Answer 2

altচিত্রটির বিকল্প বর্ণনা দেয় । এই বৈশিষ্ট্যের জন্য প্রয়োজন img।

titleচিত্র সম্পর্কে অতিরিক্ত তথ্য দেয় । এই বৈশিষ্ট্যটি forচ্ছিক জন্য img।

কখনও তথ্যের উপর নির্ভর করবেন না title। তথ্যটি যদি সত্যিই গুরুত্বপূর্ণ হয় তবে এটি তার নিজস্ব উপাদানগুলিতে অন্তর্ভুক্ত করুন।

এই দুটি বৈশিষ্ট্যে একই বিষয়বস্তু থাকা উচিত নয়।

Answer 3

আপনার বিভ্রান্তি স্বাভাবিক এবং হ্যাঁ প্রতিটি ট্যাগ (শিরোনাম, ALT) এর নিজস্ব সম্ভাব্যতা উপস্থাপন করে যা অনুসন্ধান ইঞ্জিন এবং ব্যবহারকারীকে চিত্রটি কী তা জানতে সহায়তা করে।

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