HTML লিঙ্ক কী?

HTML লিঙ্ক, <a> (anchor) ট্যাগ দিয়ে তৈরি, ওয়েব নেভিগেশনের ভিত্তি। এগুলি ইন্টারনেট জুড়ে পৃষ্ঠা, ডকুমেন্ট এবং সংস্থানগুলিকে সংযুক্ত করে। প্রতিটি লিঙ্কে একাধিক বৈশিষ্ট্য থাকতে পারে: href (গন্তব্য URL), title (হভার টেক্সট), rel (লক্ষ্যের সাথে সম্পর্ক), এবং target (লিঙ্কটি কোথায় খুলবে)। একটি ওয়েবপেজের লিঙ্ক কাঠামো বোঝা SEO বিশ্লেষণ, সাইট অডিট এবং ওয়েব ডেভেলপমেন্টের জন্য অপরিহার্য।

লিঙ্কগুলি তাদের গন্তব্যের ধরন অনুযায়ী শ্রেণীবদ্ধ করা হয়। বাহ্যিক লিঙ্কগুলি সম্পূর্ণ URL ব্যবহার করে অন্যান্য ওয়েবসাইটগুলিতে নির্দেশ করে। অভ্যন্তরীণ লিঙ্কগুলি আপেক্ষিক পথ ব্যবহার করে একই সাইটের মধ্যে নেভিগেট করে। অ্যাঙ্কর লিঙ্কগুলি একই পৃষ্ঠার নির্দিষ্ট বিভাগে লাফ দেয়। mailto: এবং tel: এর মতো বিশেষ প্রোটোকলগুলি যথাক্রমে ইমেল ক্লায়েন্ট এবং ফোন ডায়ালার ট্রিগার করে।

টুল বর্ণনা

এই টুলটি HTML কোড পার্স করে এবং তাদের সম্পূর্ণ বৈশিষ্ট্য সহ সমস্ত হাইপারলিঙ্ক নিষ্কাশন করে। এটি স্বয়ংক্রিয়ভাবে প্রতিটি লিঙ্ককে ধরন অনুযায়ী শ্রেণীবদ্ধ করে (বাহ্যিক, অভ্যন্তরীণ, অ্যাঙ্কর, mailto, tel, বা javascript) এবং সেগুলি একটি সাজানো যোগ্য টেবিলে প্রদর্শন করে। পরিসংখ্যান এক নজরে লিঙ্ক ধরনের বিভাজন দেখায়, যা যেকোনো ওয়েবপেজের লিঙ্ক প্রোফাইল বিশ্লেষণ করা সহজ করে তোলে।

উদাহরণ

ইনপুট HTML:

<nav>
  <a href="https://example.com">External Site</a>
  <a href="/about" title="About Us">About</a>
  <a href="#contact">Contact Section</a>
  <a href="mailto:info@example.com">Email Us</a>
</nav>

নিষ্কাশিত লিঙ্কগুলি:

URL টেক্সট ধরন শিরোনাম
https://example.com External Site external
/about About internal About Us
#contact Contact Section anchor
mailto:info@example.com Email Us mailto

বৈশিষ্ট্যসমূহ

  • সমস্ত লিঙ্ক বৈশিষ্ট্য নিষ্কাশন করুন: URL, টেক্সট, শিরোনাম, rel এবং target
  • ছয়টি ধরনে স্বয়ংক্রিয় লিঙ্ক শ্রেণীবিভাগ
  • লিঙ্ক ধরন বিতরণ দেখানো রিয়েল-টাইম পরিসংখ্যান
  • সহজ বিশ্লেষণের জন্য সাজানো যোগ্য ফলাফল টেবিল
  • অভ্যন্তরীণ লিঙ্কগুলিকে ক্লিকযোগ্য করতে Base URL সমর্থন
  • খালি লিঙ্কগুলি লুকাতে বা শুধুমাত্র বাহ্যিক লিঙ্কগুলি দেখাতে ফিল্টার বিকল্পগুলি

ব্যবহারের ক্ষেত্রগুলি

  • SEO অডিট: একটি পৃষ্ঠার লিঙ্ক প্রোফাইল বিশ্লেষণ করুন ভাঙা লিঙ্ক, অনুপস্থিত rel বৈশিষ্ট্য বা অত্যধিক বাহ্যিক লিঙ্কিং চিহ্নিত করতে যা অনুসন্ধান র‍্যাঙ্কিংকে প্রভাবিত করতে পারে।
  • ওয়েবসাইট মাইগ্রেশন: HTML থেকে সমস্ত অভ্যন্তরীণ লিঙ্ক নিষ্কাশন করুন নতুন ডোমেনে স্থানান্তরিত করার সময় বা সাইট নেভিগেশন পুনর্গঠন করার সময় কোনো পৃষ্ঠা মিস না হয় তা নিশ্চিত করতে।
  • প্রতিযোগী বিশ্লেষণ: প্রতিযোগী পৃষ্ঠাগুলি পরীক্ষা করুন তাদের লিঙ্কিং কৌশল বুঝতে, তারা কোন বাহ্যিক সংস্থানগুলি উল্লেখ করে এবং কীভাবে তারা অভ্যন্তরীণ নেভিগেশন কাঠামো করে।

বিকল্পগুলি ব্যাখ্যা করা হয়েছে

বিকল্প বর্ণনা
Base URL ফলাফল টেবিলে অভ্যন্তরীণ লিঙ্কগুলিকে ক্লিকযোগ্য করতে ওয়েবসাইটের Base URL প্রবেশ করুন
খালি লিঙ্কগুলি দেখান এমন লিঙ্কগুলি অন্তর্ভুক্ত করুন যাদের কোনো href বৈশিষ্ট্য নেই বা খালি href মান রয়েছে
শুধুমাত্র বাহ্যিক দেখান ফলাফলগুলি ফিল্টার করুন শুধুমাত্র বাহ্যিক ডোমেনগুলিতে নির্দেশ করে এমন লিঙ্কগুলি প্রদর্শন করতে

লিঙ্ক ধরনগুলি

ধরন বর্ণনা উদাহরণ
External অন্যান্য ওয়েবসাইটগুলিতে নির্দেশ করে সম্পূর্ণ URL https://example.com
Internal একই সাইটের মধ্যে আপেক্ষিক পথ /about, contact.html
Anchor পৃষ্ঠা বিভাগে খণ্ড লিঙ্ক #section-name
Mailto ইমেল ঠিকানা লিঙ্ক mailto:user@example.com
Tel ফোন নম্বর লিঙ্ক tel:+1234567890
JavaScript স্ক্রিপ্ট-ট্রিগার করা লিঙ্ক javascript:void(0)

টিপস

  • সঠিক ফলাফলের জন্য একটি পৃষ্ঠার সম্পূর্ণ HTML উৎস পেস্ট করুন—আংশিক HTML বাদ দেওয়া বিভাগে লিঙ্কগুলি মিস করতে পারে
  • অভ্যন্তরীণ লিঙ্কগুলি বিশ্লেষণ করার সময় Base URL ফিল্ডটি ব্যবহার করুন তারা সঠিকভাবে সমাধান করে কিনা তা দ্রুত যাচাই করতে
  • "ধরন" কলামে সাজান একই ধরনের লিঙ্কগুলি একসাথে গ্রুপ করতে দ্রুত পর্যালোচনার জন্য
  • অবাঞ্ছিত আউটবাউন্ড লিঙ্কগুলি পরীক্ষা করার সময় বা অ্যাফিলিয়েট লিঙ্ক প্লেসমেন্ট যাচাই করার সময় "শুধুমাত্র বাহ্যিক দেখান" সক্ষম করুন