كيفية إدراج ارتباطات ووردبريس التشعبية في ووردبريس (3 تقنيات)

نشرت: 2022-04-26

مجموعة كبيرة من قرارات التصميم التي ستتخذها في جميع أنحاء موقع الويب الخاص بك تشير إلى قابلية الاستخدام وتجربة المستهلك (UX). ما هو أكثر من ذلك ، محتوى موقع الويب - بشكل قياسي ، من خلال البحث في صفحات الويب الخاصة بالموقع - له الكثير من السعر. إذا تزوجت من كلٍّ من هؤلاء ، فستفكر غالبًا في وسائل لدعم تجربة المستخدم لمعلوماتك. تعد الروابط الخلفية لـ WordPress عنصرًا أساسيًا في تجربة المستخدم للمحتوى الخاص بك.

فكر في الارتباطات أحادية الاتجاه على أنها تنقل مضمن للكتابة المعنية. يمكنك اكتشافها في كل مكان ، ولكن العناوين هي حالة استخدام واسعة النطاق. هذا يسمح للقارئ بالقفز بالقرب من مكان ما إذا رغب في ذلك دون الحاجة إلى ضياع طريقه. إنه أمر UX رائد يجب مراعاته ، وهو شيء يجب أن يتخيله معظم مالكي منازل مواقع الويب.

لتوضيح مدى سهولة استخدامها ، ستظهر هذه المقالة على الروابط الخلفية لـ WordPress. قبل أن ندخل في التقنيات المتنوعة ، يمكنك دمجها ، دعنا نناقش ما هي ، وما الذي يمكن أن تفعله من أجلك.

ما هو اتصال المرساة

بالمعنى المعتاد ، فإن اتصال المرساة هو جزء قابل للنقر من التنقل المضمن. إنها مميزة لقطعة من المحتوى ، وسوف تأخذك إلى مستوى بعد ذلك على صفحة الويب. نستخدمها في WPKube لمساعدتك على القفز إلى الإجراءات المميزة في البرامج التعليمية:

رابط تثبيت WordPress في منشور WPKube.

إذا نقرت ببساطة على عنوان url ، فسيتخطى الموقع إلى الجزء ذي الصلة الذي تحدده. إنه تطبيق بسيط للغاية يمكن أن يكون له تأثيرات رائعة على سهولة استخدام موقع الويب الخاص بك. سنتحدث عن بعض هذه الظروف بعد ذلك.

لماذا تريد استخدام ارتباطات أحادية الاتجاه في WordPress

نذكر قابلية الاستخدام كحافز أساسي لاستخدام الروابط الخلفية لـ WordPress ، وهذا سبب رئيسي لاستخدامها. من ناحية أخرى ، هناك الكثير من سيناريوهات الاستخدام لإضافتها إلى موقع الويب الخاص بك. فمثلا:

  • إذا كنت ترغب في توفير محتوى مكتوب ضخم ومطول لقرائك (هذا النوع من المنشورات ذات 3000 مصطلح) ، فعادة ما يكون لديك جدول محتويات. هذا استخدام مُصمم خصيصًا لروابط الارتساء الداخلية.
  • يمكن أن تعمل المراسي أيضًا عند مشاركة منشورات الإشارات المرجعية. إذا كنت تحتوي على نقطة ارتساء داخل عنوان URL ، فسوف يرتد القارئ مباشرة إلى المرحلة التي تريده أن يراها.
  • يمكن تحسين البحث عن محرك البحث (تحسين محرك البحث) ، ويرجع ذلك أساسًا إلى أنه في بعض الظروف ، ستعرض محركات البحث هؤلاء الأشخاص روابط ربط أحادية الاتجاه في WordPress كمدخلات مختلفة.

باختصار ، إذا كنت تريد أن يظل جمهورك قريبًا من موقعك ، وأن يتفاعل مع مقالاتك ، فإن الروابط الواردة في WordPress هي سلاح حاسم في الصراع على حركة المرور. أما عن كيفية إضافتها إلى موقع الويب الخاص بك ، فسيظهر لك عدد الأقسام في المستقبل.

كيفية تضمين الروابط الخلفية لأي كود HTML

أساس تضمين الارتباطات التشعبية لـ WordPress هو HTML. في هذا الصدد ، يمكنك استخدامها على أي موقع إنترنت ، وليس فقط داخل WordPress. هناك جزأين: المرساة والعلامة.

أولاً ، ستعمل على زيادة رابط الارتساء كما تفعل مع أي ارتباط تشعبي آخر - باستخدام العلامات. للاتصال وحده ، ستستخدم "octothorpe" (المعروف أيضًا باسم إشارة التجزئة أو الجنيه) قبله مباشرة:

Click on further more down the web page

بعد قولي هذا ، إذا قمت بالنقر فوق هذا ، فلن ينتقل عنوان url إلى أي مكان. لجعله ينتقل إلى مكان ما ، ستقوم بتضمين الارتباط التشعبي href المتطابق id لاحقًا في المقالات ، دون الحاجة إلى octothorpe:

عنواننا الثابت

سيؤدي هذا إلى ربط كلتا العلامتين معًا ، وإنشاء التنقل المضمن الذي يجب أن يكون لديك. لاحظ أننا نستخدم علامة عنوان في هذه المقالة ، ولكن يمكن أن تكون أي علامة HTML. يمكنك استخدام علامات الفقرات أو علامات الصور أو أي جانب آخر من جوانب HTML الخاصة بك إذا كان ذلك سيجذب العملاء إلى ما يحتاجون إليه.

كيفية إضافة روابط ارتساء WordPress (3 طرق)

سنعرض لك حالة عالمية جادة في نقطة ارتساء الروابط الخلفية لـ WordPress الآن! إليك ما من المحتمل أن نتعامل معه في العدد التالي من الأقسام:

  • يمكنك تضمين نقاط ارتساء لميزات Block Editor ، والمعرفات المنشأة على المكونات الأخرى. هذا أمر محتمل أيضًا في Classic Editor أيضًا.
  • سيعطي بناة الموقع من هذا النوع مثل Elementor وحدة نمطية لتمكينك من إدراج روابط ارتساء WordPress أحادية الاتجاه للمواد.
  • هناك مكونات إضافية يمكنها زيادة الارتباطات التشعبية التلقائية للمحتوى الخاص بك ، والتي يمكن أن تساعد في توفير بعض وقت الإعداد.

في البداية ، سنبدو في طريقة الدليل. على الرغم من أنه يبدو صعبًا ، إلا أن تطبيق Block Editor يجعل هذا الأمر بسيطًا للغاية.

1. استخدم أسلوب إرشادي لإدراج ارتباطات واردة في محرر الكتل

بالنسبة لمعظم المستخدمين النهائيين ، يوفر Block Editor كل الأشياء التي ستحتاج إليها لزيادة ارتباطات WordPress الداخلية لمعلوماتك. للبدء ، سلط الضوء على جزء من النص الذي تريد إضافة رابط موقع ويب إليه ، كما تفعل مع ارتباط تشعبي:

اختيار نص على الصفحة لاستخدامه كارتباط تشعبي.

بعد ذلك ، قم بتحويل هذا إلى رابط موقع ويب باستخدام الخيار المناسب ، وأدخل علامة الارتساء الخاصة بك ، مسبوقة بـ octothorpe:

إضافة رابط لنص باستخدام المثمن.

ستعرف ما إذا كنت قد حصلت على هذا الأمر بشكل صحيح ، لأنك سترى كلمة "داخلي" بجوار الرابط الخلفي. بمجرد أن تحافظ على هذا ، توجه إلى قسم المحتوى المكتوب الذي ترغب في تعيين نقطة الارتساء عليه. نحن نتجه لاستخدام عنوان.

سترغب في التوجه إلى Block> الجزء عالي التطور في الشريط الجانبي المثالي ، وتنميته. هناك ، سترى نظام ارتساء HTML :

إضافة معرف إلى حقل ارتساء HTML داخل محرر الكتل.

هنا ، قم بتضمين نص عنوان url الخاص بك على WordPress ، بدون المثمن. هذا هو كل ما عليك القيام به ، وإذا قمت بفحص المعاينة المباشرة ، فسترى أن رابط موقع الويب الأساسي يعمل.

أضف روابط Anchor Back إلى Vintage Editor

طريقة المحرر النموذجي هي نوع من الهجين بين حل HTML اليدوي تمامًا وطريقة محرر الكتل. أولاً ، ستقوم بإدراج الارتباط التشعبي إلى المادة الخاصة بك في الصفحة المرئية فقط ...

إضافة نقطة ارتساء HTML إلى النص داخل المحرر الكلاسيكي.

... ثم ستنتقل إلى محرر المحتوى النصي وتضيف نقطة الارتساء إلى العامل المثالي:

استخدام محرر النصوص لإضافة معرف ارتباط مرساة.

عندما تعود مرة أخرى إلى المحرر المرئي ، سترى الرابط الخلفي قيد الإعداد ، لكنه قد لا يعمل بالشكل الذي تريده حتى تقوم بمعاينة كتابتك المكتوبة.

2. إدراج ارتباطات الارتساء الخلفية الاستفادة من المكون الإضافي لباني المواقع

تقدم معظم الإضافات الخاصة بباني الصفحات ، مثل Elementor أو Beaver Builder ، وحدات لتضمين ارتباطات تشعبية في مادة المحتوى الخاصة بك. يمكن أن تكون هذه متعددة الاستخدامات مثل HTML ، ويرجع ذلك أساسًا إلى أنها يمكن أن تذهب إلى أي مكان يمكن للوحدات النمطية الأخرى الوصول إليه.

على سبيل المثال ، في Elementor ، ستستخدم عنصر Menu Anchor:

عنصر مرساة قائمة العنصر.

لاستخدام هذا ، اسحبه إلى الموضع الذي اخترته. نقترح عليك وضعها مسبقًا في أي جوانب عنوان ، أو على الأقل قبل المنطقة التي ستحتاج إلى تثبيتها.

إضافة معرف إلى "مرساة القائمة" داخل Elementor.

في الوقت الذي تساعدك فيه على حفظ أشكالك المختلفة ، يمكنك فحص رابط الرابط. يستخدم منشئو المواقع الفريدون مجموعة متنوعة من الأساليب لإدراج ارتباطات ربط WordPress التشعبية ، وستجد أيضًا تطبيقات مختلفة في الواجهة الأمامية. ومع ذلك ، فإن المفهوم دقيق ، وستحصل أيضًا على الفوائد النهائية بالضبط.

3. استخدم مكونًا إضافيًا لتضمين ارتباطات عودة الارتساء التلقائية إلى موقعك

إذا كنت ترغب في إدخال المزيد من الأداء إلى صفحة الويب الخاصة بك ، ومساعدة الروابط الخلفية لربط WordPress الخاصة بك على التألق ، يمكنك استخدام البرنامج الإضافي لجدول المحتويات (ToC). هناك عدد من البرامج التي يمكن الوصول إليها ، ولكن معظمها لا يحتوي على تقييمات لأحدث إصدارات WordPress ، أو لا يحتوي على تحديثات متكررة على الإطلاق. ومع ذلك ، يقوم المكون الإضافي SimpleTOC بتحديد جميع الحاويات المناسبة:

البرنامج المساعد SimpleTOC.

بالطبع ، سوف تحتاج إلى إعداد وتفعيل المكون الإضافي بالطريقة المعتادة ، ثم التوجه إلى Block Editor. بعد ذلك ، احتفظ بمقالاتك ، ثم ابحث عن SimpleTOC Block:

العثور على كتلة SimpleTOC داخل WordPress.

بعد إضافة هذا إلى المنشور الخاص بك ، سيقوم على الفور بالاستيلاء على الروابط الخاصة بأي عناوين في مقالاتك. سيعرض ToC عناوين الأفراد ولن تضطر إلى تنفيذ أي علامات إرشادية.

إنشاء البرنامج المساعد SimpleTOC لجدول محتويات.

ومع ذلك ، يمكنك تقييد بعض العناوين من ToC إذا كنت ترغب في ذلك. إذا قمت بزيادة دورة CSS simpletoc-concealed إلى صناعة فئة (فئات) CSS الإضافية الخاصة بلعبة Heading Block ، فسيؤدي ذلك إلى إخفائها عن ToC الخاص بك. يمكنك العثور على هذا التخصص في نفس المكان مثل تخصص ارتساء HTML: في المربع> الشريط الجانبي المبتكر :

حقل (فئات) CSS الإضافية داخل Block Editor.

إنه تطبيق بسيط للغاية قد لا يتمتع بدرجة دقيقة من المرونة الشاملة كإجراءات كتيب ، ولكنه سريع ويتيح لك استخدام الارتباطات التشعبية لربط WordPress بطريقة عادية دون الحاجة إلى طاقة كبيرة.

في تلخيص

يعتبر لقاء المستخدم أمرًا بالغ الأهمية ، وباعتباره هذا النوع ، سترغب في التفكير في جميع الطرق التي يمكنك من خلالها قضاء وقتهم في مشكلة موقع الويب. يمكن أن تحقق روابط الارتساء الواردة في WordPress ذلك. إنها تساعدك على إنشاء تنقل مضمّن للمحتوى ، وفي التبديل ، سيساعد هذا المشترين في التمرير إلى المحتوى المكتوب الذي يحتاجون إليه دون قلق أو تأخير.

ظهر هذا المنشور في بعض الاستراتيجيات لدمج روابط ربط WordPress بموقعك. إليك ملخص سريع:

  • يمكنك دمجها كجزء من علامات HTML على أي موقع ويب ، وليس فقط WordPress.
  • يسمح لك محرر الكتلة بتضمين نقاط ارتساء بالطريقة الدقيقة التي تزيد بها الارتباطات التشعبية.
  • عادةً ما يكون لمنشئو مواقع الويب مثل Elementor وحدات نمطية مركزة للسماح لك بدمج نقاط ارتساء في المواد الخاصة بك.
  • يمكن لمكوِّن إضافي من هذا النوع مثل SimpleTOC أن يدمج روابط تثبيت WordPress تلقائية لموادك. في بعض الحالات ، يقوم المكون الإضافي بتحديث جدول محتوياته لمطابقة عناوين منشورك.

هل تشعر أن روابط الربط في WordPress تفيد سيو والمشاهدين لديك ، وإذا لم يكن الأمر كذلك ، فما الذي يساعدهم على التفاعل؟ اسمح لنا أن نعرف في جزء الردود أدناه!