فتات الخبز المنظمة للمخطط. فتات الخبز مع العلامات الصغيرة لـ WordPress. العلامات الدقيقة لفتات الخبز
تساعد مسارات التنقل المستخدمين على التنقل في بنية الموقع. على الرغم من أنه من الجدير بالذكر أنه في التصميم الحديث تراها أقل فأقل. ولكنها الآن يمكن أن تكون مفيدة ليس فقط للمستخدمين، ولكن أيضًا لمحركات البحث.
محركات البحث نفسها ممتازة في تحديد بنية الموقع. يستطيع جوجل، على سبيل المثال، بناء “فتات” من الصفحة الرئيسية للموقع إلى الصفحة المقصودة من سلسلة من الروابط وعرضها في مقتطف. ولكن من الأفضل وضع علامة على فتات الخبز باستخدام البيانات الجزئية. في القاموس بيانات Vocabulary.orgهناك نوع خاص لهذا - Breadcrumb.
قد يستمر تغيير تنسيق العلامات. حاليا، كافة الكائنات من النوع مسار التنقلترتبط ضمنيا مع بعضها البعض. يتم تحديد التسلسل في السلسلة من خلال تسلسلها في المستند. للربط الصريح للكائنات يوجد حقل فرعي. في هذه الحالة، يجب أن تكون الكائنات متداخلة داخل بعضها البعض (كما في المثال الخاص بي).
يبدو أنه يمكنك أن تقول وداعًا لوضع علامات على فتات الخبز في شكل قائمة غير مرتبة. ومع ذلك، وجدت طريقة لإنشاء البنية ذات الصلة المطلوبة. الخاصية itemref تأتي للإنقاذ.
من الناحية الفنية، والنتيجة هي نفس البنية تمامًا - قائمة "الفتات" المرتبطة بشكل واضح. كل ما تبقى هو التحقق عمليًا من كيفية تعامل Google مع هذه المشكلة.
تحديث:يقوم Google عادةً بربط الفتات معًا من خلال السمة itemref.
يوجد في Google Search Console عنصر "البيانات المنظمة".
الشكل 1 - أخطاء في العلامات الدقيقة
من الأفضل أن تبدأ بوضع علامات دقيقة على موقعك من خلال مراجعة هذا القسم. غالبًا ما يحدث أن أدوات فحص العلامات لا تظهر أي تحذيرات أو أخطاء، ولكن في الواقع تواجه محركات البحث صعوبات في تنظيم البيانات الموجودة على موقعك.
الشكل 2 - أخطاء ترميز Hentry الدقيقة
في حالتنا نرى أن هناك 106 خطأ يتعلق بترميز تنسيق hentry (microformats.org)
- العلامات الدقيقة المضمنة في قلب WordPress. نظرًا لأنه مدمج تلقائيًا ولا يتم تكييفه مع قوالب الجهات الخارجية، فهو في أغلب الأحيان لا يعمل بشكل صحيح، وهذا يؤدي إلى اكتشاف Google Search Console للأخطاء التالية:
الشكل 2.1 - أخطاء هنتري: المؤلف، عنوان الإدخال، محدث
ولكن، في الوقت نفسه، تشير أداة التحقق من العلامات الدقيقة من Google بهدوء تام إلى عدم وجود أخطاء ولا تحذيرات في هذا الصدد.()
الشكل 3 - لا يرى Google أخطاء hentry
سنستخدم على موقعنا الإلكتروني العلامات الدقيقة المعترف بها بالإجماع من قبل جميع محركات البحث - schema.org.
هذا المعيار مدعوم من قبل كل من Yandex وGoogle.
ولذلك، فإن إدخال العلامات الصغيرة المدمج، والذي يعطينا 106 خطأ في Google Search Console، يحتاج ببساطة إلى إزالته.
نظرًا لأنه تمت إضافة hentry إلى نواة WordPress، فإنه يسمح لك بإزالته من خلال المرشحات، لأن هذه الفئات غير مرئية في القوالب.
كود المصدر لإزالة hentry:
Add_filter("post_class", "fc_remove_hentry", 20); الدالة fc_remove_hentry($classes) ( if (($key = array_search("hentry", $classes)) !== false) ( unset($classes[$key]); ) إرجاع $classes; )
يجب إضافة الكود إلى jobs.php
يمكن القيام بذلك بأي طريقة مناسبة، على سبيل المثال، من خلال المحرر من لوحة إدارة الموقع.
الشكل 4 - إزالة علامة hentry من الموقع بأكمله
بعد حفظ الملف وإعادة التحقق من صحة الصفحة من خلال أداة فحص العلامات من Google، يجب أن يختفي hentry.
تحقق من عدة صفحات بها أخطاء للتأكد من إزالة hentry بالكامل من الموقع.
في Google Search Console، سترى اتجاهًا إيجابيًا في تقليل عدد الأخطاء. بمرور الوقت سوف تختفي تمامًا، كل ما عليك فعله هو الانتظار.
الشكل 5 - ديناميكيات إيجابية في تقليل أخطاء الهنتري
كيفية إزالة الخطأ:
خطأ: حقل http://ogp.me/ns#image مفقود أو فارغ
الشكل 6 - خطأ في فتح الرسم البياني ns#image
عليك أن تفهم أن هذه الأنواع من الأخطاء مرتبطة بالعلامات الدقيقة المسجلة بالفعل. أي أن الموقع إما يحتوي على علامة صغيرة مضمنة أو تمت إضافة شخص آخر مسبقًا، والذي يحتوي على أخطاء.
يحدث هذا غالبًا عندما لا يتم تكوين المكونات الإضافية المسؤولة بشكل مباشر أو غير مباشر عن العلامات الدقيقة بشكل صحيح.
في حالتنا، يحتوي الموقع على مكون إضافي - SEO Ultimate، والذي يحتوي على قسم خاص مسؤول عن ترميز الرسم البياني المفتوح. وهذا يعني أن الخطأ المرتبط بـ http://ogp.me موجود خصيصًا في مكون SEO Ultimate الإضافي.
انتقل إلى المسار التالي SEO Ultimate -> فتح الرسم البياني -> القيم الافتراضية -> الصورة الافتراضية
نجد إعداد الصورة الذي سيتم تطبيقه افتراضيًا على صفحات الموقع التي لم يتم العثور على الصورة المطلوبة عليها.
الشكل 7 - كيفية إصلاح خطأ Open Graph ns#image
نضيف عنوان URL للصورة التي نود رؤيتها افتراضيًا. اسمحوا لي أن أذكرك أن بروتوكول Open Graph مسؤول عن عرض المنشورات الجميلة على الشبكات الاجتماعية وFacebook وTwitter وVKontakte وما إلى ذلك. أي أن هذه الصورة التي قمت بتعيينها افتراضيًا ستظهر في منشورات الشبكة الاجتماعية وإعادة النشر وما إلى ذلك. اختاري تصوير فوتوغرافي ذو علامة تجارية ومحترمة.
بعد حفظ التغييرات، يختفي الخطأ.
الشكل 8 - خطأ في الرسم البياني المفتوح ns#article
ولكن لا يزال هناك خطأ يتعلق ببادئة المقالة غير المعروفة.
نحن نعلم بالفعل أن لدينا البرنامج المساعد SEO Ultimate مثبتًا على موقعنا. نواصل الحفر في نفس الاتجاه.
الشكل 9 - كيفية إصلاح خطأ Open Graph ns#article
قم بتثبيت نوع الرسم البياني المفتوح – موقع الويب.
الشكل 10 - ترميز الرسم البياني المفتوح الصحيح
بعد كل التغييرات، لم يعد مدقق ترميز Yandex ينتج أي أخطاء:
الشكل 11 - ترميز الرسم البياني المفتوح الصالح
إضافة علامات فتات الخبز
فتات التنقل هي سلسلة من الروابط من الصفحة الرئيسية إلى الصفحة التي يتواجد فيها المستخدم حاليًا.
تحتاج أولاً إلى تحليل الموقع لوجود فتات الخبز.
الشكل 12 - فتات الخبز في الموقع
هناك فتات الخبز على الموقع. الآن عليك أن تفهم كيف يتم اشتقاقها. في الكود المصدري لمسارات التنقل نجد اسم البرنامج الإضافي الذي تعمل به - Breadcrumb NavXT 4.0.2
الشكل 13 - إخراج مسارات التنقل عبر Breadcrumb NavXT
افتح لوحة الإدارة الخاصة بموقعنا وانتقل إلى تحرير المكون الإضافي Breadcrumb NavXT.
الشكل 14 - إعدادات التنقل التفصيلي NavXT
نحن مهتمون بنماذج لأنواع مختلفة من الصفحات: للصفحة الرئيسية، للمدونة، للأقسام، وما إلى ذلك. عليك أن تفهم أن كل موقع سيكون مختلفًا.
في حالتنا نحن مهتمون بما يلي:
- قالب رابط صفحة المدونة
- قالب المنزل
- قالب فئة المدونة
- قالب رابط الفئة
جميع القوالب لها نوع قياسي:
للحصول على البيانات الجزئية الصحيحة، نحتاج إلى ترميز كود المصدر هذا باستخدام معيار http://schema.org/BreadcrumbList
- فساتين
- فساتين حقيقية
دعونا نلقي نظرة على العناصر التي يحتوي عليها الترميز وكيفية استخدامها:
itemscope itemtype=”http://schema.org/BreadcrumbList”
يمثل هذا العنصر بداية المنطقة المحددة. كل ما سيكون داخل هذا العنصر هو وضع علامات على فتات الخبز.
في المثال، يقع العنصر داخل قائمة مرقمة - علامة
- تثبيت مسارات التنقل على مدونة WordPress الخاصة بك (أردت ذلك بدون مكون إضافي حتى لا يتم تحميل الموقع)،
- وإعداد العلامات الدقيقة (بدونها، فتات الخبز قليلة الفائدة).
- المزيد من النقرات يعني المزيد من الحركة إلى الموقع،
- تشير نسبة النقر إلى الظهور للمقتطف إلى عوامل سلوكية، وكلما ارتفعت، أصبح من الأسهل على المورد الصعود إلى الأعلى لإجراء الاستعلامات الضرورية.
- هناك فتات على الموقع - لا توجد علامات دقيقة - مقتطف عادي بعنوان URL.
- هناك فتات - هناك علامات صغيرة - مقتطف محسن.
- يجذب المقتطف الموسع بسبب مسار التنقل انتباه مستخدم محرك البحث بشكل أكثر نشاطًا، مما يزيد من احتمالية نقره على الرابط؛
- يؤدي وجود مسارات التنقل في نتائج البحث إلى تقليل الوقت المستغرق في البحث عن المعلومات الضرورية بسبب التنقل الواعي حول الموقع؛
- إن المقتطف المكمل بسلسلة التنقل، وفقًا لبعض أدوات تحسين الأداء، يزيد من أهمية الصفحة في نتائج Google.
هذا ليس ضروريا، يمكنك استخدامه
عليك أن تنظر إلى الظروف وتتذكر أن ذلك يعتمد على العلامة التي تستخدمها مثل CSS والاتصال بمسارات التنقل. وهذا يعني أن مظهر مسارات التنقل يعتمد على العلامات التي تضع إطارًا لـ http://schema.org/BreadcrumbList فيها.
في حالتنا، سنضيف هذا السطر من التعليمات البرمجية عبر الكود المصدري لعنصر واجهة المستخدم breadcrumb_navxt_widget.php
نظرًا لأن هذا الملف لا يمكن الوصول إليه من خلال محرر التعليمات البرمجية القياسي للوحة إدارة WordPress، فسنستخدم الوصول عبر FTP عبر filezilla.
الشكل 15 - إعدادات عنصر واجهة المستخدم Breadcrumb NavXT
نجد جزءًا من التعليمات البرمجية المسؤولة عن العلامات الدقيقة، ونحتاج على وجه التحديد إلى علامة تحدد إطار هذه العلامات.
الشكل 16 - الكود الذي يقوم بتأطير Breadcrumb NavXT
نجد الكود التالي في ملف breadcrumb_navxt_widget.php:
صدى صوت"
"؛ وتغييره: صدى "نقوم بحفظ الملف والكتابة عليه على الخادم، ونتيجة لذلك نحصل على ما نحتاج إليه.
الشكل 17 - تعيين ترميز BreadcrumbList
يشير إلى عضوية جديدة في نوع بيانات مختلف - schema.org/ListItem
ويصف أيضًا الخاصية - itemListElement. تنطبق هذه الخاصية بالفعل على العناصر المحددة في مسارات التنقل. أي أننا بحاجة إلى استخدام هذه الخاصية في كود المصدر الخاص بنا عند إخراج فتات الخبز مباشرةً.
في حالتنا، سوف نستخدم هذا في البرنامج المساعد Breadcrumb NavXT.
إلى بداية الكود المسؤول عن قطط الخبز -
سنضيف السطر:
تحتاج إلى ترميز العنصر itemprop=”item”؛ ومن المثال نرى أنه مسؤول عن ترميز عنوان URL لمسار التنقل.
قم بإضافته قبل href=”%link%” وينتهي بنا الأمر إلى:
بعد ذلك، نقوم بوضع علامة على خاصية itemprop=”name”، أي الاسم الذي يتوافق مع عنوان URL الخاص بنا، والذي قمنا بوضعه بالفعل. نحتاج إلى %htitle%، وهو المسؤول في حالتنا عن الاسم المطلوب، ليتم تأطيره باستخدام خاصية itemprop=”name”.
نحن نحصل
%htitle%
في النهاية، نحتاج إلى إضافة تسمية لموضع العنصر في النظام الهرمي باستخدام خاصية itemprop=”position”.
للقيام بذلك، قم بإضافة سطر من التعليمات البرمجية
الشيء الرئيسي هو أن تفعل كل شيء بعناية وضمن حدود مفتوحة.
وهكذا، بناءً على كود المصدر المتاح:
وبالاعتماد على المثال، يتم الحصول على الكود التالي:
سنقدم أيضًا أمثلة على رموز الترميز الجاهزة لبرنامج Breadcrumb NavXT.
مع العلامات الصغيرة:
ونتيجة لذلك، بعد إضافة العلامات الصغيرة بنجاح، سنرى نتائج التحقق التالية باستخدام .
الشكل 18 - ترميز مسار التنقل الصحيح
فيديو
نزل: 772578776588
اوجرن: 315774600103615
أوكبو: 0194004627
أوكتمو: 45914000000
أوكاتو: 45296559000
ص / ق: 40802810300310000244
في فرع JSCB "بنك موسكو" (OJSC) "Perovskoye"
الكود: 30101810500000000219
بيك: 044525219
العنوان الفعلي: موسكو، طريق إنتوزياستوف السريع، مبنى 56، مبنى 26، مكتب 304
العنوان القانوني: 115191، موسكو، شارع روششينسكي الرابع، 16/7
تحيات أصدقاء. اليوم هو الذكرى الـ 400 لتدوينة على مدونتي. وبمناسبة هذا التاريخ، أردت حقًا تقديم بعض المحتوى المفيد حقًا بحيث يكون مثيرًا للاهتمام ومفيدًا وذو صلة. وظهر موضوع مثل هذا المقال فجأة - أردت أن أفهم كيفية تكوين المقتطفات الجميلة في البحث، ولكن في نفس الوقت بحثت في موضوعين آخرين:
عنصر التنقل
لقد سمعت وقرأت عن مسارات التنقل منذ فترة طويلة، لكنني لم أتمكن حقًا من فهم مدى استخدامها لمدونة عادية ذات بنية بسيطة ومفهومة. احكم بنفسك، لدي صفحة رئيسية، جميع المشاركات مقسمة إلى فئات وهذا كل شيء. أي أن الحد الأقصى للمسار من الصفحة الرئيسية إلى المقالة النهائية هو نقرتان. تحتوي كل مقالة على رابط للفئة التي تنتمي إليها، لذلك ببساطة لا يوجد مكان يضيع فيه الزائر.
إنها مسألة أخرى إذا كان الموقع معقدًا وبنيته بحيث يمكنك المشي في دوائر لمدة نصف ساعة وعدم العثور على ما تبحث عنه. إذا كان لديك متجر على الإنترنت يحتوي على عشرات الفئات، كل منها مقسم إلى عناوين فرعية، تلك بدورها، ثم أخرى، ثم يتم تقسيم كل منتج إلى ألوان - هنا أفهم أهمية فتات الخبز - يحتاجها المستخدم كعنصر تنقل و.
بالمناسبة، جاء اسم "فتات الخبز" من هذا؛ في البداية كان مجرد التنقل على الموقع. تذكر الحكاية الخيالية "هانسيل وجريتل"، حيث ألقى الأطفال قطعًا من الخبز في طريقهم حتى يتمكنوا لاحقًا من العثور على طريق العودة. في الحكاية الخيالية، لم تساعدهم هذه الطريقة كثيرًا، لكنها كانت مفيدة لمواقع الويب.
ظهور المقتطف في نتائج البحث
لذلك، لم أر المعنى في مثل هذه الأداة لمدونتي حتى صادفت المعنى الثاني للفتات - اتضح أنهم لا يرونهم فقط من قبل الأشخاص، ولكن أيضًا من خلال محركات البحث. ولا تنظر إليها محركات البحث على أنها روابط داخلية تؤثر على ربط وتوزيع وزن الصفحة فحسب، بل تعتبرها أيضًا عنصرًا مهمًا للتنقل. يستخدم Yandex وGoogle هذا العنصر لإنشاء مقتطف. لا أريد أن أخبرك لفترة طويلة كيف يبدو الأمر، فمن الأفضل أن تراه مرة واحدة بأم عينيك:
المقتطف هو عرض لموقع ما في نتائج البحث.
كلما كان المقتطف أكثر جاذبية، زادت نسبة النقر إلى الظهور، مما يعطي على الفور تأثيرًا مزدوجًا:
النقطة الوحيدة التي لم تكن واضحة بالنسبة لي هي أن هذه الروابط هي فتات الخبز، وليس أي شيء آخر. أوافق، تحتوي الصفحة من أي مقال بالمدونة على روابط أخرى للفئة وللصفحة الرئيسية (القائمة العلوية، الفئات في الشريط الجانبي، رابط للفئة الموجودة في الكتلة مع البيانات التعريفية للمقالة).
ليس شخصًا، لا يستطيع أن ينظر إلى الصفحة ويفهم - هذا الرابط من القائمة، وهذا من نص المقال، وهذا كسرة خبز.
اضطررت إلى التمرير عبر المنتديات وقراءة العديد من المدونات. في معظم الحالات، يكتبون فقط عن الحاجة إلى الفتات ويقومون بتحسين سهولة الاستخدام والمقتطف، ثم يكتبون تعليمات لإعداد المكون الإضافي Breadcrumb NavXT (Breadcrumb هو فتات الخبز باللغة الإنجليزية) أو يقدمون رمز التنفيذ بدون مكون إضافي - و هذا كل شيء. لدي انطباع بأن معظم مشرفي المواقع ليس لديهم أي فكرة عن كيفية العمل بشكل صحيح مع هذا العنصر ولا ينظرون إليه إلا كعنصر من عناصر ربط الصفحة الداخلية.
تظهر نتائج Google أن ما لا يزيد عن 10% من المواقع تحتوي على مسارات التنقل الصحيحة في ترسانتها، بينما تعمل بقية المواقع بالطريقة القديمة، حيث تعرض عنوان URL للصفحة في المقتطف.
العلامات الدقيقة لفتات الخبز
لم أكن كسولًا جدًا، فقد ذهبت إلى البحث وقمت بتحليل كيفية إنشاء Breadcrumb على مواقع مختلفة وكيف تبدو هذه المواقع في البحث. لقد تبين أن نظريتي صحيحة:
لقد استخرجت كل ما أحتاجه، واليوم سأخبركم عن فتات الخبز من الألف إلى الياء. ومن الناحية الفنية، فإن وضعها على الموقع لا يمثل حتى نصف المعركة - فهو يمثل 10%. الميزة الرئيسية التي ستجلب فوائد حقيقية هي العلامات الدقيقة.
الفائدة الرئيسية ليست في فتات الخبز، ولكن في العلامات الدقيقة الصحيحة للمقتطف.
لقد تعرفت على العلامات الدقيقة كمفهوم منذ بضعة أشهر فقط. لم أفهم الكثير حينها، لكني حاولت إعداد العناصر الأساسية للمقالات والتعليقات. كتب بعض المدونين أن هذا يكاد يكون زرًا سحريًا يدفع المواقع إلى القمة (معظمهم من طلاب مدرسة المدونين التابعة لألكسندر بوريسوف) - لا أعرف لماذا قرروا ذلك. بدا لي مشكوكا فيه على الفور، ولكن الآن أستطيع أن أقول بالتأكيد - لمدة شهرين من وجود العلامات الصغيرة على موقعي، لم ألاحظ أي تحركات ملحوظة في نتائج البحث للاستعلامات الترويجية.
في حالة وضع علامة على فتات الخبز، يجب أن يكون الوضع مختلفًا، فلن ننتظر أي تحركات في نتائج البحث العضوية، ولكننا سنعتمد على ما قلته أعلاه - وهو تحسن في إمكانية النقر على المقتطفات والكعك المقابلة (النمو بسبب العوامل السلوكية).
فتات الخبز على WordPress بدون مكون إضافي
لذلك انتقلنا من المحادثات "لماذا وماذا" إلى المحادثات "كيف نفعل ذلك". لقد تخلصت على الفور من المكون الإضافي Breadcrumb NavXT، لأنه ليس من المنطقي "طلب التعديل مع ملف"، ولا يعرف كيفية عمل العلامات الدقيقة بنفسه. هناك خيار آخر - البرنامج المساعد WordPress SEO SEO by Yoast، يمكنه أيضًا إنشاء فتات الخبز، لكن ليس لدي رغبة في تغييره. الخيار الوحيد المتبقي هو استخدام البرنامج النصي أو الوظيفة.
إذا قررت تثبيت مسارات التنقل على WordPress، فقم بذلك بدون مكونات إضافية - سيكون الموقع أقل تحميلًا وسيكون هناك المزيد من الفرص لتكييف الكود.
الخطوة 1. وظيفة wp_zhilin_krohi
منذ أن بدأت للتو في تعلم أساسيات PHP، أصبحت مهتمًا بإنشاء وظيفة بنفسي تعرض مسارات التنقل على مدونتي. حدسيًا، رأيت أنه لا ينبغي أن تكون هناك أي مشاكل، نظرًا لأن جميع العناصر الفتاتية معروضة بالفعل في القالب، ما عليك سوى أخذها وترتيب الروابط الضرورية كما هو متوقع.
وبالنظر إلى المستقبل، سأقول إنني تمكنت من إنشاء الوظيفة الأكثر إحكاما (قراءة خفيفة وسريعة) التي وجدتها على مواقع أخرى.
تم إصدار الإصدار الأول من الكود بسرعة، لكنني لم آخذ في الاعتبار نقطة واحدة - يجب ألا يعرض الكود روابط إلى الموقع فحسب، بل يحتوي أيضًا على علامات دقيقة، ولكن كان هناك كمين به - تكرر الكود الخاص بي أخطاء العديد من مشرفي المواقع - بسبب التنفيذ القياسي للمخرجات، لم ينجح توزيع الروابط على عناصر تضمين العلامات.
كان علي أن أبدأ من جديد، بالاعتماد على وظائف WordPress PHP الأبسط (لكنني تعلمت شيئًا جديدًا). ونتيجة لذلك، حصلنا على الوظيفة wp_zhilin_krohi(في المرة الأولى التي قمت فيها بتسمية وظيفة باسمي - لطيفة)، والتي تعرض مسارات التنقل على الصفحات التي تحتوي على مقالات وعلى صفحات الفئات. يتم أخذ جميع الفئات الرئيسية (بغض النظر عن عددها) في الاعتبار تلقائيًا ويتم تغليف كل عنصر بعلامات دقيقة.
بالنسبة للمقالات، تبدو الفتات كما يلي:
الصفحة الرئيسية > عنوان الوالدين (إن وجد) > الفئة > المقالة
الصفحة الرئيسية > فئة الوالدين (إن وجدت) > الفئة >
لدي مخاوف من أن عنوان المقالة في مسارات التنقل سيؤدي إلى إرسال بريد عشوائي إلى الصفحة بالكلمات الرئيسية. لقد قدمت طلبًا حول هذا الأمر إلى الدعم الفني لـ Yandex، ردًا على ذلك كتبوا أنه إذا لم يكن هذا يهدف إلى خداع محركات البحث، فلا ينبغي أن تكون هناك عقوبات، ولكن يتم أخذها في الاعتبار. هنا هو الجواب:
لذا، إذا كنت تعتقد أن التكرار غير الضروري لعنوان المقالة سيزعجك، فاحذف الأسطر من 17 إلى 20.
هذه هي الوظيفة نفسها، تحتاج إلى إضافتها إلى ملف jobs.php الخاص بموضوعك، قبل الملف الختامي؟> (يتم ذلك مباشرة من خلال لوحة الإدارة، حتى أنك لا تحتاج إلى عميل FTP):
/*** فتات مع علامات صغيرة ***/ الدالة wp_zhilin_krohi() ( if (!is_home()) ( echo " بيت" "; ) إذا (is_category() || is_single()) ( $cats = get_the_category(); foreach ($cats as $cat) ( echo " term_id)."" > " .$cat->name."" "; ) ) if(is_single()) ( the_title(); ) );
يتم دمج العلامات الصغيرة على الفور في رمز الوظيفة ويتم عرضها تلقائيًا مع كل رابط.
الخطوة 2. عرض الوظيفة على الصفحات
لكي تظهر سلسلة الروابط التي أنشأناها على الصفحات، تحتاج إلى فتح ملف سمة WordPress الخاص بك، وهو المسؤول عن نوع الصفحة المقابل، وإدراج الكود الذي يستدعي الوظيفة فيه:
كحد أدنى، تحتاج إلى ملف Single.php (يعرض المشاركات) - يُطلق عليه دائمًا نفس الاسم تقريبًا، ثم يعتمد ذلك على القالب، في مكان ما يتم عرض صفحات الفئات من خلال archive.php، في مكان ما من خلال Index.php - ستجد واحد تحتاجه.
في هذا الملف، تحتاج إلى العثور على المكان الذي ترغب في رؤية الفتات فيه. يتم وضعها عادةً في الجزء العلوي من الموقع (قبل عنوان المنشور) كعنصر تنقل. ابحث عن هذا الجزء من الكود - php the_title، وأدخل مخرجات الوظيفة الموجودة أمامه (انظر إلى التصميم الذي يناسبه).
لا يتم وضع مسار التنقل دائمًا في أعلى الصفحة، فهناك استثناءات. لنفترض أنك تحتاجها فقط لعرض مقتطف، ثم يمكنك وضعها في الطابق السفلي - سترى محركات البحث العلامات الدقيقة هناك. تم تنفيذ هذا الخيار على مدونة سيرجي سوسنوفسكي - لديه كتلة منفصلة في الأعلى للمستخدمين، لكنها لا تحتوي على علامات دقيقة، ويتم عرض فتات الخبز ذات العلامات الصغيرة في التذييل (لا أفهم حقًا السبب، على الرغم من ذلك) ):
الخطوة 3. التصميم
يجب أن يكون مظهر أي عنصر في الصفحة متناغمًا مع تصميم موقعك، لذلك لا يوجد حل واحد لكل مدونة.
لقد قمت بإعداد نفس الشيء على مواردي - لقد قمت بتقليل خط مسارات التنقل مقارنة بالمحتوى الرئيسي. للقيام بذلك، لم أقم حتى بإنشاء أنماط منفصلة في ملف style.css، لكنني أرفقت الوظيفة في حاوية div وحددت معلمة واحدة فيها - حجم الخط (ربما لاحظت ذلك في لقطة الشاشة أعلاه):
جميع خصائص مسارات التنقل الأخرى موروثة من أنماط السمات. لإجراء إضافات صغيرة (تغيير الخط، لون النص، وما إلى ذلك)، حدد الخصائص الضرورية في نفس الحاوية.
إذا كنت ترغب في تغيير تصميم سلسلة الروابط المعروضة بشكل جذري (إنشاء بعض الصور أو الأزرار)، فقم بتخصيص فئة خاصة لها، على سبيل المثال، مثل هذا:
هذا هو المكان الذي ستكون فيه معرفتك بأوراق أنماط CSS المتتالية وذوق التصميم في متناول يديك (إذا قمت بالتصميم بنفسك).
التحقق من العلامات الدقيقة لفتات الخبز
بعد القيام بكل شيء، تأكد من التحقق من التشغيل الصحيح للعلامات الدقيقة في أدوات التحقق الخاصة من Yandex وGoogle، فأنت لا تعرف أبدًا، ستظهر بعض الأخطاء:
webmaster.yandex.ru/microtest.xml Developers.google.com/structured-data/testing-tool/ (45 صوتًا، المتوسط: 4.7 من 5)يمكن أن تكون عادية، وتتضمن فقط اسم الصفحة ورابطها ووصفًا مختصرًا، أو موسعة بعناصر إضافية: الصورة والعنوان ورقم هاتف جهة الاتصال وما إلى ذلك. لبعض الوقت الآن، ما يسمى فتات الخبز ، تم اقتراحه لأول مرة بواسطة محرك بحث Google.
ما هي فتات الخبز؟
تُعد مسارات التنقل، التي تعتمد على العلامات الدقيقة من Google، طريقة خاصة لتكملة المقتطف بسلسلة تنقل توضح مكان الصفحة في التسلسل الهرمي للموقع. في الواقع، تستبدل مسارات التنقل الرابط العادي في البحث باسم الأقسام والأقسام الفرعية التي توجد بها صفحة الويب. ويعطي محرك البحث المثال التالي:
كما ترون، دقة عنوان URL باستخدام مسارات التنقل فنون› كتب› شعر ذ (روس. – فن › كتب › شعر ) يسمح لك بتحديد موقع الصفحة بدقة في بنية مورد الويب.
وما علاقة "الخبز" و"الفتات" به؟
انه سهل. تم تصميم سلسلة تنقل تسمى "فتات الخبز" لتتبع المسار إلى صفحة معينة على طول التسلسل الهرمي للموقع بأكمله. وبطريقة مماثلة، حاول أبطال الحكاية الخيالية الألمانية "هانسل وجريتل" إيجاد الطريق إلى المنزل من الغابة، باستخدام فتات الخبز المتناثرة سابقًا على طول طريق رحلتهم. ومن هنا جاءت العبارة غير العادية التي اقترضتها.
لماذا هناك حاجة فتات الخبز؟
يمكن أن يكون استخدام فتات الخبز نتيجة لعدة أسباب:
بالنسبة للعديد من مشرفي المواقع، تعتبر هذه العوامل حجة مقنعة لصالح إدخال مسارات التنقل المشهورة في نتائج البحث. اقرأ عن كيفية القيام بذلك في الفقرة التالية.
كيفية تنفيذ فتات الخبز بنفسك؟
أولاً، يمكنك إعداد مسارات التنقل "يدويًا" عن طريق إجراء التغييرات اللازمة على كود الموقع بنفسك. يتضمن هذا الخيار استخدام البيانات الجزئية من Google، وهي البيانات الجزئية أو RDFa. في حالة العلامات عبر بيانات جزئية قد يبدو رمز مسار التنقل كما يلي: