نستخدم أحيانًا روابط الربط في منشورات ووردبريس الأطول لمساعدة المستخدمين على الانتقال سريعًا إلى القسم الذي يريدون قراءته.
غالبًا ما تُستخدم روابط الإرساء في جدول أقسام المحتوى لأنها تساعد المستخدمين على الانتقال لأعلى ولأسفل لمقالة أطول دون إعادة تحميل الصفحة. يمكن أن يساعد أيضًا في تحسين محركات البحث حيث قد تعرضها Google أسفل قوائم البحث الخاصة بك لسهولة التنقل (المزيد حول هذا لاحقًا).
في هذا الدليل المفصل خطوة بخطوة ، سنشرح ما هي روابط الإرساء ونوضح لك كيفية إضافة روابط الارتساء بسهولة في ووردبريس.
إضافة روابط الربط في ووردبريس
مستعد؟ لنبدأ بمثال حي لروابط الارتساء.
فيما يلي قائمة بجميع الموضوعات التي سنغطيها في هذا الدليل. انطلق وانقر على أي من هذه الروابط ، وسيتم نقلك إلى هذا القسم المحدد.
ما هو رابط المرساة؟
كيف تضيف روابط الارتساء يدويًا في ووردبريس؟
كيف تضيف روابط الربط يدويًا باستخدام Classic Editor في ووردبريس؟
كيف تضيف روابط الارتساء يدويًا في HTML؟
كيف تضيف العناوين تلقائيًا كروابط إرساء في ووردبريس؟
رابط الارتساء هو نوع من الارتباط على الصفحة ينقلك إلى مكان معين في نفس الصفحة. يسمح للمستخدمين بالانتقال إلى القسم الذي يهتمون به أكثر.
ألق نظرة على لقطة الشاشة المتحركة أدناه:
معاينة رابط الارتساء
كما ترى ، يؤدي النقر فوق ارتباط الارتساء إلى نقل المستخدم إلى القسم المحدد في نفس الصفحة.
تُستخدم روابط الارتساء بشكل شائع في المقالات الطويلة كجدول المحتوى الذي يسمح للمستخدمين بالقفز بسرعة إلى الأقسام التي يريدون قراءتها.
استخدام آخر لروابط الارتساء هو إنشاء روابط إشارات مرجعية على موقع ووردبريس الخاص بك. يتيح لك ذلك مشاركة رابط الإشارة المرجعية على وسائل التواصل الاجتماعي أو الرسائل الإخبارية عبر البريد الإلكتروني ، لذلك عندما يتم تحميل الصفحة ينتقل المستخدمون على الفور إلى القسم الذي تريدهم أن يروه.
يقضي المستخدم العادي أقل من بضع ثوانٍ قبل أن يقرر ما إذا كان يريد البقاء أو مغادرة موقع الويب الخاص بك. لديك فقط تلك الثواني القليلة لإقناع المستخدمين بالبقاء.
أفضل طريقة للقيام بذلك هي مساعدتهم على رؤية المعلومات التي يبحثون عنها بسرعة.
تعمل روابط الإرساء على تسهيل ذلك من خلال السماح للمستخدمين بتخطي بقية المحتوى والانتقال مباشرةً إلى الجزء الذي يثير اهتمامهم. هذا يحسن تجربة المستخدم ويساعدك على كسب عملاء / قراء جدد.
تعتبر روابط الارتساء رائعة أيضًا لـ ووردبريس SEO . يمكن لـ Google عرض رابط الارتساء في نتائج البحث على أنه “قفزة إلى الارتباط”.
انتقل إلى الارتباط في نتائج البحث
في بعض الأحيان ، يمكن لـ Google أيضًا عرض العديد من الروابط من تلك الصفحة للانتقال السريع إلى الروابط ، وقد ثبت أن هذا يزيد من نسبة النقر إلى الظهور في نتائج البحث. بمعنى آخر ، تحصل على المزيد من الزيارات إلى موقع الويب الخاص بك.
قفزة متعددة إلى الروابط الموجودة أسفل نتيجة البحث
بعد قولي هذا ، دعنا نلقي نظرة على كيفية إضافة روابط الربط بسهولة في ووردبريس.
إذا كنت ترغب فقط في إضافة بعض روابط الإرساء أو روابط الإشارات المرجعية في مقالتك ، فيمكنك القيام بذلك يدويًا بسهولة.
تحتاج في الأساس إلى إضافة شيئين لنص الرابط ليعمل على النحو المنشود.
قم بإنشاء رابط مرساة بعلامة # قبل نص الرابط.
أضف idالسمة إلى النص حيث تريد نقل المستخدم.
لنبدأ بجزء ارتباط المرساة.
تحتاج أولاً إلى تحديد النص الذي تريد ربطه ثم النقر فوق زر إدراج الرابط في محرر ووردبريس Gutenberg .
أضف رابطًا في ووردبريس
سيؤدي هذا إلى إظهار القائمة المنبثقة لرابط الإدراج حيث تضيف عادةً عنوان URL أو تبحث عن منشور أو صفحة للربط.
ومع ذلك ، بالنسبة لارتباط الارتساء ، ستستخدم ببساطة # كبادئة وأدخل الكلمات الأساسية للقسم الذي تريد أن ينتقل المستخدم إليه.
إنشاء ارتباط مرساة
بعد ذلك اضغط على زر الدخول لإنشاء الرابط.
بعض النصائح المفيدة حول اختيار النص الذي تريد استخدامه كرابط #:
استخدم الكلمات الأساسية المتعلقة بالقسم الذي ترتبط به.
لا تجعل رابط الارتساء طويلاً أو معقدًا دون داعٍ.
استخدم الواصلات لفصل الكلمات وجعلها أكثر قابلية للقراءة.
يمكنك استخدام الكتابة بالأحرف الكبيرة في نص الرابط لجعله أكثر قابلية للقراءة. على سبيل المثال: #Best-Coffee-Shops-Manhattan.
بمجرد إضافة الرابط ، ستتمكن من رؤية الرابط الذي قمت بإنشائه في المحرر. ومع ذلك ، فإن النقر فوق الارتباط لا يفعل شيئًا.
ذلك لأن المتصفحات لا يمكنها العثور على رابط الارتساء كمعرف.
دعنا نصلح ذلك من خلال توجيه المتصفحات إلى المنطقة أو القسم أو النص الذي تريد إظهاره عندما ينقر المستخدمون على رابط الربط.
في محرر المحتوى ، قم بالتمرير لأسفل إلى القسم الذي تريد أن ينتقل المستخدم إليه عند النقر على رابط الارتساء. عادة ، هو عنوان لقسم جديد.
بعد ذلك ، انقر لتحديد الكتلة ثم في إعدادات الحظر ، انقر فوق علامة التبويب خيارات متقدمة لتوسيعها. يمكنك ببساطة النقر فوق علامة التبويب “خيارات متقدمة” أسفل إعدادات كتلة العنوان.
مرساة HTML
بعد ذلك ، تحتاج إلى إضافة نفس النص الذي أضفته كرابط رابط ضمن حقل “HTML Anchor”. تأكد من إضافة النص بدون البادئة #.
يمكنك الآن حفظ المنشور الخاص بك ومشاهدة رابط الارتساء الخاص بك في العمل من خلال النقر على علامة تبويب المعاينة.
ماذا لو كان القسم الذي تريد إظهاره ليس عنوانًا بل مجرد فقرة عادية أو أي كتلة أخرى؟
في هذه الحالة ، تحتاج إلى النقر فوق القائمة ثلاثية النقاط في إعدادات الحظر وتحديد “تحرير بتنسيق HTML”.
تحرير كملف هتمل
سيسمح لك هذا بتحرير كود HTML لتلك الكتلة المعينة. تحتاج إلى تحديد العثور على علامة HTML للعنصر الذي تريد الإشارة إليه. على سبيل المثال ، <p>إذا كانت فقرة ، أو <table>إذا كانت كتلة جدول ، وما إلى ذلك.
الآن ، تحتاج إلى إضافة الارتساء الخاص بك كسمة المعرف إلى تلك العلامة ، مثل الكود التالي:
1
<p id=”best-coffee-shops-manhattan”>
سترى الآن إشعارًا بأن هذا الحظر يحتوي على محتوى غير متوقع أو غير صالح. تحتاج إلى النقر فوق التحويل إلى HTML للحفاظ على التغييرات التي أجريتها.
تحويل إلى HTML
إذا كنت لا تزال تستخدم المحرر الكلاسيكي الأقدم لبرنامج ووردبريس ، فإليك كيفية إضافة رابط الارتساء / رابط الانتقال.
أولاً ، حدد النص الذي تريد تغييره إلى رابط الارتساء ، ثم انقر فوق الزر “إدراج رابط”.
إضافة رابط رابط في المحرر الكلاسيكي
بعد ذلك ، تحتاج إلى إضافة رابط الارتساء الخاص بك مع بادئة علامة # متبوعة بالارتباط الذي تريد استخدامه للرابط.
الخطوة التالية هي توجيه المتصفحات إلى القسم الذي تريد إظهاره عندما ينقر المستخدمون على رابط الربط الخاص بك.
لذلك ، ستحتاج إلى التبديل إلى وضع “النص” في المحرر الكلاسيكي. بعد ذلك قم بالتمرير لأسفل إلى القسم الذي تريد إظهاره.
إضافة معرف الارتساء في المحرر الكلاسيكي
حدد الآن علامة HTML التي تريد استهدافها. على سبيل المثال ، <h2>، <h3>، <p>، وما إلى ذلك.
تحتاج إلى إضافة سمة المعرف إليها باستخدام الرابط الثابت للرابط بدون البادئة # ، مثل هذا:
1
<h2 id=”best-coffee-shops-manhattan”>
يمكنك الآن حفظ تغييراتك والنقر على زر المعاينة لرؤية رابط الربط الخاص بك قيد التنفيذ.
إذا كنت معتادًا على الكتابة في وضع النص للمحرر الكلاسيكي القديم في ووردبريس ، فإليك كيفية إنشاء رابط الارتساء يدويًا في HTML.
أولاً ، تحتاج إلى إنشاء رابط الارتساء ببادئة # باستخدام <a href=””>العلامة المعتادة ، مثل هذا:
1
<a href=”#best-coffee-shops-manhattan”>Best Coffee Shops in Manhattan</a>
بعد ذلك ، تحتاج إلى التمرير لأسفل إلى القسم الذي تريد إظهاره عندما ينقر المستخدمون على الرابط.
عادةً ما يكون هذا القسم عنوانًا (h2 ، h3 ، h4 ، إلخ) ، ولكن يمكن أن يكون أي عنصر HTML آخر أو حتى علامة <p> فقرة بسيطة.
تحتاج إلى إضافة سمة المعرّف إلى علامة HTML ، ثم إضافة رابط رابط الارتساء بدون البادئة #.
1
<h2 id=”best-coffee-shops-manhattan”>Best Coffee Shops in Manhattan</h4>
يمكنك الآن حفظ التغييرات ومعاينة موقع الويب الخاص بك لاختبار ارتباط الارتساء.
هذه الطريقة مناسبة للمستخدمين الذين ينشرون مقالات طويلة بانتظام ويحتاجون إلى إنشاء جدول محتويات بروابط الربط.
أول شيء عليك القيام به هو تثبيت وتفعيل المكون الإضافي Easy Table of Contents . لمزيد من التفاصيل ، راجع دليلنا خطوة بخطوة حول كيفية تثبيت مكون ووردبريس الإضافي .
يتيح لك هذا المكون الإضافي إنشاء جدول محتويات تلقائيًا مع روابط الربط. يستخدم العناوين لتخمين أقسام المحتوى ، ويمكنك تخصيصها بالكامل لتلبية احتياجاتك.
عند التنشيط ، ما عليك سوى الانتقال إلى الإعدادات » صفحة جدول المحتويات لتكوين إعدادات البرنامج المساعد.
إعدادات البرنامج المساعد لجدول المحتويات السهل
أولاً ، تحتاج إلى تمكينه لأنواع المنشورات حيث تريد إضافة جدول محتويات. افتراضيًا ، يتم تمكين المكون الإضافي للصفحات ، ولكن يمكنك أيضًا تمكينه لمشاركاتك أيضًا.
يمكنك أيضًا تمكين خيار الإدراج التلقائي. يسمح هذا للمكون الإضافي بإنشاء جدول المحتويات تلقائيًا لجميع المقالات ، بما في ذلك المقالات الأقدم التي تطابق المعايير.
إذا كنت تريد فقط إنشاء جدول محتويات تلقائيًا لمقالات معينة ، فيمكنك ترك هذا الخيار بدون تحديد.
بعد ذلك ، قم بالتمرير لأسفل قليلاً لتحديد المكان الذي تريد عرض جدول المحتويات فيه ومتى تريد تشغيله.
حدد مكان ومتى يتم عرض جدول المحتويات
يمكنك مراجعة الإعدادات المتقدمة الأخرى على الصفحة وتغييرها حسب الحاجة.
لا تنس النقر فوق الزر “حفظ التغييرات” لتخزين إعداداتك.
إذا قمت بتمكين خيار الإدراج التلقائي ، فيمكنك الآن عرض مقالة موجودة مع العدد المحدد من العناوين.
ستلاحظ أن المكون الإضافي سيعرض تلقائيًا جدول محتويات قبل العنوان الأول في المقالة.
إذا كنت ترغب في إنشاء جدول محتويات يدويًا لمقالات معينة ، فأنت بحاجة إلى تحرير المقالة حيث تريد عرض جدول محتويات مع روابط الربط.
في شاشة تعديل المشاركة ، قم بالتمرير لأسفل إلى علامة التبويب “جدول المحتويات” أسفل المحرر.
أضف جدول محتويات يدويًا باستخدام ارتباطات الإرساء
من هنا ، يمكنك تحديد الخيار “إدراج جدول المحتويات” وتحديد العناوين التي تريد تضمينها كروابط ربط.
يمكنك الآن حفظ التغييرات ومعاينة مقالتك. سيعرض المكون الإضافي تلقائيًا قائمة روابط الإرساء كجدول المحتويات الخاص بك.
معاينة جدول المحتويات
للحصول على إرشادات أكثر تفصيلاً ، راجع مقالتنا حول كيفية إضافة جدول محتويات في ووردبريس .
نأمل أن تساعدك هذه المقالة في تعلم كيفية إضافة روابط الارتساء بسهولة في ووردبريس. قد ترغب أيضًا في الاطلاع على نصائحنا حول كيفية تحسين منشورات مدونتك بشكل صحيح من أجل تحسين محركات البحث واختيارنا لأفضل المكونات الإضافية لمنشئ صفحات ووردبريس .
نأمل أن تساعدك هذه المقالة في تعلم كيفية تغيير نظام ألوان الادمن في الووردبريس. قد ترغب أيضًا في رؤية مختارات حول الإضافات (بلجن) في الووردبريس ودليلنا حول كيفية اختيار أفضل شركات حجز النطاقات والاستضافات وكيفية التعامل معها.
إذا أعجبك هذا المقال ، فيرجى الاشتراك في قناتنا على اليوتيوب لدروس فيديو في الووردبريس. ويمكنك أيضًا أن تجدنا على فيسبوك وتويتير وانستجرام وتيكتوك، لطفاً لا تنسى متابعتنا، فنحن نسعد برؤيتك..
