ما هي روابط 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 خارجي
/about About داخلي About Us
#contact Contact Section إرساء
mailto:info@example.com Email Us mailto

الميزات

  • استخراج جميع سمات الروابط: عنوان URL والنص والعنوان و rel و target
  • تصنيف تلقائي للروابط إلى ستة أنواع
  • إحصائيات فورية توضح توزيع أنواع الروابط
  • جدول نتائج قابل للفرز لتحليل سهل
  • دعم عنوان URL الأساسي لجعل الروابط الداخلية قابلة للنقر
  • خيارات التصفية لإخفاء الروابط الفارغة أو عرض الروابط الخارجية فقط

حالات الاستخدام

  • تدقيق SEO: حلل ملف الروابط في الصفحة لتحديد الروابط المعطلة والسمات rel المفقودة أو الربط الخارجي المفرط الذي قد يؤثر على تصنيفات البحث.
  • هجرة الموقع: استخرج جميع الروابط الداخلية من HTML للتأكد من عدم تفويت أي صفحات عند الانتقال إلى مجال جديد أو إعادة هيكلة التنقل في الموقع.
  • تحليل المنافسين: افحص صفحات المنافسين لفهم استراتيجية الربط الخاصة بهم، بما في ذلك الموارد الخارجية التي يشيرون إليها وكيفية هيكلة التنقل الداخلي.

شرح الخيارات

الخيار الوصف
عنوان URL الأساسي أدخل عنوان URL الأساسي للموقع لجعل الروابط الداخلية قابلة للنقر في جدول النتائج
عرض الروابط الفارغة تضمين الروابط التي لا تحتوي على سمة href أو قيم href فارغة
عرض الروابط الخارجية فقط تصفية النتائج لعرض الروابط التي تشير إلى النطاقات الخارجية فقط

أنواع الروابط

النوع الوصف مثال
خارجي عناوين URL كاملة تشير إلى مواقع أخرى https://example.com
داخلي مسارات نسبية ضمن نفس الموقع /about, contact.html
إرساء روابط الأجزاء إلى أقسام الصفحة #section-name
Mailto روابط عناوين البريد الإلكتروني mailto:user@example.com
Tel روابط أرقام الهاتف tel:+1234567890
JavaScript روابط مشغلة بالبرنامج النصي javascript:void(0)

نصائح

  • الصق المصدر الكامل لـ HTML الخاص بالصفحة للحصول على نتائج دقيقة—قد يفوت HTML الجزئي الروابط في الأقسام المحذوفة
  • استخدم حقل عنوان URL الأساسي عند تحليل الروابط الداخلية للتحقق بسرعة من أنها تحل بشكل صحيح
  • قم بالفرز حسب عمود "النوع" لتجميع الروابط المماثلة معاً لمراجعة أسرع
  • فعّل "عرض الروابط الخارجية فقط" عند التحقق من الروابط الخارجية غير المرغوبة أو التحقق من موضع روابط الشركات التابعة