انواع breadcrumb و کاربرد آن در طراحی سایت

اصطلاح breadcrumb را میتوان اشاره ای دانست به داستان هانسل و گرتل که با استفاده از دنبال کردن تکه های نان راه خانه را یافتند.اما در واقع این اصطلاح به معنای رشته های دنباله داری است که برای راهنمایی کاربران مورد استفاده قرار میگیرد. Breadcrumb ها انواع مختلفی دارند و در بسترهای مختلفی مورد استفاده قرار میگیرند.

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

انواع breadcrumb

breadcrumbهای مربوط به لوکیشن

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

بردکرامب از نوع ATTRIBUTE

این نوع بردکرامب ها دومین نوع رایج میباشند. این breadcrumb ها در واقع به صورت فیلتر عمل میکنند و ثابت نیستند بلکه برحسب انتخاب کاربر پیوسته تغییر میکنند.این بردکرامب ها مکان شما را در سایت نشان نمی دهند ولی در عوض به شما نشان می دهند که مطلب صفحه راجع به چه موضوعی می باشد.

 بردکرامب های مسیر

این نوع breadcrumbها کمترین کاربرد را در وب سایت ها دارند. این بردکرامب ها دقیقاً همان کاری را میکنند که دکمه back در مرورگرها انجام می دهد. در واقع وجود این بردکرامب هیچ کمکی به بهبود UX نمیکند و در بیشتر مواقع یک جزء زاید و اضافه است. به همین دلیل این نوع بردکرامب تقریباً منسوخ شده و به ندرت ممکن است نمونه آن را در وب سایتی ببینید.

کاربردهای breadcrumb

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

سهولت دسترسی: اگر بعد از کمی وبگردی در یک سایت خاص به یک صفحه خاص رسیدید و تصمیم گفتید به چند مرحله قبل برگردید، با استفاده از Breadcrumb راحت تر میتوانید این navigation را انجام بدهید.

کمک کردن با ایجاد امکانات اضافی: گاهاً اتفاق می افتد که کاربر به درستی نمیداند چگونه از امکانات سایت استفاده کند یا حتی دقیقاً نمی داند دنبال چه مطلبی در سایت میگردد . breadcrumb به کاربر اجازه میدهد تا بهتر و راحت تر در سایت جستجو و حرکت کند و با ساختار آن آشنا شود.

افزایش بهینه سازی و سئو سایت : استفاده از bread crumb ها میتواند یک راه عالی برای جلب بازدید کننده سایت شما و افزایش رتبه آن باشد و همچنین در سئو بسیار مهم است .