الروابط هي أحد العناصر الرئيسية لصفحات الويب. إنها تسمح لك بالتنقل من صفحة إلى أخرى ، مما يوفر سهولة التنقل للمستخدمين. من المهم أن تكون الروابط نشطة وتجذب انتباه زوار الموقع. في هذه المقالة ، سوف ننظر في تعليمات مفصلة حول كيفية جعل ارتباط نشط باستخدام هتمل.
أولا ، تحتاج إلى تحديد النص الذي سيكون الرابط. عادة ما يتم تمييز الروابط بالألوان أو تحتها خط. استخدم العلامة لتمييز نص الارتباط والعلامة لإنشاء الرابط نفسه.
مثال:
هذا رابط نشط
هو سمة من سمات العلامة ويحتوي على عنوان الصفحة للذهاب إلى عند النقر على الرابط. يمكنك استخدام كل من المراجع النسبية والمطلقة.
الآن بعد أن عرفت أساسيات إنشاء رابط نشط ، يمكنك تخصيص مظهره عن طريق إضافة أنماط كس أو سمات هتمل. على سبيل المثال ، يمكنك تغيير لون نص الارتباط أو إضافة شرطة سفلية أو تغيير تنسيقه عند التمرير فوق المؤشر.
- لماذا أحتاج روابط نشطة?
- مزايا الروابط النشطة لمواقع الويب
- المواقع التي تحتاج إلى روابط نشطة
- كيفية إنشاء رابط نشط على موقع الويب الخاص بك
- أمثلة على الروابط النشطة على مواقع الويب
- مثال 1: رابط نشط بسيط
- مثال 2: ارتباط نشط برأس
- مثال 3: ارتباط نشط برقم هاتف
- مثال 4: رابط البريد الإلكتروني النشط
- مثال 5: رابط نشط في القائمة
- مثال 6: الارتباط النشط في الجدول
- كيفية جعل الرابط نشطا: خطوة بخطوة
- الخطوة 1: حدد نص الارتباط النشط
- الخطوة 2: أدخل رمز هتمل لإنشاء الرابط
- الخطوة 3: تحقق من نشاط الرابط
- سؤال وجواب
- لماذا أحتاج إلى جعل الرابط نشطا على الموقع?
- ما هي الطرق التي يمكن استخدامها لجعل الرابط نشطا?
- كيف يمكنني إنشاء رابط إلى مستند أو موقع ويب آخر?
لماذا أحتاج روابط نشطة?
الروابط النشطة هي أحد العناصر المهمة لصفحات الويب وتلعب دورا مهما في تنقل المستخدم على الموقع. إنها تسمح للمستخدمين بالتنقل من صفحة إلى أخرى ، مما يتيح لهم الوصول إلى معلومات إضافية تتعلق بالسياق الحالي.
تسمح الروابط النشطة أيضا للمستخدمين بالتفاعل مع الموقع وتنفيذ إجراءات مختلفة ، مثل إرسال نموذج أو تنزيل ملف أو فتح نافذة أو علامة تبويب جديدة بمواد أخرى.
إن استخدام الروابط النشطة يجعل صفحات الويب أكثر سهولة في الاستخدام ، مما يمنحها الفرصة للتنقل بسهولة عبر الموقع والعثور على المعلومات التي يحتاجون إليها. فهي تساعد في تنظيم المعلومات على الموقع عن طريق إنشاء روابط بين الصفحات والأقسام المختلفة.
بالإضافة إلى ذلك ، الروابط النشطة هي عنصر مهم لمحركات البحث مثل جوجل. تستخدم محركات البحث روابط نشطة لفهرسة المواقع وتحديد ترتيبها ، مما يؤثر على موضع الموقع في نتائج البحث.
يؤثر التصميم العام واستخدام الروابط النشطة أيضا على تجربة المستخدم ، مما يجعلها أكثر ملاءمة ويمكن الوصول إليها. يساعد التصميم الواضح والمفهوم للروابط النشطة المستخدمين على تحديد المكان الذي سيذهبون إليه بسرعة عند النقر فوق الارتباط.
من المهم إنشاء روابط نشطة بنصوص واضحة ووصفية حتى يتمكن المستخدمون من فهم المكان الذي سيذهبون إليه بسهولة. يمكن أن تتسبب الروابط ذات العلامات السيئة أو الغامضة في حدوث ارتباك وانطباع سلبي لدى المستخدمين.
مزايا الروابط النشطة لمواقع الويب
الروابط النشطة هي روابط يمكن للمستخدم النقر عليها والانتقال إلى صفحة أو عنصر آخر في موقع الويب. تلعب دورا مهما في التنقل وتوفر العديد من المزايا لمواقع الويب:
- تحسين تجربة المستخدم: تسهل الروابط النشطة على المستخدم الانتقال إلى صفحات أخرى والتنقل في الموقع. إنها تسمح لك بالتنقل بسرعة بين الأقسام والحصول على المعلومات اللازمة.
- زيادة حركة مرور الصفحة: يمكن للروابط النشطة توجيه المستخدمين إلى صفحات مختلفة من موقع الويب. هذا يساعد على توزيع حركة المرور وزيادة حركة المرور إلى أقسام أو مقالات معينة.
- تحسين تحسين محسنات محركات البحث: الروابط النشطة عامل مهم لتحسين محرك البحث. تقوم محركات البحث بتحليل بنية روابط الموقع وتأخذها في الاعتبار عند الترتيب في نتائج البحث.
- سهولة التفاعل: تعمل الروابط النشطة على تبسيط تفاعل المستخدم مع الموقع. إنها تسمح لك بفتح الموارد الخارجية بسرعة أو تنزيل الملفات أو إرسال النماذج أو تنفيذ إجراءات أخرى.
لتحقيق أقصى قدر من الفعالية ، يجب أن تكون الروابط النشطة مرئية بوضوح وأن تلبي توقعات المستخدم. عند استخدامها ، من الضروري مراعاة التصميم والسياق والجمهور المستهدف للموقع.
المواقع التي تحتاج إلى روابط نشطة
الروابط النشطة هي روابط يمكن للمستخدم النقر عليها والانتقال إلى صفحة أخرى من موقع الويب أو إلى مورد ويب آخر. إنها عنصر مهم في مواقع الويب الحديثة وتستخدم في مناطق مختلفة من الإنترنت.
فيما يلي بعض الأمثلة على المواقع التي تحتاج غالبا إلى روابط نشطة:
مواقع الأخبار:
- تستخدم الروابط النشطة للانتقال إلى النص الكامل للأخبار والمقالات ذات الصلة ومعارض الصور وغيرها من المعلومات الإضافية.
المدونات والمواقع الشخصية:
- غالبا ما يقوم مؤلفو المدونات ومواقع الويب بإدراج روابط نشطة للانتقال إلى منشورات أو صفحات أخرى من موقعهم ، وروابط لملفات تعريف الوسائط الاجتماعية الخاصة بهم ، وما إلى ذلك.
المخازن على الانترنت:
- غالبا ما تستخدم الروابط النشطة للانتقال إلى صفحة المنتج وعربة التسوق والخروج والصفحات الأخرى المتعلقة بشراء السلع والخدمات.
الموارد التعليمية:
- عادة ما تحتوي المواقع التعليمية والدورات التدريبية عبر الإنترنت والموارد التعليمية الأخرى على العديد من الروابط النشطة للصفحات التي تحتوي على محاضرات ومهام واختبارات ومواد أخرى.
مواقع الشركات والمؤسسات:
- تستخدم الروابط النشطة على مواقع الشركات للانتقال إلى أقسام تحتوي على معلومات حول الشركة وجهات الاتصال والوظائف الشاغرة وما إلى ذلك.
هذه ليست سوى بعض الأمثلة على أنواع المواقع التي غالبا ما تستخدم الروابط النشطة. بشكل عام ، يمكن لأي موقع ويب الاستفادة من الروابط النشطة لتحسين التنقل في الموقع وتوفير معلومات إضافية والتفاعل مع المستخدمين.
من المهم أن تتذكر أن الروابط النشطة يجب أن تكون واضحة ومفهومة وسهلة الاستخدام. يجب أيضا أن تكون مصممة جيدا ومتميزة عن النص العادي حتى يتمكن المستخدمون من اكتشافها واستخدامها بسرعة.
كيفية إنشاء رابط نشط على موقع الويب الخاص بك
يعد إنشاء ارتباط نشط عنصرا مهما لتحسين قابلية استخدام موقعك. يسمح الرابط النشط للمستخدمين بالنقر فوقه والانتقال إلى صفحات أخرى أو موارد خارجية أو أقسام محددة من موقعك. في هذه المقالة ، سننظر في كيفية إنشاء رابط نشط على موقعك.
- افتح أي محرر نصوص مثل المفكرة أو النص السامي.
- أدخل الرمز التالي:
نص الرابط
بدلا من عنوان ورل ، أدخل عنوان الصفحة أو المورد الذي تريد إنشاء ارتباط إليه. بدلا من نص الرابط ، أدخل النص الذي سيتم عرضه للمستخدم لتنشيط الرابط.
مثال:
انتقل إلى مثال موقع الويب
- حفظ الملف مع .أتش تي أم أل التمديد. على سبيل المثال ، الفهرس.أتش تي أم أل .
- افتح الملف في متصفح الويب للتأكد من أن الرابط يعمل بشكل صحيح.
بالإضافة إلى ارتباط نشط بسيط ، يمكنك أيضا إضافة سمة هدف للتحكم في مكان فتح الانتقال. على سبيل المثال:
انتقل إلى مثال موقع الويب
في هذا المثال ، عند النقر فوق الارتباط ، سيتم فتح الصفحة في علامة تبويب متصفح جديدة ، وذلك بفضل السمة الهدف="_فراغ".
الآن أنت تعرف كيفية إنشاء رابط نشط على موقعك. استخدم هذه المعرفة لتسهيل تنقل المستخدمين إلى موقع الويب الخاص بك وزيادة فوائد استخدامه.
أمثلة على الروابط النشطة على مواقع الويب
الروابط النشطة هي عناصر تفاعلية تسمح لزوار الموقع بالانتقال إلى صفحات أو مستندات أخرى عند النقر عليها. يستخدم مطورو الويب طرقا مختلفة لإنشاء روابط نشطة باستخدام هتمل و كس. فيما يلي بعض الأمثلة على الروابط النشطة على مواقع الويب.
مثال 1: ارتباط نشط بسيط
لإنشاء ارتباط نشط بسيط ، تحتاج إلى استخدام العلامة. في المثال التالي ، سيؤدي الارتباط إلى صفحة ويب أخرى:
انقر هنا للذهاب إلى صفحة أخرى
مثال 2: ارتباط نشط برأس
في كثير من الأحيان ، يجب تمييز الروابط النشطة بعنوان أو نمط نص آخر لجذب انتباه المستخدمين. للقيام بذلك ، يمكنك استخدام والعلامات . في المثال التالي ، سيتم تمييز الرابط بالخط العريض:
زيارة موقعنا على الانترنت للحصول على مزيد من المعلومات: example.com
مثال 3: ارتباط نشط برقم هاتف
في بعض الأحيان تحتاج إلى إنشاء رابط نشط للاتصال بسرعة برقم هاتف. للقيام بذلك ، استخدم بروتوكول "هاتف:" وحدد رقم الهاتف في سمة هريف من الرابط ، كما هو مبين أدناه:
انقر لإجراء مكالمة
مثال 4: رابط البريد الإلكتروني النشط
يتم استخدام بروتوكول "ميلتو:" لإنشاء ارتباط بريد إلكتروني نشط. السمة هريف الارتباط يحدد عنوان البريد الإلكتروني:
اكتب لنا رسالة بريد إلكتروني
مثال 5: رابط نشط في القائمة
يمكن استخدام الروابط النشطة في القوائم لإنشاء قائمة تنقل أو قائمة موارد. يوجد أدناه مثال على قائمة بها روابط نشطة:
مثال 6: الارتباط النشط في الجدول
يمكن أيضا استخدام الروابط النشطة في الجداول لعرض البيانات مع إمكانية النقر فوق ارتباط. يوجد أدناه مثال على جدول به ارتباط نشط في كل خلية:
وبالتالي ، يمكن استخدام الروابط النشطة على مواقع الويب في سياقات مختلفة وبأنماط مختلفة لتوفير التنقل المريح والوصول إلى المعلومات للمستخدمين.
كيفية جعل الرابط نشطا: خطوة بخطوة
لجعل الرابط نشطا على موقع الويب الخاص بك ، ستحتاج إلى اتباع عدة خطوات:
- افتح ملف هتمل الذي تريد إنشاء ارتباط نشط فيه.
- ابحث عن المكان الذي تريد إدراج الرابط فيه. يمكن أن يكون داخل فقرة من النص أو كعنصر قائمة منفصل.
- لإنشاء ارتباط. داخل هذه العلامة ، أدخل النص الذي يجب أن يكون مرئيا على الرابط الخاص بك. على سبيل المثال:
- وحدد عنوان ورل للصفحة أو الملف الذي يجب أن يرتبط به الرابط. على سبيل المثال:
- لفتح الرابط في نافذة أو علامة تبويب جديدة. على سبيل المثال:
- احفظ ملف هتمل وافتحه في متصفح الويب. الآن يجب أن يكون الرابط الخاص بك نشطا وإعادة توجيه المستخدم إلى عنوان ورل المحدد.
هنا مثال بسيط على ارتباط نشط:
انقر هنا لزيارة الموقع.
الخطوة 1: حدد نص الارتباط النشط
تتمثل الخطوة الأولى في إنشاء رابط نشط على موقعك في تحديد النص الذي سيكون بمثابة الرابط. يجب أن يكون هذا النص واضحا وغنيا بالمعلومات حتى يفهم المستخدم أنه سينقر على الرابط.
من المهم اختيار نص يسهل ملاحظته على الصفحة والذي سيجذب انتباه المستخدمين. غالبا ما يتم استخدامه لتمييز النص باستخدام غامق () أو مائل () لجعل النص مختلفا عن باقي المحتوى.
على سبيل المثال ، إذا كان لديك موقع ويب للسفر ، فيمكنك تحديد النص "المزيد عن السفر إلى إيطاليا" حتى يعرف المستخدمون أنه سيتم إعادة توجيههم إلى صفحة تحتوي على معلومات حول السفر إلى إيطاليا.
تذكر أنه يجب ربط نص الرابط بالموضوع ومحتوى الصفحة التي يؤدي إليها. لا يوصى باستخدام نص الرابط ، وهو ليس بالمعلومات الكافية أو لا يعكس محتوى الصفحة بأي شكل من الأشكال.
عند اختيار نص الرابط النشط ، ضع في اعتبارك أنه سيكون مرئيا في نتائج البحث وفي المواقع الأخرى حيث يمكن للمستخدمين نسخ الرابط. لذلك ، يجب أن يكون نص الرابط غنيا بالمعلومات وكاملا ، حتى بدون سياق الصفحة نفسها.
الخطوة 2: أدخل رمز هتمل لإنشاء الرابط
بعد أن تقرر النص أو الصورة التي ستكون بمثابة رابط ، تحتاج إلى إدخال رمز هتمل لإنشاء ارتباط نشط. للقيام بذلك ، يمكنك استخدام والعلامات.
فيما يلي مثال على رمز لإنشاء ارتباط نصي بسيط:
نص الرابط
بدلا من صفحة العنوان ، يجب عليك تحديد الرابط الذي سيؤدي إليه الرابط الخاص بك.
بدلا من نص الرابط ، تحتاج إلى إدخال نص سيكون مرئيا للمستخدمين. يمكن أن تكون كلمة أو عبارة أو جملة. من المهم اختيار نص ينقل بوضوح معنى الرابط وهو مفهوم للمستخدمين.
إذا كنت ترغب في استخدام صورة بدلا من النص لإنشاء ارتباط ، ثم يجب عليك استخدام السمة ألت:
بدلا من العنوان_صورة ، تحتاج إلى تحديد رابط للصورة التي ستكون بمثابة رابط.
بدلا من النص البديل ، أدخل النص الذي سيتم عرضه بدلا من الصورة إذا تعذر عرضه لسبب ما.
هنا مثال على التعليمات البرمجية لإنشاء ارتباط مع صورة:
لاحظ أنه في رمز الارتباط ، من المهم إغلاق علامة الفتح بشكل صحيح ووضع الترتيب الصحيح للسمات. يمكن أن يؤدي التصميم غير الصحيح للرمز إلى عرض وتشغيل الارتباط بشكل غير صحيح.
باستخدام شفرة هتمل ، يمكنك إنشاء روابط بسيطة فقط ، ولكن أيضا روابط مع سمات الهدف لفتح الصفحة في نافذة جديدة أو في النافذة الحالية. يتيح لك ذلك التحكم في طريقة فتح الصفحة عندما ينقر المستخدم على الرابط.
مثال على ارتباط مع السمة الهدف:
نص الرابط
في المثال أعلاه ، باستخدام السمة الهدف= "_فراغ" ، نقول للمتصفح فتح الرابط في نافذة أو علامة تبويب جديدة.
أنت الآن جاهز لاستخدام رمز هتمل لإنشاء رابط نشط على موقعك. استمر في قراءة المقالة للتعرف على الخصائص المفيدة الأخرى للروابط وتصميمها.
الخطوة 3: تحقق من نشاط الرابط
بعد إضافة رمز الارتباط إلى موقعك ، من المهم التحقق من أن الرابط يعمل بشكل صحيح. سيؤدي ذلك إلى التأكد من أن المستخدمين سيتمكنون من النقر فوقه والحصول على المعلومات اللازمة.
للتحقق من نشاط الارتباط ، اتبع الخطوات التالية:
- افتح صفحة موقعك حيث تمت إضافة الرابط.
- انظر حول الصفحة وابحث عن النص أو العنصر الذي يمثل الرابط.
- حرك المؤشر فوق النص أو العنصر. إذا أخذ المؤشر شكل مؤشر ، فهذا يعني أن الرابط نشط.
- انقر بزر الماوس الأيسر على الرابط. تأكد من وجود انتقال إلى الصفحة المقصودة أو تنفيذ الإجراء المطلوب المرتبط بالارتباط.
- تأكد من فتح الصفحة المقصودة في نافذة جديدة (إذا كنت بحاجة إلى ذلك) ، أو في نفس نافذة المتصفح.
إذا لم يعمل الرابط ، فتأكد من تحديد العنوان (عنوان ورل) للمورد الذي يجب أن يؤدي إليه الرابط بشكل صحيح. إذا كان العنوان صحيحا ، فقد تكون المشكلة متعلقة بالنشر أو إعدادات موقعك.
يعد التحقق من نشاط الارتباط ضروريا لضمان وصول المستخدمين إلى المعلومات الضرورية والتفاعل بفعالية مع موقعك.
سؤال وجواب
لماذا أحتاج إلى جعل الرابط نشطا على الموقع?
تسمح الروابط النشطة للمستخدمين بالانتقال إلى صفحات أو مواقع أخرى ، مما يحسن التنقل ويثري تجربة المستخدم. يمكن أيضا استخدام الروابط النشطة لتعيين روابط داخلية أو خارجية لكلمات رئيسية أو عبارات معينة.
ما هي الطرق التي يمكن استخدامها لجعل الرابط نشطا?
يمكنك استخدام لغة ترميز هتمل و كس لإنشاء روابط نشطة. الطريقة الرئيسية هي استخدام علامة في هتمل التي تحدد الارتباط والنص المعروض على أنه الارتباط. يمكنك أيضا استخدام كس لتصميم الروابط النشطة ، على سبيل المثال ، لتغيير اللون أو تسطير نص الارتباط.
كيف يمكنني إنشاء رابط إلى مستند أو موقع ويب آخر?
لإنشاء ارتباط إلى مستند أو موقع آخر ، تحتاج إلى استخدام سمة هريف للعلامة في هتمل. على سبيل المثال ، لإنشاء ارتباط إلى صفحة أخرى داخل موقعك ، يكفي تحديد المسار إلى هذه الصفحة في سمة هريف. لإنشاء ارتباط إلى موقع آخر ، حدد عنوان ورل الكامل في سمة هريف.