فهرست محتوا
بردکرامب ناوبری کمکی یا ثانویه است که به کمک داده های ساختار یافته موقعیت کاربر را در وب سایت نمایش می دهد. Breadcrumbs به کاربران امکان می دهد به صفحه اصلی بروند یا به سرعت به صفحات قبلی برسند و این بهینه سازی ساختار سایت از عناصر مهم سئو تکنیکال می باشد.
این پیمایش ثانویه به صورت سلسله مراتبی ساخته می شود و مسیر کاربر را از صفحه شروع تا موقعیت فعلی در ساختار صفحه نشان دهد. ناوبری Breadcrumb بهتر است در قسمت بالای صفحه قرار گیرد. این ویژگی یک مزیت برای کاربردپذیری وب سایت ها است.
بردکرامب یک راهنمای ناوبری در واسطههای کاربری است و به کاربران کمک میکند تا مکان فعلی خود را در برنامهها، اسناد و وبسایتها پیگیری کنند.
ویکی پدیا
واژه بردکرامب از کجا نشات گرفته است؟
این اصطلاح از داستان پریان “هانسل و گرتل” توسط برادران گریم گرفته شده است. در افسانه، دو کودک از خرده نان برای یافتن راه بازگشت به خانه استفاده کردند. خردههای نان که به وبسایتها منتقل میشوند، همان کار را انجام میدهند: آنها مسیر کاربر را قابل ردیابی میکنند و به او اجازه میدهند به راحتی به سطوح سلسله مراتبی که قبلاً بازدید کرده است بروند و اکنون یکی از فاکتور های مهم در تجربه کاربری می باشد. متداول ترین نوع استفاده می تواند به شکل زیر باشد:
سئو با مهدی نجاری > دسته بندی > نام پست یا محصول
نمایش گرافیکی ناوبری Breadcrumb
گاهی اوقات جداکننده ها با فلش ها، سایر نمادهای تایپوگرافی یا گرافیک ها و دکمه ها نشان داده می شوند. با یک کلیک، کاربر یا به صفحه اصلی یا به صفحه قبلی می رسد. با این حال، آخرین نقطه ناوبری قابل کلیک نیست.
Breadcrumbs همیشه در قسمت بالای یک وب سایت نمایش داده می شود. با این حال، از نظر اندازه فونت و رنگ آمیزی بهتر است با رنگ پس زمینه ادغام نشود، زیرا مخفی کردن آن همانند مخفی کردن لینک می باشد و توسط الگوریتم پنگوئن جریمه می شود. اگر از پیمایش ثانویه استفاده می شود، باید در همه صفحات اصلی و فرعی باشد.
چند نوع مختلف برای Breadcrumb Navigation وجود دارد؟
بردکرامب را می توان از مسیرهای کلیکی (click paths) متمایز کرد، زیرا click paths را می توان با پرش به سطوح مختلف سلسله مراتبی مشخص کرد، و این مسیر ممکن لست چرخشی باشد. اما داده های breadcrumbs اغلب از مسیرهای کلیکی که کاربر دنبال کرده است ساخته می شود.
ناوبری Breadcrumb را می توان بر اساس سطوح نسبی وب سایت یا مسیرهای کلیکی که به آن اشاره می کند، متمایز کرد:
- click path: این ناوبری مبتنی بر مسیر است که مسیر کلیک واقعی را دنبال می کند و موقعیت فعلی را نشان می دهد. با مسیرهای گسترده و وب سایت هایی با ساختار عمیق، این نوع چندان کاربردی نیست. به خصوص که کاربر می تواند از دکمه های جلو و عقب مرورگر برای اجرای همان عملکردها استفاده کند. علاوه بر این، پیاده سازی به داده های تجزیه و تحلیل مسیر کلیک بستگی دارد و ناوبری مبتنی بر مسیر می تواند بسیار طولانی باشد.
- مکان (Location): یک breadcrumb مبتنی بر مکان به موقعیت فعلی کاربر در سلسله مراتب وب سایت اشاره دارد. وب سایت هایی با بیش از دو سطح فرعی اغلب از این نوع استفاده می کنند تا بتوانند به سرعت به عناصر والد در ساختار درختی وب سایت دسترسی پیدا کنند.
- دستهبندیها (ویژگیها): بردکرامب مبتنی بر ویژگی به کاربر امکان میدهد ببیند صفحه بازدید شده در حال حاضر متعلق به کدام دسته است و کدام ویژگی به این صفحه نسبت داده میشود. چنین کمکهای ناوبری معمولاً توسط وبسایتهای تجارتی آنلاین و فروشگاههای آنلاین در سطح محصول استفاده میشوند و همراه با عملکردهای جستجو و شخصیسازی ارائه میشوند. پیاده سازی بردکرامب باید با عملکردهای وب سایت و احتمالاً با پایگاه داده سازگار شود.
چرا استفاده از ناوبری بردکرامب بسیار مهم است؟
ناوبری Breadcrumb برای وب سایت ها و پورتال های بسیار بزرگ که ساختار سلسله مراتبی پیچیده ای دارند استفاده می شود.
این گزینههای پیمایش نیز اغلب در فروشگاههای آنلاین یافت میشوند، زیرا به کاربر کمک میکند تا راه خود را از طریق دستهها و محصولات پیدا کند.
گزینه معقول این است که ابتدا یک نقشه سایت ایجاد کنید و سپس بررسی کنید که آیا ناوبری بردکرامب به کاربر کمک می کند یا خیر. اگر ساختار صفحه چندین سطح را شامل شود، این را می توان در نقشه سایت مشاهده کرد. سپس بردکرامب را می توان مانند نقشه سایت ایجاد کرد، زیرا معماری صفحه را منعکس می کند.
قانون زیر مهم است: پیمایش breadcrumbs همیشه یک کمک ثانویه است که جایگزین منو یا ناوبری اصلی نمی شود. بنابراین ناوبری اولیه و ثانویه نیز باید از نظر چیدمان و طراحی از یکدیگر جدا شوند.
من همیشه در دریافت پروژه ها اول ساختار و معماری سایت را بررسی می کنم و اولین چیزی که اصلاح میکنم ساختار درست دسته بندی ها، منو سایت و تحقیق کلمه کلیدی برای دسته بندی سایت می باشد، چرا که یک ساختار بد مسیر را تا انتها اشتباه پیش می برد.
اهمیت ناوبری Breadcrumb برای سئو تکنیکال چیست؟
- Breadcrumb Navigation سلسله مراتب و ساختار داخلی سایت را توسط خزنده های موتورهای جستجو قابل کشف می کند.
- ارتباط بین دسته ها و صفحات وب مختلف را با زمینه انکرتکست و شبکه های لینک نشان می دهد.
- پیج رنک صفحه و امتیازات اطمینان (confidence scores) را بر اساس مسیرهای منطقی کاربر و هدف جستجو پخش می کند.
- هزینه خزیدن ربات ها را کاهش می دهد و راندمان خزیدن را افزایش می دهد.
- ناوبری Breadcrumb توزیع لینک داخلی مناسب تری ایجاد می کند تا بخش مهم موجودیت وب را به موتور جستجو نشان دهد.
- اگر صفحات وب با بیشترین لینک، صفحاتی هستند که بیشتر توسط کاربران بازدید می شود، سیگنال های لینک داخلی شما یک عامل سالم برای موتور جستجو خواهد بود. در بعضی شرایط، موتور جستجو می تواند سیگنال های لینک داخلی شما را نادیده بگیرد.
- می توانید سرعت ایندکس و فرکانس خزیدن برخی از قسمت های وب سایت را تغییر دهید.
چگونه بردکرامب (Breadcrumb) را در وب سایت پیاده سازی کنیم؟
- پلاگین ها: اگر از CMS (به عنوان مثال وردپرس)، استفاده می کنید می توانید از پلاگین هایی مثل Yoast یا Rank Math استفاده کنید. Plugin اجازه می دهد تا تنظیمات انجام شود و ناوبری ثانویه یکپارچه شود. پشتیبانی از داده های ساختاریافته یا ریزداده اختیاری است به طوری که بردکرامپ توسط موتورهای جستجو خوانده می شود و در SERP نمایش داده می شود.
- پی اچ پی و جاوا اسکریپت: بخش های کد از زبان های برنامه نویسی و اسکریپتی مختلف را می توان در کد منبع ادغام کرد. به عنوان مثال، یک تابع در PHP تعریف می شود تا بعداً در سند فراخوانی شود. این کار به روشی مشابه با جاوا اسکریپت انجام می شود: به موجب آن وب سایت هایی که به صورت پویا ساخته می شوند نیز می توانند بردکرامب استفاده کنند.
- سیستم مدیریت محتوا: برخی از سیستمهای مدیریت محتوا و فروشگاهها، آن را در بک اند سایت ارائه میدهند. پیاده سازی معمولاً نسبتاً ساده است و تنها با چند کلیک امکان پذیر است.
- HTML: نوع دستی مبتنی بر لینکهایی است که در یک div ترکیب شده اند. مسیرهای نسبی به صفحات بازدید شده قبلی اشاره می کنند. طراحی از طریق CSS انجام می شود و باید سازگار باشد.
اهمیت ناوبری Breadcrumb برای تجربه کاربری چیست؟
- موقعیت فعلی را به کاربران نشان می دهد و کمکی برای استفاده و ناوبری است.
- با یک کلیک در سلسله مراتب صفحه به سمت بالا حرکت کنید. هنگامی که کاربران از طریق جستجوی گوگل یا هر لینک عمیقی در وسط معماری اطلاعات قرار می گیرد، بردکرامب یک کمک ناوبری سریع است.
- Breadcrumb ها فضای کمی را در وب سایت اشغال می کنند و پیاده سازی نسبتاً آسانی دارند.
- به گفته Jakob Nielsen که یک متخصص معروف کاربردپذیری است: هرگز در تست کاربر مشکلی ایجاد نمی کند. کاربران می دانند که این پیمایش ثانویه چیست و چگونه از آن استفاده کنند.
Breadcrumbs می تواند به یک موجودیت وب کمک کند تا برای کاربران و موتورهای جستجو قابل درک شود. از طریق Breadcrumb Navigation، می توانید توزیع پیج رنک صفحه خود را تغییر دهید. همچنین میتوانید فرکانس خزیدن برخی دستهها را توسط خزندههای موتور جستجو تغییر دهید. می توانید از ناوبری بردکرامپ برای بهتر کردن رتبه بندی وب سایت خود استفاده کنید.