روابط الارتساء ليست موضوعًا تمت مناقشته كثيرًا ، ولكن لدينا نتائج ممتازة معهم! سنتعمق اليوم في كيفية إنشاء روابط إرساء في وورد بريس واستكشاف سبب رغبتك في البدء في استخدامها. من خلال تجربتنا ، يمكن أن تساعد الروابط الثابتة في تحسين تجربة المستخدم ، وتجعل التنقل في المحتوى الطويل أسهل كثيرًا ، بل وتعطيك ميزة بسيطة في Google. من الذي لا يريد ميزة مجانية في Google؟ 😉
جرب نسخة تجريبية مجانية
ما هي روابط المرساة؟
روابط الإرساء ، يشار إليها أيضًا باسم روابط قائمة الانتقال أو جدول المحتويات ، هي روابط تنقلك على الفور إلى جزء معين من الصفحة (أو إلى صفحة خارجية). عادةً ما يتم تحديد وجهات الارتساء باستخدام إما العنصر A (تسميته بسمة الاسم) ، أو بواسطة أي عنصر آخر (التسمية بسمة المعرف). كلتا الطريقتين متوافقة تمامًا مع معايير W3C ( المصدر ).
الدعم
هل تفضل مشاهدة نسخة الفيديو ؟
إذا كنت لا تزال في حيرة من أمرك بشأن ماهية روابط الارتساء ، فلا تقلق. انظر الصورة المثال أدناه. نحن نستخدم روابط الربط في كل عنصر من عناصر القائمة النقطية. عندما تنقر عليها ، فإنها تنقلك مباشرة إلى رأس H2 الذي يحتوي على هذا المحتوى. يمكنك التحقق من ذلك بنفسك في الأسفل في المنشور. يمكن استخدام روابط الارتساء على أي شيء ، مثل النصوص والصور ورؤوس H1-H6.
روابط المرساة
روابط المرساة
في الكثير من المواقع ، تُستخدم روابط الإرساء فقط لإنشاء جدول محتويات في بداية المنشورات الطويلة. إذا كنت تعرف القليل من CSS ، فيمكنك أن تكون مبدعًا وتجعلها تبدو أكثر أناقة ، كما فعلنا في صفحاتنا المقصودة.
روابط الإرساء على مقال طويل
ارتساء الروابط على مقال طويل
في المواقع الأخرى ، قد لا ترى رابط الارتساء ، بدلاً من ذلك ، يتم استخدامها على الرؤوس ببساطة حتى يتمكنوا من مشاركة الروابط مباشرة إلى الأقسام المحددة.
فقط لأننا نفعل شيئًا لا يعني دائمًا أنه يجب عليك ذلك. فيما يلي بعض الإيجابيات والسلبيات التي يجب مراعاتها عند استخدام روابط الربط على موقع وورد بريس الخاص بك.
تتمثل إحدى أكبر مزايا الروابط الثابتة في خلق تجربة مستخدم أفضل عند تصفح موقعك. هذا صحيح بشكل خاص عندما يتعلق الأمر بالمقالات الطويلة . ننشر الكثير من المحتوى المتعمق (أكثر من 4000 كلمة) ويمكن أن يصبح التمرير أمرًا مؤلمًا. يسمح استخدام الروابط الثابتة للمستخدم بالانتقال فورًا إلى القسم الذي يهتم به. اسمح للمستخدمين بالعثور على ما يحتاجون إليه بشكل أسرع.
يتيح لك استخدام روابط الإرساء في الرؤوس مشاركة روابط مباشرة إلى أقسام مختلفة داخل المقالة. هذا رائع لوسائل التواصل الاجتماعي وحتى فرق الدعم . على سبيل المثال ، يعتمد فريق الدعم الخاص بنا في Kinsta بشكل كبير على روابط الإرساء في مقالات قاعدة المعارف الخاصة بنا حتى نتمكن من إرسال المستخدم إلى خطوة استكشاف الأخطاء وإصلاحها الدقيقة التي يحتاجون إلى اتباعها. يستخدم فريق المبيعات لدينا هذه أيضًا للإجابة بسرعة أكبر على استفسارات Kinsta ذات الصلة.
عندما يتعلق الأمر بصفحات نتائج محرك البحث (SERPs) ، يمكن أن تختلف النتائج دائمًا بناءً على ما يظهر. ومع ذلك ، فقد رأينا مرارًا وتكرارًا روابط الربط (قوائم الانتقال) تظهر في قائمة SERP الخاصة بنا لأننا استخدمناها في مقالاتنا. هذه رائعة لأنها تمنحك بشكل أساسي سطرًا آخر من النص لقائمتك العضوية . يمكنهم أيضًا المساعدة في زيادة نسبة النقر إلى الظهور حيث قد يرى المستخدم شيئًا مرتبطًا باستعلامه لم تنقله في الوصف التعريفي أو العنوان.
ارتساء الروابط في مثال جوجل
ارتساء الروابط في مثال جوجل
يمكن أيضًا استخدام روابط الارتساء لأشياء أخرى مثل رابط “الرجوع إلى الأعلى” الذي تستخدمه ويكيبيديا جنبًا إلى جنب مع الاستشهادات ^ أو الحواشي السفلية. [1]
بينما نعتقد أن الإيجابيات تفوق بالتأكيد السلبيات ، إليك بعض النكسات التي قد ترغب في وضعها في الاعتبار.
يمكن أن تقلل ارتباطات الارتساء أو جدول المحتويات من متوسط الوقت المستغرق في الموقع لكل زائر. لماذا ا؟ لأنهم ينتقلون مباشرة إلى المحتوى الذي يريدونه بدلاً من قراءة مقالتك بأكملها. ومع ذلك ، إذا جعلت زائرك سعيدًا على الفور ، فقد يؤدي ذلك إلى اشتراكهم في رسالتك الإخبارية أو البحث عن المزيد حول ما تبيعه. لذلك يمكن اعتبار هذا مؤيدًا أو خداعًا.
ترتبط مباشرة بالمشكلة المذكورة أعلاه ، قد تؤثر الروابط الثابتة على أرباح إعلاناتك. قد يؤدي تخطي الزوار مباشرة إلى قسم معين إلى تقليل مرات الظهور والنقرات. قد ترغب المواقع التي تعتمد بشكل كبير على الإعلانات في اختبار A / B باستخدام روابط الإرساء وجدول المحتويات.
إذا كنت تقوم بتغيير النطاقات أو كنت بحاجة إلى إضافة عمليات إعادة توجيه 301 ، فمن المهم ملاحظة أن معرف الجزء (#) لا يتم إرساله أبدًا إلى الخادم. يمكن أن يؤدي هذا إلى تعقيد الأمور إذا قمت بتغيير الأشياء الخاصة بك على طول الطريق باستخدام روابط الربط الخاصة بك. هناك طرق للتغلب على هذا باستخدام JavaScript ، لكن هذه ليست مهمة سهلة بأي حال من الأحوال.
قد ترغب أيضًا في التفكير في تغيير انتقال ارتباط الارتساء. بشكل افتراضي ، ستنتقل روابط الارتساء فجأة إلى المعرف أسفل الصفحة. هذا يمكن أن يكون مزعجا بالنسبة للبعض. يمكنك تغيير هذا بحيث يكون انتقالًا سلسًا للتمرير. هذا في الواقع ما نفعله على مدونة Kinsta. يمكنك استخدام مكون إضافي مجاني مثل Page scroll to id أو إضافة بعض CSS إلى موقعك ، مثل scroll-behavior: smooth;. يحتوي منشور Stack Overflow هذا على بعض النصائح الإضافية للمطورين.
كما هو الحال مع معظم نصائح وورد بريس ، هناك عدة طرق مختلفة يمكنك اتباعها لإضافة روابط الربط في وورد بريس. تحقق من هذه الطرق الثلاث المختلفة السهلة. ونعم ، هذه الروابط أدناه تستخدم نص الرابط. 😁
كيفية إنشاء روابط الربط في وورد بريس يدويًا
كيفية إنشاء روابط ارتساء في وورد بريس باستخدام البرنامج المساعد
كيفية إنشاء روابط ارتساء في وورد بريس باستخدام Gutenberg
الطريقة الأولى لإنشاء روابط الربط في وورد بريس هي ببساطة القيام بذلك يدويًا باستخدام HTML في كل من مشاركاتك. لنقم بإنشاء واحدة حتى تتمكن من معرفة كيفية عملها.
قم بإنشاء نص الارتباط الخاص بك وإضافة ارتباط تشعبي عليه كما تفعل عادةً لأي ارتباط آخر.
إنشاء ارتباط مرساة مع HTML
قم بإنشاء ارتباط مرساة باستخدام HTML
بدلاً من ربطه بعنوان URL أو منشور أو صفحة ؛ سوف تخصص لها اسم مرساة. تحتوي URIs التي تعين نقاط الارتساء على حرف “#” متبوعًا باسم الارتساء. يمكنك تسمية هذا أي شيء تريده ، على الرغم من أننا نوصي عادةً بإبقائها قصيرة ومرتبطة بالاسم الفعلي للرأس.
تريد أن تعرف كيف زدنا من حركة المرور لدينا أكثر من 1000 ٪؟
انضم إلى أكثر من 20000 آخرين ممن يتلقون رسائلنا الإخبارية الأسبوعية مع نصائح من الداخل حول وورد بريس!
إشترك الآن
إذا نظرت إلى عرض النص (HTML) يبدو كالتالي:
<a href="#manually-create-anchor-links-wordpress">How to Manually Create Anchor Links in WordPress</a>فيما يلي مثال على جميع روابط الارتساء التي نستخدمها في هذا المنشور:
<ul>
<li><a href="#manually-create-anchor-links-wordpress">How to Manually Create Anchor Links in WordPress</a></li>
<li><a href="#anchor-links-wordpress-plugin">How to Create Anchor Links in WordPress with a Plugin</a></li>
<li><a href="#anchor-links-wordpress-gutenberg">How to Create Anchor Links in WordPress with Gutenberg</a></li>
</ul>بعد ذلك ، تحتاج إلى إضافة معرّف على العنوان الذي تريد أن ينتقل رابط الارتساء إليه. للقيام بذلك ، ستحتاج إلى التبديل إلى عرض النص (HTML) في محرر وورد بريس. في الرأس ، في هذه الحالة ، رأس H2 ، أضف المعرف مع اسم المرساة الذي اخترته في الخطوة 2. يجب أن يكون اسم المرساة وسمة المعرف متماثلين تمامًا حتى يعمل الارتباط.
<h2 id="manually-create-anchor-links-وورد بريس">How to Manually Create Anchors Link in وورد بريس</h2>لا تريد أن تهتم برموز HTML في كل مرة؟ لا داعي للقلق ، فهناك بعض الإضافات المجانية الرائعة في وورد بريس التي يمكنك استخدامها لإضافة روابط إرساء بسهولة وحتى جدول محتويات لكل منشور.
واحدة من أسهل الطرق لإضافة رابط إرساء هي باستخدام البرنامج المساعد المجاني TinyMCE Advanced . يضيف هذا البرنامج المساعد بشكل أساسي وظائف إضافية إلى المحرر باستخدام أزرار الاختصار السريع. حتى كتابة هذا المقال ، يحتوي المكون الإضافي على أكثر من 2 مليون عملية تثبيت نشطة بمعدل 4.5 من تصنيف 5 نجوم.
البرنامج المساعد TinyMCE Advanced وورد بريس
البرنامج المساعد TinyMCE Advanced وورد بريس
بعد تثبيت البرنامج المساعد وتنشيطه ، انتقل إلى المنشور الخاص بك وقم بإنشاء ارتباط تشعبي على نص الرابط الخاص بك. بدلاً من ربطه بعنوان URL أو منشور أو صفحة ؛ سوف تقوم بتعيين اسم مرساة مع # قبله.
أضف اسم المرساة
أضف اسم المرساة
قم بتمييز العنوان الذي تريد ربطه به. ثم انقر فوق “إدراج” من الزر في الجزء العلوي وحدد “مرساة”. يظهر هذا الزر في المحرر بسبب المكون الإضافي TinyMCE Advanced.
أضف مرساة
أضف مرساة
أدخل اسم الرابط الذي قدمته في الخطوة 1 وانقر على “موافق”. يوفر لك هذا البرنامج المساعد الوقت لأنك لن تضطر أبدًا إلى ترك عرض المحرر المرئي. إذا كنت تقوم بذلك يدويًا باستخدام HTML ، فيجب عليك التنقل بين طريقتي عرض المحرر المرئي ومحرر النصوص (HTML).
معرف المرساة
معرف المرساة
ربما تريد تسريع العملية أكثر. 😄 إذا كنت تكتب الكثير من المحتوى المتعمق وترغب دائمًا في تضمين جدول محتويات (قوائم روابط الربط / قائمة الانتقال) في منشوراتك ، فعليك الاستفادة من البرنامج الإضافي لجدول المحتويات.
تبدأ تجربة المستخدم الأفضل مع مضيف موقع ويب أفضل. جرب Kinsta مجانًا .
أحد أفضل الإضافات المجانية هو Easy Table of Contents . يقوم هذا المكون الإضافي تلقائيًا بإنشاء روابط ربط لرؤوسك ويتيح لك إدراج جدول المحتويات في أي مكان في منشورك باستخدام رمز قصير بسيط. حتى كتابة هذا المقال ، يحتوي المكون الإضافي على أكثر من 30000 عملية تثبيت نشطة بمعدل 4.5 من تصنيف 5 نجوم.
من السهل جدول محتويات البرنامج المساعد وورد
من السهل جدول محتويات البرنامج المساعد وورد
بعد تثبيت المكون الإضافي وتنشيطه ، هناك بعض الإعدادات التي ربما تريد تغييرها. يمكن العثور عليها ضمن “الإعدادات ← جدول المحتويات”.
يتيح لك خيار “تمكين الدعم” اختيار أنواع المنشورات التي تريد استخدام جدول المحتويات فيها. على الأرجح هذا هو نوع “مشاركاتك”.
يمكنك بعد ذلك اختيار ما إذا كنت تريد إدراج جدول محتويات تلقائيًا أم لا أو إذا كنت تريد إدراجه يدويًا. ربما نوصي بعمل دليل إذا تغيرت مشاركاتك قليلاً.
يتيح لك خيار “إظهار الوقت” تحديد عدد العناوين التي يجب أن تتضمنها المنشور قبل ظهور جدول المحتويات. على سبيل المثال ، ربما لا تريد ظهور جدول محتويات في منشور قصير في المدونة ، لذلك من الأفضل القيام بأربعة رؤوس على الأقل أو أكثر.
إعدادات سهلة لجدول المحتويات
إعدادات سهلة لجدول المحتويات
لإدراج جدول المحتويات يدويًا ، ما [ez-toc]عليك سوى إدخال الرمز المختصر في المكان الذي تريده أن يظهر فيه في المنشور.
الرمز القصير EZ-TOC
الرمز القصير EZ-TOC
يتم بعد ذلك إنشاء جدول المحتويات تلقائيًا لجميع الرؤوس في المنشور. كم هو رائع هذا؟
جدول محتويات ووردبريس
جدول محتويات ووردبريس
يمكنك أيضًا إجراء المزيد من التغييرات في الإعدادات فيما يتعلق بما يجب أن يظهر ، والاستثناءات ، والمظهر ، وما إلى ذلك. على سبيل المثال ، ربما يكون لديك دائمًا عنوان “ملخص” في نهاية مشاركاتك. يمكنك إدخال هذا العنوان في قائمة الاستثناءات في الإعدادات حتى لا يتم تضمينه في جدول المحتويات.
البرنامج الإضافي لجدول المحتويات الآخر الذي قد ترغب في التحقق منه هو Shortcode جدول المحتويات . هذا مكون إضافي جديد في السوق ، لكنه طوره جيمس كيمب ، الذي سررنا بإجراء المقابلات معه.
هل تريد ببساطة إضافة روابط الربط على جميع رؤوسك تلقائيًا؟ ثم يجب عليك التحقق من البرنامج المساعد WP Anchor Header المجاني . سيؤدي هذا إلى إضافة روابط إرساء لجميع رؤوس H1-H6.
ملحق WP Anchor Header
ملحق WP Anchor Header
هذا مكون إضافي أساسي للغاية ولا توجد أي إعدادات. ما عليك سوى تثبيته وتنشيطه ، وأنت على ما يرام. سيحصل كل رأس تلقائيًا على اسم مرساة (مشتق من اسم الرأس) ، وحتى أنهم يحصلون على رمز رابط صغير رائع يظهر عند التمرير فوق الرأس. يتيح ذلك للزوار رؤية رابط هناك بسهولة يمكنهم نسخه إذا أرادوا ذلك.
روابط الربط التلقائية على الرؤوس
روابط الربط التلقائية على الرؤوس
محرر Gutenberg الجديد قاب قوسين أو أدنى ومن المتوقع أن يتم شحنه باستخدام وورد بريس 5.0. مع أنه تم تحسين ودعم مدمج لإضافة معرفات الارتساء إلى الرؤوس.
قم بتمييز العنوان في كتلة Gutenberg وانقر فوق “خيارات متقدمة” على الجانب الأيمن. سترى بعد ذلك خيارًا لإضافة نقطة ارتساء HTML.
أضف رابط HTML في محرر Gutenberg
أضف رابط HTML في محرر Gutenberg
إذا كنت تريد الارتباط به ، فما عليك سوى إنشاء ارتباط تشعبي على نص الرابط الخاص بك. بدلاً من ربطه بعنوان URL أو منشور أو صفحة ؛ سوف تقوم بتعيين اسم مرساة مع # قبله.
أضف رابط الارتساء في جوتنبرج
أضف رابط الارتساء في جوتنبرج
كما ترى ، هناك الكثير من الطرق الإبداعية لإضافة روابط الربط في وورد بريس. بعضها أسهل من البعض الآخر. إذا كنت تنشر الكثير من المحتوى الأطول ، فهذا يساعد زوارك في الوصول إلى المحتوى الذي يريدونه على الفور. لقد رأينا أيضًا روابط الإرساء تساعد في الحصول على “القفز إلى القوائم” في SERPs ، مما يساعد على زيادة نسبة النقر إلى الظهور في قائمتك العضوية.
هل تستخدم روابط الربط على موقع وورد بريس الخاص بك حتى الآن؟ إذا كان الأمر كذلك ، فنحن نحب أن نسمع تجربتك أو أفكارك.
وفر الوقت والتكاليف وحقق أقصى قدر من أداء الموقع من خلال:
مساعدة فورية من خبراء استضافة وورد بريس ، 24/7.
تكامل Cloudflare Enterprise.
يصل الجمهور العالمي إلى 28 مركز بيانات حول العالم.
التحسين من خلال مراقبة أداء التطبيقات المضمنة لدينا.
كل ذلك وأكثر من ذلك بكثير ، في خطة واحدة بدون عقود طويلة الأجل ، وعمليات الترحيل المدعومة ، وضمان استرداد الأموال لمدة 30 يومًا. تحقق من خططنا أو تحدث إلى قسم المبيعات للعثور على الخطة المناسبة لك.
