breadcrumb چیست ؟

نوشته شده توسط 
منتشرشده در آموزش طراحی سایت
دوشنبه, 22 آذر 1395 ساعت 11:34
این مورد را ارزیابی کنید
(1 رای)

استفاده از BreadCrumb می تواند باعث شود که سایت شما برای کاربران و روباتهای موتورهای جستجو قابل پیمایش باشد و کمک بسیار زیادی به سادگی سایت خواهد کرد.  Bread crumb چیست ؟
Bread crumb که در فارسی به معنی دنبال کردن خرده نان است شامل یکسری لینک هدایتگر در سایت یا نرم افزار است که کاربران را به صفحه مورد نظر هدایت میکند .

breadcrumb  چیست ؟

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

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

انواع bread crumb
Location-based   مبتنی بر موقعیت مکانی
bread crumb های مبتنی بر مکان ، محل دقیق کاربر در سایت را نشان میدهد و معمولاً در سایتهایی استفاده میشود که بر اساس سلسله مراتب و سطح ، طراحی شده است .

 

 Path-based مبتنی بر مسیر
breadcrumb های مبتنی بر مسیر نشان میدهد که کاربران از چه طریق به صفحه مورد نظر خود رسیده اند، به عبارتی صفحات قبلی که کاربر قبل از رسیدن به صفحه مورد نظر طی کرده نشان میدهد.

مزایای استفاده از bread crumb

  • مناسب برای کاربران: bread crumb به عنوان یک هدایتگر ثانویه به کاربر در بازدید از سایت کمک میکند تا به راحتی به صفحه مورد نظر خود برسد
  • کاهش کلیک: با استفاده از bread crumb ها کاربرها میتوانند با کلیک کمتر به صفحه مورد نظر خود برسند و یا تنها با فشار بر روی لینک بازگشت به صفحه قبل برگردند بدون اینکه از دکمه بازگشت در مرورگر خود استفاده کنند.
  • افزایش بهینه سازی و سئو سایت : استفاده از bread crumb ها میتواند یک راه عالی برای جلب بازدید کننده سایت شما و افزایش رتبه آن باشد و همچنین در سئو بسیار مهم است .
  • نشان دادن سلسله مراتب سایت: از آنجایی که ناوبری اولیه یک وب سایت سلسله مراتب هر صفحه در سایت را نشان نمیدهد bread crumb  به کاربران اجازه می دهد سلسله مراتب یک صفحه در داخل وب سایت را ببینند .
  • کمک کردن با ایجاد امکانات اضافی: گاهاً اتفاق می افتد که کاربر به درستی نمیداند چگونه از امکانات سایت استفاده کند یا حتی دقیقاً نمی داند دنبال چه مطلبی در سایت میگردد . bread crumb به کاربر اجازه میدهد تا بهتر و راحت تر در سایت جستجو و حرکت کند و با ساختار آن آشنا شود
  • ایجاد علاقه: وقتی که کاربر در صفحه ای از سایت است ، bread crumb ها میتوانند با ایجاد علاقه و وسوسه کاربر را علاقه مند کند تا از صفحات دیگر نیز بازدید نماید بدون اینکه لازم باشد از صفحه اول سایت سلسله مراتب را دنبال کند .
  • روشی آسان برای ایجاد  back track : هدایتگر اصلی سایت برای فالو و back track طراحی نشده و از آنجایی که back track یک روش عالی برای سئو و بهینه سازی سایت است ، استفاده از درست از bread crumb این کار را برای شما انجام میدهد


اشتباهات رایج در اجرای bread crumb
1-    یک اشتباه رایج ، استفاده از bread crumb زمانی است که شما احتیاجی به استفاده از آن ندارید و در واقع سودی از اجرای آن نمیبرید.
2-    استفاده از bread crumb به عنوان هدایتگر اصلی سایت، همانطور که گفتیم bread crumb به عنوان ابزار کمکی در اختیار هدایتگر اصلی سایت است و بهتر است به عنوان هدایتگر اصلی سایت استفاده نشود.

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

نکاتی در مورد طراحی و اجرای bread crumb
در هنگام طراحی یک bread crumb همیشه چند نکته را در ذهن داشته باشید.

1-    برای جدا کردن لینکها در مسیر bread crumb چه کاری باید انجام داد
نماد پذیرفته شده و قابل تشخیص برای جدا سازی لینکها در مسیر bread crumb عموماً نماد > است . به طور معمول ازاین نماد برای ورود به سیستم و دسته بندی اضافه میشود.

2-    اندازه bread crumb  چه مقدار باید باشد
یک قانون کلی در بحث bread crumb این است که نباید اولین موضوع مورد توجه کاربر در هنگام ورود به صفحه دنبال کردن bread crumb باشد . شما نمیخواهید bread crumb ها صفحه شما را به تسلط در آورند . در واقع کار bread crumb کمک به راحتی کاربران و انتقال به صفحه مورد نظرشان است . و اندازه آن باید کمتر از منوی هدایتگر اصلی باشد.

3-    در چه جاهایی از bread crumb استفاده کنیم
مسیرهای breadcrumb معمولاً در نیمه بالای صفحه نمایش داده میشود و اگر از منوی افقی استفاده میکنید در زیر منوی ناوبری اولیه منظور میشود.
4-    استفاده از bread crumb در کل صفحات
اگر شما از استفاده از bread crumb در سایت خود مطمئن هستید پیشنهاد میکنیم که از این امکان در تمام صفحات سایت خود استفاده کنید در غیر اینصورت باعث گیجی و سر در گمی کاربران خواهید شد  
5-    استفاده از طراحی و سبک خاص برای bread crumb
شما میخواهید که bread crumb در سایت شما دیده شود ولی با اینحال نمیخواهید نقطه توجه اصلی کاربر باشد ؟ از آنجایی که bread crumb ها به عنوان کمک اضافی در نمایش بخشی از محتوای یک سایت استفاده میشود ، سعی کنید یک سبک جالب برای bread crumb سایت خود استفاده کنید که قابل توجه باشد ولی غالب بر تاثیر سایت نباشد.

خواندن 473 دفعه

فروشگاه ساز طراحی وب سایت شرکت طراحی وب سایت خبری طراحی وب سایت تخفیف گروهی طراحی وب سایت آگهی طراحی وب سایت شخصی

آیا نیاز به مشاوره دارید؟

مشاوره طراحی وب سایت

با ما در تماس باشید

تلفن:  031-36612265 , 09133045663 , 09129252046
ایمیل : info@webpouya.com
webpouya rss وب پویا در تلگرام وب پویا در گوگل پلاس وب پویا در اینستگرام وب پویا درتویتر

نظر مشتریان طراحی سایت

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