این روزها که سایتها تمامی چند لایه هستند و صدها صفحه مختلف دارند، ارائه یک تجربه ساده اما کارآمد که به کاربر کمک کند تا در این صفحات سردرگم نشود، اقدامی تأثیرگذار خواهد بود. یکی از ابزارهای بسیار مهم و حرفهای در این رابطه «برد کرامبها» یا (breadcrumbs) است. در این مطلب از سهامگ، قصد داریم شما را با مفهوم برد کرامب، انواع آنها و نقششان در سئوی سایت آشنا سازیم. پس تا انتهای مطلب همراه ما باشید.
بردکرامب چیست؟
یکی از عناصر کاربردی در طراحی سایت، بردکرامب است. این ابزار به کاربر کمک میکند تا بفهمد در کجای ساختار سایت قرار دارد و چگونه میتواند به بخشهای قبلی یا خانه بازگردد. درواقع، تجربه کاربری را بهبود میبخشد و از همه مهمتر به موتورهای جستوجو همچون گوگل کمک میکند تا ساختار سایت را بهتر درک کنند.
فلسفه انتخاب نام بردکرامب چیست؟

داستان «هانسل و گرتل» را یادتان است؟ خواهر و برداری که با پخش خرده نان، تواستند، مسیر خانۀ خود را پیدا کنند. شاید باورش برایتان سخت باشد، اما واژه بردکرامب، از این داستان افسانهای الهام گرفته شدهاست. Breadcrumb، از 2 بخش (Bread) به معنای نان و (Crumb) به معنای خرده تشکیل شدهاست و Breadcrumb یعنی خرده نان!
ساختار بردکرامبها چگونه است؟
بردکرامبها به شکل لینکهای متنی نمایش داده میشوند و با علامت “<” از هم جدا میشوند. علامت < نشاندهنده سلسله مراتب و ارتباط صفحهها با هم است. به طور مثال در یک سایت فروشگاهی ساختار بردکرامب به این صورت میتواند باشد:
خانه > پوشاک > مردانه > پیراهن > پیراهن آستینبلند
- خانه : صفحه اصلی سایت است که ناوبری از آنجا شروع میشود.
- پوشاک: دستهبندی اصلی محصولی است که کاربر به دنبال آن میگردد.
- مردانه: زیرمجموعه دستهبندی اصلی است که به آقایان مربوط میشود.
- پیراهن: دستهبندی پیراهنهای مخصوص آقایان است.
- پیراهن آستین بلند: صفحه مخصوص خاص است که نوع پیراهن مردانه را مشخص میکند.
انواع برد کرامب breadcrumbs
برادکرامپها، انواع مختلف و کاربردهای متنوعی دارند که در ادامه به آنها اشاره میکنیم:
1. بردکرامبهای مبتنی بر موقعیت
این نوع بردکرامب به کاربران نشان میدهد که در کجای سلسلهمراتب سایت قرار دارد و چگونه میتواند به عقب بازگردد. این نوع بردکرامب معمولا در بالای سایت قرار میگیرد و بیشتر در سایتهایی با چندین صفحه استفاده میشود.
2. بردکرامب مبتنی بر ویژگی
این نوع برد کرامپ، در سایتهای صنعتی یا فروشگاهی که محصولات متنوع با خصوصیات مختلف دارند، مورد استفاده قرار میگیرد. به طور مثال شما میخواهید از دیجی کالا، یک تلویزیون بخرید، برای انتخاب راحتتر، برندی که مد نظرتان است، ابعادش و سایر خصوصیات را مشخص میکنید. منوی بردکرامب مبتنی بر ویژگی این کار را برایتان انجام میدهد.
3. بردکرامب مبتنی بر مسیر
بردکرامبهای مبتنی بر مسیر، راهی که کاربر به طور واقعی طی کرده تا به صفحه مورد نظرش برسد را نشان میدهد و یک حالت ثابت مثل بردکرامبهای سلسله مراتبی ندارد. بردکرامبهای مبتنی بر مسیر دقیقاً همان صفحاتی را که کاربر برای رسیدن به صفحه فعلی بازدید کرده است، نمایش میدهند. به طورمثال فرض کنید که وارد سایت دیجی کالا شدهاید، از آنجا وارد پیشنهادهای شگفتانگیزش، سپس سراغ محصولات تخفیفدار و درنهایت، به صفحه محصول کفش ورزش رفتهاید، بردکرامب مبتنی بر مسیر در این حالت، به صورت زیر نمایش داده میشود:
خانه < پیشنهادهای شگفتانگیز < محصولات تخفیفدار < کفش ورزشی
مزایای استفاده از برد کرامب breadcrumbs در سایت

- تجربه کاربری را بهبود میبخشد.
بردکرامبها به کاربران راهی جایگزین برای پیمایش در سایت ارائه میدهند و کمکشان میکنند تا راحتتر در صفحات سایت، محصول مورد نظرشان را پیدا کنند.
- تعداد کلیکهای بیمورد کاهش مییابد.
کاربر با تعداد کلیک کمتر به محصول مورد نظرش میرسد و در سایت گیج و سردرگم نمیگردد.
- فضای کمی را اشغال میکند.
بردکرامبها معمولاً به صورت افقی طراحی میشوند و سبک سادهای دارند، بنابراین فضای زیادی از صفحه را اشغال نمیکنند و تأثیر منفی روی محتوای سایت نمیگذارند.
- نرخ پرش را کاهش میدهد.
بردکرامبها میتوانند راهی مؤثر برای ترغیب بازدیدکنندگان جدید به گشتوگذار در سایت باشند. برای مثال، اگر کاربری از طریق جستوجوی گوگل وارد صفحهای میشود، دیدن مسیر بردکرامب ممکن است او را به کلیک روی صفحات سطح بالاتر و مشاهده موضوعات مرتبط تشویق کند. این امر به کاهش نرخ پرش کلی سایت کمک میکند.
- نرخ کلیک را بالا میبرد.
یکی از ویژگیهای بارز بردکرامبها، این است که کاربر موبایل با آن راحتتر کار میکند. سایتهایی که از breadcrumbs استفاده میکنند، در صفحات جستوجو به شکلی متفاوت به نمایش گذاشته میشوند و گوگل به کاربران علاوه بر لینک آن صفحه، لینکهای مربوط به دستهبندیهای بالاتر آن را نیز نمایش میدهد.
نقش بردکرامبها روی سئو (SEO)
1. تجربه کاربری (UX) بهتر میگردد.
همانطور که اشاره کردیم، استفاده از بردکرامبها موجب بهبود تجربه کاربری میشود و این مسئله توجه گوگل را به خود جلب میکند. این امردر کنار رعایت سایر فاکتورهای سئو، موجب افزایش رتبۀ سایت شما میشود.
2. ساختار لینکسازی داخلی سایت بهتر میشود.
اجرای کامل برد کرامب breadcrumbs، باعث لینکسازی داخلی سایت میشود و ایندکس شدن آنها نیز بهتر خواهد شد و این امر نیز در سئوی سایت تأثیر خوبی میگذارد.
3. مدت زمان حضور کاربر در سایت افزایش مییابد.
نرخ پرش روی سئوی سایت تأثیر منفی میگذارد زیرا نشان از تجربه کاربری نامطلوب دارد. با استفاده از برد کرامب breadcrumb میتوان کاربر را بیشتر در سایت نگه داشت و تجربه کاربری بهتری برایش فراهم کرد.
4. نمایش لینکها تغییر مییابد.

نقش بردکرامبها فقط بهبود تجربه کاربری ختم نمیشود؛ بلکه گوگل نیز از بردکرامبها برای طبقهبندی بهتر محتوای سایت استفاده میکند و این امر روی سئوی سایت تأثیر مثبت میگذارد.
و اما سخن آخر
طراحی سایت حرفهای و کارآمد نیازمند توجه به جزئیاتی است که تجربه کاربری و سئوی سایت را بهبود بخشد. ابزارهایی مانند بردکرامبها (Breadcrumbs) نقش کلیدی در هدایت کاربران و کاهش نرخ پرش دارند. این ابزار با ارائه مسیرهای روشن و سلسلهمراتب منطقی، بازدیدکنندگان را در یافتن اطلاعات یا محصولات مورد نظرشان یاری میکنند و تجربه کاربری بهتری ارائه میدهند. بردکرامبها به گوگل کمک میکنند تا درک بهتری از ساختار یک سایت داشته باشد و رتبه آن را در نتایج جستوجو بهبود یابد. برای طراحی سایتی محبوب و کارآمد برای کاربر و گوگل با ما در آژانس دیجیتال مارکتینگ سها تماس بگیرید.
منبع: smashingmagazine