روابط A Href: ما هي وكيفية استخدامها
ما هو رابط A Href؟
رابط “a href” (أو “رابط href”) هو كود HTML يستخدم علامة <a> وسمة href لإنشاء رابط تشعبي قابل للنقر.
على سبيل المثال، يقوم هذا الرابط href بإنشاء الرابط التشعبي “Semrush”:
<a href="https://www.semrush.com/">Semrush</a>هناك أنواع أخرى من روابط HTML (مثل علامة <link>). وطرق أخرى لإنشاء روابط تشعبية (مثل استخدام JavaScript). لكن معظم الروابط يتم إنشاؤها باستخدام علامات <a>، والتي تُعرف أيضًا بعلامات الإرساء أو عناصر الإرساء.
تُحدد عناصر الإرساء بعلامة البداية <a> وعلامة النهاية </a>.
تُحدد سمة href (سمة الإشارة إلى النص التشعبي) وجهة الرابط أو الهدف. غالبًا ما تكون هذه عنوان URL لصفحة ويب. لكن هناك قيم أخرى ممكنة.
يجب أن تشمل علامات الإرساء أيضًا محتوى الإرساء—المحتوى المرتبط بالرابط. في كثير من الحالات، يكون هذا نص الإرساء (مثل “Semrush”). لكنه يمكن أن يكون عنصر HTML، مثل صورة.
قد يحتوي نظام إدارة المحتوى (CMS) الخاص بك على أدوات تقضي على الحاجة إلى كتابة روابط a href يدويًا. لكن من المفيد فهم كيفية عملها خلف الكواليس.
نصيحة: تحقق من مشكلات الروابط ومشكلات تقنية أخرى على موقعك باستخدام أداة Site Audit من Semrush. يمكنك فحص ما يصل إلى 100 عنوان URL مجانًا.
اكتشف وأصلح مشكلات الروابط
باستخدام أداة Site Audit
لماذا تُعد روابط Href مهمة؟
تُعد روابط href مهمة لأنها الطريقة الأكثر شيوعًا لإنشاء روابط تشعبية. والروابط التشعبية تساعد المستخدمين وروبوتات الويب على التنقل في الإنترنت والوصول إلى الموارد الرقمية.
هناك نوعان رئيسيان من الروابط التشعبية يمكنك إضافتها إلى موقعك: الروابط الداخلية والروابط الخارجية. وتسمح روابط a href لك بإنشاء كليهما.
الروابط الداخلية هي روابط تشعبية إلى مواقع أو موارد على نطاقك.
تشمل الأمثلة:
- روابط التنقل إلى صفحات أخرى على موقعك
- روابط السياق إلى صفحات أخرى على موقعك
- روابط الإرساء (أو روابط القفز) على صفحاتك
- روابط إلى ملفات (مثل الكتب الإلكترونية) على خادم نطاقك
من خلال استخدام الروابط الداخلية بفعالية، تشجع المستخدمين على استكشاف موقعك. قد يعني ذلك أنهم أكثر عرضة للشراء، أو مشاركة محتواك، أو اتخاذ إجراء مرغوب آخر.
بالإضافة إلى ذلك، تساعد الروابط الداخلية Google على اكتشاف الصفحات على نطاقك. وفهم كيفية ترابطها. يمكن أن يؤدي ذلك إلى تصنيفات أعلى في صفحات نتائج محركات البحث (SERPs).
الروابط الخارجية (أو الروابط الصادرة) هي روابط تشعبية إلى مواقع أو موارد خارج نطاقك.
عند استخدامها بشكل صحيح، تضيف الروابط الخارجية قيمة إلى محتواك.
على سبيل المثال، يمكنك بناء الثقة من خلال الربط بمصادر موثوقة. أو مشاركة أداة مفيدة غير متوفرة على موقعك.
يُدعي جون مولر من Google أن الروابط الخارجية إلى مواقع مرموقة لا تساعد في تصنيفات الموقع. لكن العديد من متخصصي SEO يعتقدون أنها تفعل ذلك.
5 أفضل الممارسات لروابط A Href
عند إنشاء روابط a href، اتبع هذه أفضل الممارسات لضمان عمل روابطك التشعبية بشكل صحيح. وتحقيق أقصى استفادة لموقعك.
1. اختر القيمة الصحيحة لسمة Href
قيمة سمة href هي وجهة الرابط. يمكن أن تكون صفحة ويب، أو جزء من صفحة ويب، أو ملف، أو عنوان بريد إلكتروني، أو رقم هاتف، على سبيل المثال.
توضع وجهة الرابط بين علامتي الاقتباس في سمة href، كالتالي:
href="value"دعونا نستعرض الأنواع الرئيسية لقيم href:
عناوين URL النسبية
عنوان URL النسبي هو مسار إلى مورد على نفس الموقع.
على سبيل المثال، شعار مدونة Semrush لديه قيمة href “/blog/”:
يستخدم بعض مطوري الويب عناوين URL النسبية لجميع الروابط الداخلية. لأنها موجزة. ويمكن أن تستمر في العمل بعد نقل الموقع.
ومع ذلك، نوصي باستخدام عناوين URL المطلقة لأغراض SEO.
عناوين URL المطلقة
عنوان URL المطلق هو المسار الكامل إلى عنوان URL، بما في ذلك البروتوكول والنطاق وأي مسارات أو معلمات إضافية.
على سبيل المثال:
href="https://www.semrush.com/blog/"ستحتاج إلى استخدام عناوين URL المطلقة عند إضافة روابط خارجية.
لكنها مفيدة أيضًا للروابط الداخلية. لأنك يمكنك دائمًا الربط بعنوان URL القياسي—النسخة المفضلة من صفحة مكررة.
هذا يزيل أي غموض أو ارتباك لمحركات البحث. لذا يمكن أن يساعد في SEO.
في فيديو من Google، قال جون مولر إن الربط بعناوين URL القياسية “ربما يعقل أكثر قليلاً، لأنك لا تحتاج إلى القلق بشأن أمور مثل الوصول إلى النسخة غير الـWWW من موقعك.”
روابط الإرساء
روابط الإرساء (أو روابط القفز) هي روابط إلى أجزاء مختلفة من نفس الصفحة.
على سبيل المثال، جميع الروابط في جدول المحتويات لهذا المقال هي روابط إرساء.
لإنشاء رابط قفز، أعطِ العنصر الذي تريد الربط إليه سمة id (id=”id-name”).
مثل هذا:
<h2 id="faqs">FAQs</h2>ثم، أنشئ الرابط باستخدام #id-name كقيمة href.
مثل هذا:
<a href="#faqs">jump to our FAQs</a>بديلًا، استخدم href=”#top” أو href=”#” لإنشاء قفز إلى أعلى الصفحة.
روابط Mailto
سمة href=”mailto:” تقوم بإنشاء رابط mailto يفتح بريدًا إلكترونيًا جديدًا في برنامج البريد الإلكتروني للمستخدم.
يُستخدم عادةً بالاشتراك مع عنوان بريد إلكتروني مستهدف.
على سبيل المثال، لدينا رابط href مثل هذا في تذييل موقعنا:
<a href="mailto:mail@semrush.com">mail@semrush.com</a>النقر على الرابط التشعبي يقوم بإنشاء مسودة بريد إلكتروني مثل هذه:
يمكنك أيضًا إضافة معلمات مثل سطر الموضوع، ومحتوى الجسم، وعنوان CC إلى كود a href.
لنفترض أنك تريد من المتقدمين للوظائف إرسال سيرتهم الذاتية إلى jobs@example.com مع سطر الموضوع “دور مطور ويب.”
لجعل الأمر أسهل، يمكنك إضافة رابط HTML مثل هذا:
<a href="mailto:jobs@example.com?subject=Web%20Developer%20Role">Apply Now</a>لاحظ أن “%20” يُستخدم بدلاً من المسافات. هذا مثال على ترميز URL—عملية تساعد في ضمان عمل المعلمات بشكل صحيح.
روابط Tel
لإنشاء رابط tel، استخدم سمة href=”tel:” بالاشتراك مع رقم الهاتف.
مثل هذا:
عندما ينقر المستخدم على الرابط التشعبي على جهاز متوافق، سيفتح الرقم في تطبيق الاتصال الخاص بهم. مما يجعل من السهل عليهم الاتصال بك.
2. استخدم سمات علامة الإرساء الأخرى
سمة href مهمة في عنصر الإرساء لأنها تحدد وجهة الرابط. لكن يمكنك إضافة سمات علامة إرساء أخرى لتحديد ما يحدث عندما ينقر المستخدم على الرابط.
يمكن لهذه السمات أيضًا مساعدة محركات البحث على فهم روابطك. وبالتالي تحسين SEO.
إليك نظرة عامة سريعة على الأكثر شيوعًا:
| سمة الإرساء | الغرض | مثال على علامة الإرساء |
| Download | أخبر المتصفح بتحميل المورد المرتبط بدلاً من فتحه.
أدرج اسم ملف وصفي بين علامتي الاقتباس. |
<a href=”example.pdf” download=”Filename”>Download </a> |
| Rel | أخبر محركات البحث عن علاقة موقعك بالمورد المرتبط.
على سبيل المثال، rel=“nofollow” تطلب من محركات البحث تجنب معاملة الرابط كتأييد للصفحة المرتبطة. (هذا مفهوم مهم في بناء الروابط.) |
<a href=”https://www.example.com/” rel=”nofollow”>Anchor Text</a> |
| Target | أخبر المتصفح أين يفتح الرابط.
على سبيل المثال، target=”_blank” يفتح المورد في علامة تبويب أو نافذة جديدة. بينما target=”_self” يبقيه في الإطار نفسه. |
<a href=”https://www.semrush.com/” target=”_blank”>Semrush</a> |
| Title | أظهر تلميحًا عندما يمرر المستخدم فوق الرابط.
أدرج نص التلميح بين علامتي الاقتباس. |
<a href=”https://www.semrush.com/” title=”Semrush homepage”>Semrush</a> |
نصيحة: أنواع معينة من الروابط من مواقع أخرى (الروابط الخلفية) يمكن أن تحسن SEO. باستخدام أداة Backlink Analytics من Semrush، يمكنك بسهولة تحليل روابطك الخلفية ومقارنتها بروابط المنافسين.
