Breadcrumbs در طراحی وب چیست؟ (به علاوه مثال ها و نکات)

Breadcrumbs (خرده نان / پودر سوخاری) وب سایت نوعی کمک ناوبری است که به کاربران نشان می دهد در کجای وب سایت شما قرار دارند. آنها می توانند مبتنی بر ویژگی، مکان محور یا مبتنی بر مسیر باشند. اگر یک طراح وب یا حرفه ای دیگر در زمینه فناوری هستید، یادگیری در مورد Breadcrumbs های مختلف می تواند به شما در تعیین نحوه پیاده سازی آنها در وب سایت خود کمک کند.

در این مقاله از ایوسی، به این موضوع می پردازیم که Breadcrumbs در یک وب سایت چیست، مزایای استفاده از آنها را به عنوان یک ابزار ناوبری به اشتراک می گذاریم و نکاتی را برای پیاده سازی Breadcrumbs در وب سایت شما ارائه می دهیم.

Breadcrumbs در یک وب سایت چیست؟

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

نان خرده‌های وب‌سایت متنی قابل کلیک است که می‌تواند به کاربران کمک کند راه خود را به صفحه اصلی شما یا مکان دلخواه دیگری در وب‌سایت شما بازگردند. یک دنباله خرده نان از نماد “بیشتر از” (>) برای جدا کردن هر مقصد در یک زنجیره تاریخ استفاده می کند. برای مثال، Breadcrumbs وب‌سایت تأمین‌کننده قهوه ممکن است به این صورت باشد: «صفحه اصلی > همه قهوه > کباب تیره».

چه زمانی از خرده نان استفاده کنیم

Breadcrumbs می تواند یک ویژگی مفید برای وب سایت ها باشد، اما برخی شرایط وجود دارد که در آنها بهترین انتخاب نیستند. وب‌سایت‌های تک سطحی و آن‌هایی که گروه‌بندی ندارند ممکن است از استفاده از سوخاری سود نبرند. در این موارد می توانید از خرده نان استفاده کنید:

• در وب سایت های بزرگ

• در سازمان سلسله مراتبی

• در یک صفحه وب به عنوان یک ویژگی اضافی

مطالب مرتبط:  ساختار وب سایت چیست؟ (با نکاتی برای بهبود ساختار وب سایت)

۳ نوع اصلی خرده نان در یک وب سایت

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

۱. Breadcrumbs مبتنی بر ویژگی

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

مطالب مرتبط:  با طراح وب سایت آشنا شوید

۲. Breadcrumbs مبتنی بر مکان

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

مطالب مرتبط:  چگونه یک صفحه جذاب درباره ما با ۲۰ مثال ایجاد کنیم

۳. Breadcrumbs مبتنی بر مسیر

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

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

مطالب مرتبط:  ۲۹ نکته طراحی وب سایت برای ایجاد پوسته های موثر

فواید خرده نان

Breadcrumbs باعث می شود تا کاربران به راحتی در یک وب سایت حرکت کنند. در اینجا برخی از مزایای استفاده از خرده نان در وب سایت آورده شده است:

رتبه سایت را بهبود می بخشد

موتورهای جستجو از خرده های نان برای دسته بندی و زمینه سازی اطلاعات استفاده می کنند. از آنجایی که خرده نان در صفحات جستجو ظاهر می شود، می تواند به بهبود بهینه سازی موتور جستجو (SEO) شما کمک کند . Breadcrumb ها محتوای شما را به موتورهای جستجو منتقل می کنند و آنها را به یک عامل بالقوه کمک کننده برای رتبه بندی بالاتر و ترافیک بیشتر وب سایت تبدیل می کند.

مطالب مرتبط:  راهنمای قطعی بازاریابی سئو

تجربه کاربر را افزایش می دهد

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

مطالب مرتبط: طراحی تجربه کاربری (UX) چیست؟ 

نرخ پرش را کاهش می دهد

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

مطالب مرتبط:  راهنما: نرخ پرش یک وب سایت چقدر است؟

فضای کمی را اشغال می کند

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

مرتبط:  ۲۰ عنصر کلیدی وب سایت

بهترین روش‌ها برای اجرای ناوبری خرده نان

استفاده بهینه از Breadcrumbs اغلب به طراحی وب سایت شما بستگی دارد. آنها در سایت هایی با محتوا و دسته بندی های بسیار مفید هستند و زمانی که با طرح بندی های کاربرپسند ترکیب شوند بیشترین تأثیر را دارند. در اینجا چند نکته وجود دارد که به شما کمک می کند تا پیمایش خرده نان را در وب سایت خود پیاده سازی کنید:

• آن را کوچک نگه دارید. هنگام ایجاد خرده نان، مطمئن شوید که از نوار ابزار ناوبری اصلی شما کوچکتر است تا کاربران نوار ابزار را به عنوان ویژگی غالب ببینند.

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

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

• مورد آخر را پررنگ کنید. آخرین مورد در دنباله Breadcrumbs را در مقابل سایر خرده‌های سوخاری قرار دهید تا به کاربران خود کمک کنید مکان فعلی خود را درک کنند.

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

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