تا به حال، کلیدتان را گم کرده‌اید؟ اگر تجربه‌‌اش را داشته باشید، احتمالاً همه مسیری که آمده‌اید بر می‌گردید تا بتوانید پیدایش کنید. نقش بردکرامب (BreadCrumb) در وبسایت چنین چیزی است! اگر بخواهیم به همان داستان گم کردن کلید برگردیم، باید بگوییم بردکرامب به شما کمک می‌کند به جای اینکه در حمام و یخچچال به دنبال کلیدتان بگردید، جای دقیق کلیدتان را پیدا کنید. بردکرامب باعث می‌شود کاربر هیچ‌وقت در وبسایت شما سردرگم نشود و به هر آنچه می‌خواهد سریعاً دسترسی پیدا کند. مسلماً با این توضیحات مفهوم بردکرامب در ذهن‌تان کاملاً روشن نخواهد شد، بلکه توضیحات مفصل‌تری لازم است. در این مطلب، هر آنچه باید در مورد برد کرامب بدانید برای‌تان خواهیم گفت. با سگمنت آکادمی همراه باشید.

بردکرامب (Breadcrumb) چیست؟

برد کرامب (Breadcrumb) یا همان خُرده نان از ابزارهای ثانویه ناوبری (یا همان هدایت) است که به کاربر کمک می‌کند تا بداند دقیقاً در کدام نقطه وبسایت یا اپلیکیشن حضور دارد و از چه مسیری به این نقطه رسیده است. به همین دلیل، بردکرامب باعث بهبود تجربه کاربری (User Experience) در بازدیدکنندگان وبسایت می‌شود. کاربر به کمک همین بردکرامب می‌تواند به سرعت به نقطه شروع یا صفحه قبلی در وبسایت برگردد.

بردکرامب‌ها یا همان خرده نان‌ها به شکل لیستی افقی نمایش داده می‌شوید که اجزای آن با علامتی بزرگتر از (<) از یکدیگر جدا می‌شود.

به نمونه زیر توجه کنید:

Home > SEO blog > Content SEO > Keyword Research > Keyword research for SEO: the   ultimate guide

در مثال بالا، کاربر وقتی به صفحه Keyword Research می‌رسد، به خوبی می‌داند چه مسیری را طی کرده است و برای برگشت، باید چه کار کند.

انواع برد کرامب چیست؟

تا به این‌جا، با مفهوم بردکرامب و ظاهر آن آشنا شدید. اکنون می‌رسیم به انواع بردکرامب! چهار نوع بردکرامب وجود دارد. در فضای وب، انواع بردکرامب را مشاهده خواهید کرد. گاهی ترکیب هر سه را با یکدیگر خواهید دید. به انواع بردکرامب دقت کنید.

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

برد کرامب سلسله مراتبی یا برد کرامب مبتنی بر سلسله مراتب (Hierarchy-based Breadcrumbs) مهم‌ترین نوع بردکرامب است و در فضای آن، نمونه‌های آن را به وفور مشاهده می‌کنید. معمولاً وبسایت‌های بزرگی که چندین صفحه و دسته‌بندی دارند از این نوع بردکرامب بسیار بهره می‌برند.

برای مثال، در وبسایت یک فروشگاه، سوپرمارکت زیرشاخه «نانوایی» دارد و نانوایی نیز دو زیرشاخه «نان سنتی» و «نان فانتزی» دارد و هر کدام از این زیرشاخه‌ها نیز چند زیرشاخه دیگر دارند. یا مثلاً همین سوپرمارکت، میوه و مواد غذایی تازه نیز می‌فروشد. وقتی کاربر به صفحه انگور می‌رسد، با تماشای بردکرامب زیر، متوجه می‌شود که از کجا آمده است و در حال حاضر، کجا است.

Home > Fresh Food > Fresh Fruit > Grapes

هدف از بردکرامب سلسله‌مراتبی به شرح زیر است:

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

ناوبری بردکرامب بافتاری

ناوبری بردکرامب بافتاری (Contextual Breadcrumb Navigation)  اطلاعاتی در مورد بافتار یا موضوع محتوای هر صفحه یا بخش وبسایت در اختیار بازدیدکننده قرار می‌دهند.

به نمونه‌ای از بردکرامب بافتاری توجه کنید:

Current Category > Subcategory > Product Name

همانطور که مشاهده می‌کنید، نوع دوم بردکرامب توصیفی است.

هدف از بردکرامب بافتاری به شرح زیر است:

• موضوع صفحه را به کاربر می‌گویند.
• ارتباط بین تقاضای مخاطب و مسیر طی‌شده را مشخص می‌کند.
• دسترسی به محتوای مشابه را برای کاربر آسان می‌کند.

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

بردکرامب مبتنی بر ویژگی (Attribute-based Breadcrumb) در وبسایت‌های مخصوص فروش محصول کاربرد دارد، به خصوص وبسایت‌هایی که نوع مشخصی از محصول را می‌فروشند. برای مثال، وبسایت تخصصی فروش و اجاره ملک از این نوع بردکرامب استفاده می‌کند و با استفاده از فیلترهای مختلف، محصولات متنوع را به کاربر نمایش می‌دهند.

به مثال زیر توجه کنید:

Home > Property to Rent > £450 Max, 2+ Bedrooms > County Antrim > Belfast

همانطور که در مثال بالا مشاهده می‌کنید، ویژگی‌های محصول در بردکرامب گنجانده شده‌اند.

بردکرامب مبتنی بر تاریخچه

بردکرامب مبتنی بر تاریخچه (History-Based Breadcrumbs) درست مثل بردکرامب سلسله مراتبی است. اما یه تفاوت مهم میان نوع اول و نوع آخر بردکرامب وجود دارد: در بردکرامب تاریخچه‌ای قسمت‌های مختلف بردکرامب تفکیک‌پذیر هستند، یعنی می‌توان آن‌ها را از یکدیگر جدا کرد. البته بسیاری از وبسایت‌ها بردکرامب سلسه‌مراتبی را به بردکرامب مبتنی بر تاریخچه ترجیح می‌دهند.

به مثال زیر توجه کنید:

Men > Men’s shoes > Trainers > Adidas > Boots > Women’s Boots

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

اگر همین وبسایت از بردکرامب سلسله‌مراتبی استفاده می‌کرد، نتیجه چنین چیزی می‌شد:

• بردکرامب اول: Men > Men’s shoes > Trainers > Adidas
• بردکرامب دوم: Boots
• بردکرامب سوم: Women’s Boots

در مثال بالا، بردکرامب‌های متفاوتی را مشاهده می‌کنید، زیرا هر صفحه اهمیت متفاوتی دارد.

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

بردکرامب مزایای بسیار زیادی برای وبسایت شما خواهد داشت، از بهینه‌سازی موتور جستجو گرفته تا جلب رضایت کاربر و کاهش نرخ پرش (Bounce Rate). در ادامه، از این مزایا به تفصیل برای‌تان گفته‌ایم.

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

بردکرامب ارزش سئویی دارد و بالطبع، در خدمات سئو نیز جایگاه ویژه‌ای دارد. بردکرامب ساختار و معماری وبسایت شما را به موتور جستجو معرفی می‌کند، چیزی شبیه به همان کاری که لینک‌سازی داخلی (Internal Linking) برای شما انجام می‌دهد. بدین ترتیب، گوگل به راحتی، صفحه‌های وبسایت شما را می‌شناسد، آن‌ها را ایندکس می‌کند و به مرور زمان، به آن‌ها رتبه می‌دهد.

برد کرامب برای بهبود تجربه کاربری

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

کاهش نرخ پرش

بردکرامب نرخ پرش (Bounce Rate) را به میزان قابل توجهی کاهش می‌دهد، چرا که کاربر لازم نیست به عقب برگردد یا از صفحه و سایت شما خارج شود.

بردکرامب برای بهینه‌سازی نرخ تبدیل

بردکرامب به بهینه‌سازی نرخ تبدیل (CRO) نیز کمک می‌کند. اما چگونه؟ ارتباط مستقیمی بین دسترسی آسان کاربر به وبسایت و صفحه‌های مختلف آن و نرخ تبدیل (Conversion Rate) وجود دارد. این مسئله در مورد کاربرانی که در میانه مسیر نقشه سفر مشتری (Customer Journey Map) هستند بیشتر صدق پیدا می‌کند.

اجازه دهید این مفهوم را با یک مثال برای‌تان روشن کنیم:

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

بردکرامب به این شیوه به بهینه‌سازی نرخ تبدیل کمک می‌کند.

سخن آخر

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