Breadcrumb چیست؟ از اهمیت خرده‌نان‌ها در سئو غافل نشوید!

در ادامه به بررسی انواع رایج بردکرامب در سئو می‌پردازیم:

1. بردکرامب سلسه‌مراتبی (Hierarchy-Based)

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

بردکرامب سلسله‌مراتبی مانند تصویر زیر، به کاربران امکان می‌دهد به دسته‌بندی‌های بالاتر بازگردند و مسیر ناوبری خود را به‌راحتی مدیریت کنند.

2. بردکرامب مبتنی‌بر ویژگی (Attribute-based)

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

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

3. بردکرامب روبه‌جلو یا آینده‌نگر (Forward یا Look-Ahead)

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

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

4. بردکرامب مبتنی‌بر تاریخ (History-based)

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

بااین‌حال رایج‌ترین کاربرد بردکرامب مبتنی‌بر تاریخ مانند تصویر زیر، استفاده از لینک «بازگشت به نتایج» است:

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

بردکرامب به‌عنوان یک ابزار ناوبری در وب‌سایت‌ها، تأثیر مثبتی بر تجربه کاربری و عملکرد سایت دارد. از جمله مزایای پیاده‌سازی Breadcrumb در وب‌سایت می‌توانیم به موارد زیر اشاره کنیم:

بهبود تجربه کاربری (UX) با بردکرامب

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

کاهش نرخ پرش و افزایش زمان حضور کاربر در سایت

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

تقویت ساختار لینک‌دهی داخلی

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

همان‌طور که در مقاله «اسکیما چیست؟» می‌خوانیم، با پیاده‌سازی نشانه‌گذاری داده‌های ساختاریافته بردکرامب، می‌توانیم به موتورهای جست‌وجو کمک کنیم تا معماری سایتمان را بهتر درک کنند.

بهبود قابلیت پیدا کردن اطلاعات (Findability)

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

۴ خطای واضح در استفاده از بردکرامب که نباید دست‌کم بگیریم!

پیاده‌سازی بردکرامب‌ها فرایند نسبتا ساده‌ای دارد که برای بهبود سئو سایت و ارائه تجربه کاربری بهتر انجام می شود. با‌این‌حال، گاهی اوقات استفاده از بردکرامب‌ها می‌تواند بیشتر مضر باشد تا مفید؛ ازهمین‌رو لازم است قبل از استفاده از آن‌ها نکاتی را مدنظر قرار دهیم.

1. نه خیلی بزرگ و نه خیلی کوچک؛ حد وسط را رعایت کنید!

بردکرامب‌ها باید به‌راحتی قابل مشاهده باشند اما فضای چندانی از صفحه نمایش را اشغال نکنند. بااین‌حال فونت‌های بسیار کوچک نیز به‌سختی دیده می‌شوند و ممکن است در دستگاه‌های موبایل قابل کلیک نباشند. بهترین مکان برای Breadcrumb بالای صفحه، زیر تصویر اصلی یا درست بالای عنوان H1 است تا به‌راحتی قابل دسترسی باشد.

2. تکرار منوی سایت؛ اشتباهی اساسی در استفاده از بردکرامب

برخی از طراحان وب‌سایت منوی وب‌سایت (Navigation bar) را با بردکرامب اشتباه می‌گیرند. به‌عبارتی آن‌ها بردکرامب را به‌عنوان یک روش چیدمان وب‌سایت به کار می‌برند که با منوی سایت نیز تداخل ایجاد می‌کند.

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

3. منوی وب‌سایت نباید فدای بردکرامب شود!

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

4. انتخاب نوع بردکرامب؛ مهم برای وب‌سایت و کاربران

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

آموزش پیاده‌سازی بردکرامب در وردپرس؛ فقط در چند ثانیه

در بسیاری از وب‌سایت‌های وردپرسی از ابزار Yoast SEO استفاده می‌شود. چنانچه این ابزار را روی وردپرس داشته باشیم، پیاده‌سازی Breadcrumb فقط چند ثانیه زمان می‌برد. Yoast SEO یک ویژگی Breadcrumb ارائه می‌دهد که به‌طور پیش‌فرض غیرفعال است. برای فعال کردن بردکرامب در این ابزار مراحل زیر را باید طی کنیم:

1. وارد وب‌سایت وردپرسی خود می‌شویم.
2. از منوی سمت چپ، روی گزینه «Yoast SEO» کلیک می‌کنیم.
3. وارد گزینه «Setting» می‌شویم.
4. روی گزینه «Advanced» کلیک می‌کنیم.
5. در منوی بازشده روی گزینه «Breadcrumbs» کلیک می‌کنیم.
6.  به پایین صفحه اسکرول می‌کنیم و حالت «Enable breadcrumbs for your theme» را به فعال تغییر می‌دهیم. برای غیرفعال کردن بردکرامب هم می‌توانیم از همین گزینه استفاده کنیم.
7. تنظیمات را به دلخواه پیکربندی می‌کنیم.
8. با کلیک روی «Save changes» تغییرات اعمال‌شده را ذخیره می‌کنیم.

علاوه‌بر ابزار Yoast، افزونه‌های متعددی برای اضافه کردن بردکرامب به وب‌سایت وجود دارد؛ مانند Breadcrumb NavXT که پیاده‌سازی آسانی دارد و بردکرامب‌های مکانی تولید می‌کند که می‌توانند متناسب با نیاز سفارشی‌سازی شوند.

بردکرامب‌ها کاربران و گوگل را از سرگردانی نجات می‌دهند!

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

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