Breadcrumb یک ناوبری ثانویه در یک وب سایت است (که به آن ناوبری خرده نان نیز گفته می شود). Breadcrumbs به کاربران وب این امکان را می دهد که در قالب پیوندهای داخلی به سرعت به صفحه اصلی یا سطح دیگری از وب بازگردند. به لطف مرور پودر سوخاری، کاربر می تواند صفحاتی را که قبلاً بازدید کرده است، بازسازی کند. این پیمایش ثانویه معمولاً طبق وب به صورت سلسله مراتبی ساخته می شود و مسیر منطقی از صفحه اصلی تا موقعیت فعلی را نشان می دهد. پیمایش بردکرامپ Breadcrumb را می توان به طور مرتب در بالای یک وب سایت یافت، و معمولاً به عنوان یک عنصر طراحی چندان قابل توجه نیست.
بردکرامپ Breadcrumb چیست؟
این اصطلاح از افسانه برادران گریم “هانسل و گرتل” گرفته شده است. در افسانه، دو کودک برای یافتن راه بازگشت به خانه از بردکرامپ استفاده کردند. Breadcrumbs، همانطور که در اینترنت اعمال می شود، به کاربران این امکان را می دهد که راه خود را به صفحه اصلی پیدا کنند. مرور Breadcrumb صفحات قبلی شما را ردیابی می کند. این پیمایش به صورت سلسله مراتبی ساخته شده است و مسیر را از صفحه اصلی تا مکان فعلی در راهنما صفحه نشان می دهد.
نمایش گرافیکی پودر سوخاری
برچسب ها با استفاده از فلش ها، سایر علائم تایپوگرافی یا گرافیکی و دکمه ها نمایش داده می شوند. کاربر با یک کلیک وارد صفحه اصلی می شود. بنابراین، آخرین نقطه ناوبری قابل کلیک نیست. خرده نان ها به طور مداوم در منطقه ای از یک وب سایت با عنوان “بالای تا” نمایش داده می شوند. با این حال، آنها از نظر فونت و رنگ نسبتاً محجوب هستند، بنابراین ناوبری اصلی هنوز قابل توجه است. سازگاری نیز مرتبط است: اگر از پیمایش ثانویه استفاده می شود، باید در همه صفحات و صفحات فرعی در دسترس باشد.
انواع بردکرامپ Breadcrumb
به بیان دقیق، نان خرده ها “Breadcrumb” باید از مسیرهای کلیکی متمایز شوند، زیرا مسیرهای کلیک را می توان با پرش به سطوح مختلف سلسله مراتبی، احتمالاً دایره ای و غیر منطقی، تشخیص داد. با این حال، داده های خروجی خرده نان اغلب از مسیر کلیکی که کاربر دنبال کرده است می آید. بسته به تنوع بردکرامپ، پیمایش با یک مسیر کلیک یا یکسان است یا نسبت به سایر عناصر و سطوح یک وب سایت.
بنابراین، ناوبری پودر سوخاری را می توان بر اساس سطح نسبی وب سایت یا مسیر کلیکی که کاربر در آن قرار دارد، متمایز کرد.
- مسیر کلیک: این یک ناوبری مبتنی بر مسیر است که مسیر کلیک واقعی را ردیابی می کند و موقعیت فعلی شما را نشان می دهد. با مسیرهای طولانی و شبکه های با ساختار عمیق، تنوع کمتر امکان پذیر است. مهمتر از همه، کاربر می تواند عملکرد مشابهی را با دکمه های جلو و عقب مرورگر انجام دهد. پیاده سازی داده ها به داده های تجزیه و تحلیل مسیر کلیک بستگی دارد و تحت شرایط خاص، ناوبری مبتنی بر مسیر می تواند بسیار طولانی باشد.
- مکان: بردکرامپ مبتنی بر مکان به موقعیت فعلی کاربر در سلسله مراتب وب اشاره دارد. وب‌سایت‌هایی با بیش از ۲ سطح فرعی اغلب این تغییر را برای دسترسی سریع به عناصر والد در درخت صفحه پیاده‌سازی می‌کنند.
دسته‌ها (ویژگی): Breadcrumb مبتنی بر ویژگی به کاربر این امکان را می‌دهد که ببیند صفحه بازدید شده در حال حاضر متعلق به کدام دسته است و این صفحه را می‌توان به کدام ویژگی نسبت داد. به طور معمول، این سیستم‌های ناوبری توسط وب‌سایت‌های تجارت الکترونیک و فروشگاه‌های اینترنتی در سطح محصول و با جستجو و همراه با ویژگی‌های جستجو و شخصی‌سازی ارائه می‌شوند. بنابراین، پیاده سازی پیچیده تر است، زیرا خرده نان باید با عملکردهای وب و احتمالاً با پایگاه داده سازگار شود.
برنامه های کاربردی
ناوبری Breadcrumb عمدتا برای وب سایت ها و پورتال های بسیار بزرگ که ساختار سلسله مراتبی پیچیده ای دارند استفاده می شود. اغلب در فروشگاه‌های آنلاین نیز با گزینه‌های پیمایش پودر سوخاری مواجه می‌شوید، زیرا این گزینه‌ها به کاربران کمک می‌کنند راه خود را در میان دسته‌بندی و انتخاب گسترده محصولات پیدا کنند. اگر وب سایتی سلسله مراتب منطقی نداشته باشد، پیمایش با بردکرامپ توصیه نمی شود. یکی از راه‌های انجام این کار، ساختن ساختار breadcrumb به عنوان نقشه سایت است که به طور کلی معماری وب را منعکس می‌کند.
ارزش آن را دارد که یک نقشه سایت ایجاد کنید و سپس بررسی کنید که آیا ناوبری بردکرامب کمک می کند یا خیر. در صورتی که ساختار صفحه شامل سطوح زیادی باشد، این باید در نقشه سایت قابل مشاهده باشد. در نهایت، breadcrumb می تواند مانند نقشه سایت ساخته شود، زیرا آنها معماری صفحه را منعکس می کنند. قانون سرانگشتی زیر مهم است:
ناوبری خرده نان یک کمک ثانویه است که جایگزین منو یا ناوبری نمی شود. بنابراین، ناوبری اولیه و ثانویه باید از هم جدا شوند، حتی از نظر چیدمان و طراحی سایت.
پیاده سازی Breadcrumbs در وب سایت
بردکرامپ را می توان به روش های مختلفی ادغام کرد:
- Plug in: بسته به CMS (مثلا وردپرس)، پلاگین های مختلفی برای پودر سوخاری امکان پذیر است. این افزونه به شما امکان می دهد تغییراتی ایجاد کنید و ناوبری ثانویه را یکپارچه کنید. پشتیبانی از داده های ساختاریافته یا ریزداده اختیاری است، زیرا بردکرامپ را می توان توسط موتورهای جستجو خوانده و در SERP ها نمایش داد.
- پی اچ پی و جاوا اسکریپت: در عوض، عناصر کد از زبان های برنامه نویسی و اسکریپت مختلف را می توان در کد منبع ادغام کرد. به عنوان مثال، یک تابع می تواند باشد در PHP تعریف شده و سپس در سند بازیابی می شود. این به روشی مشابه با جاوا اسکریپت اتفاق می‌افتد، اگرچه وب‌های تولید شده به صورت پویا نیز خرده نان دریافت می‌کنند.
- سیستم مدیریت محتوا: برخی از سیستم‌های مدیریت محتوا و فروشگاه‌ها نیز پودر سوخاری را به‌عنوان یک گزینه در باطن ارائه می‌دهند. پیاده سازی معمولا آسان است و با چند کلیک امکان پذیر است.
- HTML: تغییرات دستی بر اساس پیوندهایی است که می توانند در یک مسیر نسبی خلاصه شوند که به سایت های قبلاً بازدید شده اشاره می کند. طرح از طریق CSS شکل می گیرد و باید سازگار باشد.
مزایای ناوبری پودر سوخاری “بردکرامپ”
Breadcrumbs دارای مزایای زیر برای استفاده از وب است:
- آنها موقعیت فعلی را نسبت به سایر سطوح سلسله مراتبی یک وب سایت به کاربران نشان می دهند. با این کار، Breadcrumb یک پشتیبانی برای استفاده و ناوبری است.
- آنها به شما اجازه می دهند با یک کلیک در سلسله مراتب صفحه حرکت کنید. چه کاربر از طریق جستجوی Google یا از طریق پیوندهای عمیق در وسط معماری اطلاعات وارد شود، خرده نان یک کمک ناوبری سریع و آسان است.
- Breadcrumb ها فضای زیادی را در یک وب سایت اشغال نمی کنند و پیاده سازی نسبتاً آسانی دارند.
به گفته یک متخصص سئو، آنها هرگز در تست کاربر مشکلی ایجاد نمی کنند. کاربران می دانند که این پیمایش ثانویه چیست و چگونه می توانند از پودر سوخاری استفاده کنند.
اهمیت Breadcrumb برای سئو سایت
بر اساس آزمایش‌های کاربردی متعدد، اعتقاد بر این است که ناوبری خرده نان تا حد زیادی به کاربران در جهت‌یابی کمک می‌کند. بنابراین، از نقطه نظر قابلیت استفاده، Breadcrumb ضروری است. از منظر سئو سایت و بهینه سازی OnPage، پیاده سازی درست خرده نان مهم است. مدتی است که SERP های Google تا حدی ناوبری پودر سوخاری را در خط URL به عنوان قطعه های غنی نمایش می دهند. توصیه می‌شود ناوبری را با خرده‌های نان در کد منبع با استفاده از میکروداده برچسب‌گذاری کنید.
در یک مفهوم گسترده تر، پودرهای سوخاری به موتورهای جستجو کمک می کند تا وب سایت ها را خزیده و خلاصه کنند. از طریق ناوبری، پیوند داخلی تقویت می شود و URL هایی که به صورت موضوعی مناسب هستند از طریق عنصر ناوبری پیوند می یابند. بنابراین، از طریق ناوبری بردکرامب، دایرکتوری‌های عمیق‌تر در سلسله مراتب صفحه را می‌توان با سرعت بیشتری در دسترس خزیدن قرار داد.
بیشتر بخوانید:
