آموزش افزودن مسیر راهنما(breadcrumbs) در وردپرس

مسیر راهنما یک سیستم ناوبری(Navigation) بصری است که مکان جاری کاربر را در یک وب سایت یا اپلیکیشن نشان می دهد. این مسیرها معمولا به صورت لینک های متنی در کنار یکدیگر قرار می گیرند تا گام های طی شده توسط کاربران برای رسیدن به صفحه مدنظرشان را نشان دهد. مسیرهای راهنما معمولا در وب سایت هایی استفاده می شود که محصولات و خدمات خود را در طبقه های مختلفی دسته بندی کرده اند.

در تصویر زیر نمونه ای از breadcrumb فروشگاه اینترنتی دیجی کالا را مشاهده می کنید.

نمونه ای از مسیر راهنما در دیجی کالا

افزودن breadcrumbs در وب سایت

روش های مختلفی برای فعال سازی مسیر راهنما وجود دارد، اکثر قالب های آماده این ویژگی را به صورت پیش فرض در داخل قالب قرار داده اند. برخی دیگر نیز پشتیبانی کاملی از افزونه های معروف مثل Yoast SEO را به عنوان ویژگی خود معرفی کرده اند. توجه داشته باشید که افزونه یوست سئو علاوه بر سئوی سایت های وردپرسی به منظور افزودن مسیر راهنما نیز استفاده می شود. با این وجود پیشنهاد می کنیم قبل از تهیه یک قالب مخصوصا از نوع فروشگاهی حتما به این مهم توجه داشته باشید و تست های لازم را انجام دهید.

افزونه yoast seo

اگر می خواهید مسیر راهنما را به صورت دستی در قالب سایت تان قرار دهید می توانید از افزونه هایی مثل Breadcrumb NavXT یا Yoast SEO استفاده کنید. ما در این پست آموزشی مراحل کار را به کمک افزونه یوست انجام می دهیم چرا که به شما کمک می کند با یک تیر چندین نشان بزنید:

  1. وب سایت تان را سئو کنید.
  2. مسیر راهنما اضافه کنید.
  3. نقشه سایت(Sitemap) را برای موتورهای جستجو فعال کنید.

گام اول: نصب افزونه Yoast SEO

تقریبا درصد بالایی از مدیران وب سایت ها این افزونه را بر روی وب سایت شان نصب کرده اند، اگر شما اینکار را تاکنون انجام نداده اید از قسمت “افزونه ها” گزینه “افزودن” را انتخاب کنید، سپس در کادر جستجو کلمه “yoast” را وارد کرده و افزونه را نصب و فعال نمائید.

افزونه یوست سئو

گام دوم: تنظیمات یوست سئو

پس از نصب افزونه از منوی “سئو” گزینه “ظاهر جستجو/Search Appearance” را انتخاب کرده و در صفحه باز شده بر روی تب”مسیر راهنما” کلیک کنید. سپس از قسمت “تنظیمات مسیر راهنما” مطئمن شوید که گزینه “فعال شده” انتخاب شده باشد.

فعال سازی مسیر راهنما در یوست سئو

پس از اینکه گزینه “فعال شده” را انتخاب کردید تعدادی گزینه در زیر آن نمایش داده خواهد شد، می توانید بسته به سلیقه و ساختاری که در نظر دارید تنظیمات موردنیازتان را انجام دهید.

تنظیمات مسیر راهنما در افزونه یوست سئو

گام سوم: قرار دادن کد مسیر راهنما در قالب وب سایت

برای اینکه بتوانید از مسیر راهنما استفاده کنید باید کدهای زیر را در قالب وب سایت تان قرار دهید، عملا بدون انجام این مرحله گام های قبلی بی تاثیر خواهند بود. برای این منظور کد زیر را در فایل single.php و page.php قبل از تابع ()get_header قرار دهید، البته این مورد بستگی به طراحی شما دارد.

اگر از قالب های آماده استفاده می کنید اینکار را از از طریق Child Theme انجام دهید، قویا توصیه می کنیم که فایل ها را مستقیما تغییر ندهید چرا که در صورت بروزرسانی قالب کلیه تغییرات شما از بین خواهد رفت. اگر با فایل های قالب آشنایی ندارید پیشنهاد می کنیم مقاله آشنایی با مفهوم Template Hierarchy در وردپرس را مطالعه فرمائید.

<?php
   if (function_exists( 'yoast_breadcrumb' )) {
      yoast_breadcrumb( '<div class="breadcrumbs">', '</div>' );
   }
?>

نتیجه کار در تصویر زیر نشان داده شده است.

مسیر راهنما استارتاپ تاتس

دو نکته کاربردی

نکته ۱

به سطح آخر مسیر راهنما مکان یا Location گفته می شود، اگر می خواهید این سطح را از ساختار breadcrumbs حذف کنید کدهای زیر را در فایل functions.php قرار دهید. در این مثال از فیلتر wpseo-breadcrumb-links مربوط به افزونه یوست سئو استفاده شده است.

function breadcrumb_remove_last_link( $links ) {
    if( sizeof($links) > 1 ){
        array_pop( $links );
    }
    return $links;
}
add_filter( 'wpseo_breadcrumb_links', 'breadcrumb_remove_last_link' );

همانطور که ملاحظه می کنید سطح آخر که مربوط به عنوان مقاله بود حذف شده است.

فیلتر در افزونه سئوی وردپرس

نکته ۲

معمولا در مسیرهای راهنما سطح آخر به صورت لینک شده یا Hyperlink نیست و به مکانی ارجاع داده نمی شود. به همین دلیل پس از اعمال تغییرات بالا “بازاریابی اینترنتی” به عنوان سطح آخر شناخته خواهد شد و طبیعتا به جایی هم لینک نمی شود. برای حل این مشکل از کدهای زیر استفاده نمائید:

function breadcrumb_remove_last_link( $links ) {
    if( strpos( $link_output, 'breadcrumb_last' ) !== false ) {
        $link_output = '';
    }
    return $link_output;
}
add_filter( 'wpseo_breadcrumb_links', 'breadcrumb_remove_last_link' );

جمع بندی

مسیرهای راهنما ممکن است در نگاه اول خیلی ساده به نظر برسند اما در باطن وظیفه بزرگی بر عهده دارند و آن هم نشان دادن قدم های بازدیدکنندگان در مسیرهای پر پیچ و خم یک وب سایت است. همچنین آنها بر روی سئو یک سایت بسیار تاثیرگذار هستند چرا که گوگل عاشق breadcrumb است. اگر تاکنون از این قابلیت استفاده نکردید همین الان دست به کار شوید.

نظرات و سوالات کاربران

پاسخی بگذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *