এ্যাঙ্কর লিংকগুলো ডিজাইন পার্সপেক্টিভ থেকে কীভাবে ভিজ্যুয়ালি স্টাইল করা উচিত সেটি নিয়ে অনেক মতামত আছে। আজ আমরা একটা আরও গুরুত্বপূর্ণ বিষয়ে ফোকাস করব: আপনার লিংক এ্যাঙ্কর টেক্সট কীভাবে নাম দিবেন এবং কেন। চমৎকার পরিমান ওয়েবসাইট এই বিষয়ে ভুল করে, আমিও দোষী।
ওয়েবসাইটে একটি ক্লিকযোগ্য লিংক তৈরি করতে, আমরা আমাদের লিংক পাথকে HTML এ্যাঙ্কর ট্যাগ দিয়ে র্যাপ করি: <a></a>। এ্যাঙ্কর ট্যাগে অনেক অ্যাট্রিবিউট থাকতে পারে: URL (লিংক পাথ) ক্লাসেস, একটি আইডি, একটি টাইটেল, এবং এ্যাঙ্কর টেক্সট।
এ্যাঙ্কর টেক্সট বলতে একটি লিংকের ক্লিকযোগ্য অংশকে বোঝায়। এটা টেক্সট (লিংক URL নয়) যা আমরা আমাদের এ্যাঙ্কর ট্যাগ দিয়ে র্যাপ করি।
TechStacker ফ্রন্ট পেজের একটি লিংক। HTML কেমন দেখাবে:
<a href="https://techstacker.com">TechStacker </a> href=" "এর ভিতরে URL হলো লিংক টার্গেট>TechStacker<হলো ক্লিকযোগ্য এ্যাঙ্কর টেক্সট যা টার্গেটে লিড করে।
লিংকের জন্য এ্যাঙ্কর টেক্সট লেখার নিচের দুটি ভিন্ন পদ্ধতিতে নজর দিন। এই কেসে, লিংক টার্গেট হচ্ছে পারফরম্যান্স অপ্টিমাইজেশন সম্পর্কে একটি পেজ। প্রথম এ্যাঙ্কর টেক্সট খারাপ, দ্বিতীয়টি ভালো:
প্রথম এ্যাঙ্কর টেক্সট খারাপ কেন? প্রথমটি নন-ডেসক্রিপ্টিভ, দ্বিতীয়টি বর্ণনামূলক এবং রিলেভেন্ট URL ডেস্টিনেশনের সাথে যা লিড করে।
এ্যাঙ্কর টেক্সটের কিছু পয়েন্টার:
- আপনার এ্যাঙ্কর টেক্সট সংক্ষিপ্ত রাখুন। ৫ শব্দের বেশি যেকোনো কিছু প্রায়শই আপনার লেআউট ক্লাটার করবে, বিশেষ করে যদি আপনার এ্যাঙ্কর ট্যাগগুলো 헤ভিলি এমফাসাইজড ডিজাইন 와ইজ। কনটেক্সটের ওপর ডিপেন্ড করে।
- অর্থপূর্ণ এবং বর্ণনামূলক এ্যাঙ্কর টেক্সট ব্যবহার করুন। "Click here" বর্ণনামূলক নয়, না স্ক্রিন রিডার ব্যবহারকারীদের জন্য না নরমাল আইসাইট वालাদের জন্য।
- এ্যাঙ্কর টেক্সট SEO-কে প্রভাবিত করে। সার্চ ইঞ্জিনগুলো চায় লিংকগুলো বর্ণনামূলক এবং রিলেভেন্ট হোক যে কন্টেন্টে সেগুলো লিংক করে।
- এ্যাঙ্কর টেক্সট অ্যাক্সেসিবিলিটি-কে প্রভাবিত করে। চিন্তা করুন একটি স্ক্রিন রিডার কীভাবে আপনার এ্যাঙ্কর টেক্সট ভিজ্যুয়ালি ইমপেয়ার্ড লোকের কাছে পড়বে। সেটি আপনার এ্যাঙ্কর টেক্সট ডেসক্রিপশনকে গাইড করুক।
উপসংহার
এ্যাঙ্কর টেক্সট SEO এবং UX দুটোই প্রভাবিত করে। আপনার এ্যাঙ্কর টেক্সট কীভাবে নাম দেবেন সেটি নিয়ে কিছু চিন্তা করলে আপনি আপনার পাঠকদের এবং সার্চ ইঞ্জিনদের দুজনকেই খুশি করবেন।
আমি এই আর্টিকেলের রিসার্চের অংশ হিসেবে Google-এর SEO Starter Guide পড়েছি।
আপনি কী করলাম সেটি দেখতে পাচ্ছেন? উপরের এ্যাঙ্কর টেক্সট বর্ণনামূলক এবং রিলেভেন্ট উভয়ই এই আর্টিকেলের কনটেক্সট এবং Google SEO Start Guide-এর সাথে যা লিংক করে। এ্যংকর টেক্সট কীভাবে নাম দিতে হয় সেটি সেটা।
এ্যাঙ্কর টেক্সট একটি এক্সপেকটেশন সেট আপ করে। এটা সিমিলার যে UI Cards কীভাবে কাজ করে ডিটেইলড কন্টেন্টের প্রিভিউ হিসেবে (আর্টিকেলস, প্রোডাক্ট পেজ ইত্যাদি)। উদাহরণ: Medium-এর ফ্রন্ট পেজ বা এখানে TechStacker-এ।
আমি আসলে এই আর্টিকেলটি লিখেছি নিজেকে রিমাইন্ড করার জন্য কতটা গুরুত্বপূর্ণ অর্থপূর্ণ ডেসক্রিপশন ব্যবহার করা কন্টেন্টের জন্য সাধারণত, চায়া সেটি ব্লগিং, কোডিং, বা এমনকি গ্রসারি লিস্ট। ভ্যাগ না হোন, বর্ণনামূলক হোন।
ডিজিটাল প্রোডাক্ট ডিজাইনার Luke Wroblewski বলেন:
Obvious always wins.
