بردکرامب (Breadcrumb) چیست: مزایای آن برای وبسایت و سئو

بردکرامب چیست؟

بردکرامب (Breadcrumb) یا خرده نان نوعی ناوبری ثانویه است که به‌عنوان راهبر در صفحه وب سایت به کمک کاربر می‌آید و به کاربر مسیر رسیدن به صفحه مورد نظر را نشان می‌دهد. معمولاً می‌توانید در وب‌سایت‌هایی که حجم زیادی از محتوا را به صورت سلسله مراتبی سازماندهی شده‌اند، بردکرامب ها را پیدا کنید. در ساده‌ترین شکل خود، بردکرامب ها پیوندهای متنی با چیدمان افقی هستند که با علامت (>) از هم جدا شده‌اند.

ممکن است کاربر از هر صفحه وارد صفحات دیگر شود و نداند در کدام نقطه از وب سایت قرار دارد، برای جلوگیری از سردرگمی کاربر نسبت به مکان حضورش، بریدکرامب به کمک کاربر می‌آید. پس‌ بردکرامب یکی از راه‌های نمایش مسیر بازگشت در طراحی لندینگ پیج یا طراحی صفحه اصلی وب سایت است.

Home > blog > what is breadcrumb?

کاربران از این مسیرها برای یافتن مسیر مقصد استفاده می‌کند، موتورهای جستجو هم با استفاده از برد کرامب ها صفحات را راحت‌تر و دقیق‌تر پیدا می‌کنند. همینطور با مقایسه محتوای صفحه با بردکرامب امکان حذف کلمات غیر مرتبط موجود در کلمات کلیدی را فراهم می‌کند.

معنی breadcrumbs چیست؟

معنی breadcrumbs در انگلیسی خرده نان است، در وبسایت یک مسیر ناوبری ثانویه راهنماست که به کاربر اطلاع می دهد در کدام صفحه وب سایت قرار دارد و با کلیک روی صفحات قبلی به آنها بتواند بازگردد.

انواع بردکرامب کدامند؟

انواع بردکرامب ها را می‌توان در اکثر سایت هایی که سلسله مراتب محتوایی دارند، مشاهده کرد که معمولاً به نوار آدرس اضافه‌ می شوند. بردکرامب می‌تواند بر اساس، نمایش مسیر یا ویژگی‌هایی که کاربر در طول طی کردن مسیر انتخاب کرده، دسته‌بندی شود:

1. بردکرامب صفحات مبتنی بر مکان

این رایج ترین نوع بردکرامب صفحات است که به معنای کلاسیک بازتاب سلسله مراتب اطلاعات اشاره دارد. با استفاده از Breadcrumbs مبتنی بر مکان، به کاربران این امکان را می‌دهیم که در چه سطحی از محصول هستند.

اگر محصول بیش از دو سطح داشته باشد، این ابزار قدرتمند است و همچنین برای کاربرانی که در صفحات سطح پایین وارد وب سایت می شوند بسیار پشتیبانی می کند. این یک راه مفید برای ارائه ناوبری به وب سایت های پیچیده است، مانند پلتفرم های پشتیبانی که دارای محتوای زیادی هستند.

2. بردکرامب صفحات مبتنی بر ویژگی

تشخیص تفاوت بین مکان و ناوبری مبتنی بر ویژگی ها می تواند کمی دشوار باشد. تفاوت اصلی این است که در حالی که پودرهای سوخاری مبتنی بر مکان فقط سطوحی از صفحات را در محصول نشان می‌دهند، براساس ویژگی‌ها دسته‌هایی را نشان می‌دهند که به طور فزاینده‌ای گسترده‌تر هستند.

3. بردکرامب مبتنی بر ویژگی

نام‌های بزرگ تجارت الکترونیک از این نوع طرح‌های ناوبری مانند آمازون و بهترین خرید استفاده می‌کنند و فهمیدن دلیل آن کار سختی نیست. این نوع ناوبری کاوش در محصولات را بسیار ساده تر می کند.

یکی از چیزهای مهم در مورد استفاده از این نوع طرح ناوبری در وب سایت های تجارت الکترونیک این است که کاربران می توانند برای کشف همان نوع محصول به یک دسته بروند. به عنوان مثال، شخصی که به صفحه کلید بلوتوث خاصی در آمازون نگاه می کند، می تواند با یک کلیک به لیست همه صفحه کلیدهای بلوتوث موجود برود.

4. بردکرامب مبتنی بر مسیر

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

این بدان معناست که ناوبری سیال است و مسیر خود را به هر کاربر نشان می دهد. با این حال، این نوع ناوبری وب سایت بحث های زیادی در صنعت طراحی UX بوجود آورده است. مسئله عمدتاً از این واقعیت ناشی می شود که استفاده از ناوبری مبتنی بر مسیر می تواند مزایای بسیار محدودی داشته باشد.

مزایای بردکرامب برای سئو و وب سایت

در اینجا فقط برخی از مزایای استفاده از بردکرامب در سئو و سایت آورده شده است.

1. راحتی استفاده برای کاربران

بردکرامب‌ها در درجه اول ابزار ثانویه به کاربران برای پیمایش یک وب سایت استفاده می شوند. با ارائه یک بردکرامب برای همه صفحات در یک وب سایت بزرگ چند سطحی، کاربران می توانند راحت تر به دسته های سطح بالاتر حرکت کنند.

2. افزایش سرعت رسیدن به صفحه مقصد و بازگشت

کلیک‌ها یا اقداماتی را برای بازگشت به صفحات سطح بالاتر کاهش می‌دهد به جای استفاده از دکمه «بازگشت» مرورگر یا پیمایش اصلی وب‌سایت برای بازگشت به صفحه سطح بالاتر، کاربران اکنون می‌توانند با تعداد کلیک‌های کمتری از ناوبری Breadcrumb استفاده کنند.

3. عدم اشغال فضا

معمولاً فضای صفحه نمایش را اشغال نمی کند، زیرا معمولاً به صورت افقی و سبک ساده هستند، مسیرهای بردکرامب فضای زیادی را در صفحه اشغال نمی کنند. مزیت این است که آنها از نظر بارگذاری بیش از حد محتوا تأثیر منفی کمی دارند یا اصلاً تأثیر منفی ندارند و اگر به درستی استفاده شوند، هیچ ضرری ندارند.

4. کاهش نرخ پرش

بریدکرامب می تواند راهی عالی برای ترغیب بازدیدکنندگانی که برای اولین بار صفحه فرود وب سایت شما را مطالعه می کنند، باشد تا صفحات بیشتری از وب سایت شما را ببینند. فرض کنید یک کاربر از طریق جستجوی “بردکرامب چیست؟” به صفحه‌ای از وب سایت شما وارد می‌شود، دیدن یک دنباله بریدکرامب ممکن است آن کاربر را وسوسه کند که برای مشاهده موضوعات مرتبط با علایق، روی صفحات سطح بالاتر کلیک کند. این به نوبه خود، نرخ پرش کلی وب سایت را کاهش می دهد. استفاده از بردکرامب باعث افزایش نرخ کلیک یعنی CTR می‌شود.

چه زمانی باید از بردکرامب Breadcrumbs استفاده کرد؟

برای وب‌سایت‌های بزرگ و وب‌سایت‌هایی که صفحاتی به‌صورت سلسله مراتبی دارند، از ناوبری بردکرامب استفاده کنید. یک سناریوی عالی، در طراحی سایت حرفه ای است که در آن محصولات متنوعی در دسته‌های منطقی دسته‌بندی می‌شوند.

برای وب سایت های تک سطحی که سلسله مراتب منطقی یا گروه بندی ندارند، نباید از بردکرامب استفاده کنید. یک راه عالی برای تعیین اینکه آیا یک وب‌سایت از ناوبری بردکرامب سود می‌برد، ساختن یک نقشه سایت یا نموداری است که معماری ناوبری وب‌سایت را نشان می‌دهد و سپس تجزیه و تحلیل می‌کند که آیا بردکرامب توانایی کاربر را برای پیمایش درون و بین دسته‌ها بهبود می‌بخشد. بردکرامب ها معمولاً جز پلاگین ها و امکانات سایت فروشگاهی هستند.

ناوبری Breadcrumb باید به عنوان یک ویژگی اضافی در نظر گرفته شود و نباید جایگزین منوهای ناوبری اولیه موثر شود. بریدکرامب یک ویژگی است که به کاربران امکان می دهد مکان خود را تعیین کنند و یک راه جایگزین برای پیمایش در وب سایت شماست.

اضافه کردن بردکرامب به قالب وردپرس

افزونه‌های بسیاری وجود دارند که به شما اجازه می‌دهند به‌سادگی BreadCrumb را به وب‌سایت وردپرس خود اضافه کنید. افزونه‌های همانند Yoast برای کاربران وردپرس یکی از این گزینه‌هاست. اما بهترین روش برای اضافه کردن بردکرامب به قالب، اضافه کردن مستقیم آن به کد قالب وب سایت است.

اضافه کردن بردکرامب با سایت وردپرسی با Yoast

برای افزودن بردکرامب به وب سایت وردپرس خود با استفاده از Yoast SEO، باید سه مرحله ساده را انجام دهید:

• افزونه Yoast SEO را نصب و فعال کنید
• اضافه کردن قطعه کد Breadcrumbs به قالب وردپرس شما
• فعال کردن و پیکربندی Yoast Breadcrumbs در تنظیمات افزونه

1. نصب و فعال سازی افزونه Yoast SEO

برای نصب افزونه Yoast SEO، به داشبورد وردپرس خود بروید و به Plugins > Add New بروید. سپس مخزن وردپرس را برای “yoast” جستجو کنید. وقتی افزونه Yoast SEO را مشاهده کردید، برای نصب و فعال سازی افزونه کلیک کنید.

2. قطعه کد Breadcrumbs را به Child theme وردپرس اضافه کنید

سپس باید یک قطعه کد کوتاه را به فایل های تم وردپرس اضافه کنیم. اگر قبلا این کار را نکرده اید، ایده خوبی است که یک تم کودک ایجاد کنید. برای این مثال، من به شما نشان می‌دهم که چگونه قطعه کد breadcrumbs را به قالب پیش‌فرض TwentyNineteen WordPress اضافه کنید.

می‌توانید کد را به هر فایل/الگوی تم اضافه کنید، اما در بیشتر موارد، آن را به فایل single.php (برای نمایش در همه پست‌ها)، فایل page.php (برای نمایش در همه صفحات) اضافه کنید. ، یا به فایل header.php خود (برای نمایش در سراسر سایت).

برای این مثال، من قصد دارم کد breadcrumbs را به فایل header.php تم فرزند خود اضافه کنم. پس از کپی کردن فایل header.php از موضوع اصلی، آن را برای ویرایش فایل در یک ویرایشگر کد مورد نظر خود باز کنید. سپس در پایین فایل header.php، قطعه php زیر را که توسط Yoast ارائه شده است اضافه کنید تا عملکرد Breadcrumbs فعال شود:

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

با این کار، بریدکرامب مستقیماً در زیر سربرگ همه صفحات نمایش داده می‌شود، که یک روش قرارگیری معمولی بردکرامب است.

3. فعال کردن و پیکربندی Yoast Breadcrumbs در تنظیمات افزونه

هنگامی که قطعه کد به پوسته وردپرس Child شما اضافه شد، تنها کاری که باید انجام دهید این است که Breadcrumbs را در تنظیمات افزونه Yoast SEO فعال کنید. برای انجام این کار، به داشبورد وردپرس خود بروید و به SEO > Search Appearance بروید و سپس روی برگه Breadcrumbs کلیک کنید.

در تنظیمات Breadcrumbs، مطمئن شوید که breadcrumbs را با تغییر دادن گزینه روی “enabled” فعال کرده اید. سپس می توانید تنظیمات بردکرامب را با توجه به نیاز خود پیکربندی کنید. همچنین ممکن است بخواهید یک طبقه بندی برای نمایش در بریدکرامب برای پست خود انتخاب کنید. برای این مثال، من می‌خواهم پست‌هایم را طوری تنظیم کنم که دسته‌ها را در خرده‌های سوخاری نشان دهد.

و تمام! بردکرامب شما در پوسته مورد نظر فعال شد. اگر شما هم نظری در مورد سوال بردکرامب چیست دارید و راه حلهایی برای فعال سازی آن در دیگر سیستم ها یا وبلاگها دارید : نظرتان را با ما و خوانندگان مطرح کنید.

چرا باید از بردکرامب Breadcrumbs استفاده کنیم؟

بیش از یک دهه است که استفاده از بردکرامب ها تثبیت شده است. اما به عنوان یک نوار ناوبری که در زیر منوی ناوبری اولیه ظاهر می شود، کانون توجه زیادی پیدا نکرده است.
علیرغم وضعیتشان، مسیرهای بردکرامب عنصری قدرتمند برای بهبود تجربه کاربری و افزایش تعامل هستند. از نقطه نظر تجاری، هم در کسب رتبه های برتر سئو و هم در نرخ تبدیل موثر عمل می کند.

بنابراین آیا باید در سایت خود بردکرامب داشته باشید؟ به کاربران خود نگاه کنید و یک سوال ساده بپرسید : آیا آنها از وجود این ناوبری ثانویه سود خواهند برد؟ من فکر می کنم این تنها سوالی است که واقعاً ارزش پرسیدن دارد.
ما در دیجیتال مارکتینگ آوادیس در تمام وب سایت هایمان از بردکرامب استفاده می کنیم.