بردکرامب : انواع، ضرورت و نکات مهم اجرای Breadcrumbs

بردکرامب : انواع، ضرورت و نکات مهم اجرای Breadcrumbs

تاریخ انتشار: 6 آبان 1398

تعداد بازدید: 185 نفر

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

بردکرامب (Breadcrumb Navigation) چیست؟

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

ناوبری Breadcrumb چیزی است که به عنوان "ناوبری ثانویه" در یک سایت از آن یاد می شودو اگر به طور موثر استفاده شود،بردکرامب هم برای بازدیدکنندگان سایت و هم برای موتورهای جستجو ارزشمند است.
برای کاربران می‌تواند یافتن محتوا در سایت شما را آسان‌تر کند و به آنها کمک کند متوجه شوند تا در کجای سایت شما هستند و در صورت نیاز به کاربران کمک می‌کنند تا به عقب برگردند. برای موتورهای جستجو، بردکرامب به آنها می گوید که ساختار سایت شما چگونه است.
اگر می‌خواهید تجربه کاربری بهتری را برای افرادی که به سایت شما می‌آیند ارائه دهید و به آنها کمک کنید که در آنجا گم نشوند، از بردکرامب استفاده کنید.
سه نوع بردکرامب وجود دارد:
  1. مبتنی بر سلسله مراتب
  2. مبتنی بر مسیر
  3. مبتنی بر ویژگی
همان‌طور که در مثال بالا مشاهده می‌کنید، بردکرامب از صفحه اصلی شروع می‌شود. سپس دسته‌بندی و در آخر صفحه‌ی فعلی را نشان می‌دهد. هر مرحله در این مسیر قابلیت کلیک دارد.

پیمایش Breadcrumb بر اساس سلسله مراتب

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

 
بردکرامب مبتنی بر مکان یا سلسله مراتبی
 

ناوبری Breadcrumb مبتنی بر مسیر حرکت کاربر

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

 

ناوبری Breadcrumb مبتنی بر مسیر حرکت کاربر


این نوع breadcrumbها کمترین کاربرد را در وب سایت ها دارند. این بردکرامب ها دقیقاً همان کاری را میکنند که دکمه back در مرورگرها انجام میدهد. در واقع وجود این بردکرامب هیچ کمکی به بهبود UX نمیکند و در بیشتر مواقع یک جزء زاید و اضافه است. به همین دلیل این نوع بردکرامب تقریباً منسوخ شده و به ندرت ممکن است نمونه آن را در وب سایتی ببینید.

بیشتر بخوانید: seo چیست؟

بردکرامب مبتنی بر ویژگی

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

بردکرامب مبتنی بر ویژگی

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

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

چرا بردکرامب برای سئو خوب است؟

Breadcrumbs مزایای زیادی برای سئو ارائه می دهد، از جمله:

کمک به کاربران و موتورهای جستجو در درک نحوه سازماندهی یک سایت

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

افزایش نرخ خزش و کاهش بانس ریت

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

عملکرد پیشرفته برای مرور و جستجو

پیمایش مبتنی بر ویژگی و مسیر و ترکیب آن ها، می تواند به کاربران کمک کند محتوای سایت را فیلتر کنند و به این معنی که می توانند محتوای مورد نظر خود را سریعتر و آسانتر پیدا کنند.
بازدیدکنندگان می توانند از breadcrumb های مبتنی بر ویژگی به عنوان فیلترهای جستجو و از breadcrumb های مبتنی بر مسیر برای بازگشت به نتایج فیلتر شده پس از کلیک کردن استفاده کنند که می تواند UX را به ویژه در
سایت های فروشگاهی بهبود ببخشند.
 

چند نکته برای اجرای بهتر بردکرامب

اکنون که می دانید چند نوع بردکرامب وجود دارد و فواید بالقوه آنها را می دانید، قدم بعدی اجرای آنهاست. در زیر 5 نکته وجود دارد که به شما کمک می کند از بردکرامب در وب سایت خود نهایت استفاده را ببرید.
 

نکات اجرای بهتر بردکرامب

1. فقط از Breadcrumb هایی استفاده کنید که برای وب سایت شما منطقی هستند

معمولاً اگر ساختار سایت شما بیش از دو سطح داشته باشد، بردکرامب بیشترین کاربرد را دارد. اگر ساختار سایت مسطحی دارید و همه چیز تنها یک کلیک با صفحه اصلی فاصله دارد، بردکرامب هیچ اطلاعات یا ارزش واقعی به بازدیدکنندگان شما اضافه نمی‌کنند.
نوع محتوایی را که در سایت خود ارائه می کنید و احتمال دسترسی کاربران به آن را در نظر بگیرید. در بیشتر موارد، یک سیستم مبتنی بر سلسله مراتب مؤثرترین گزینه خواهد بود؛ زیرا به طور مستقیم نحوه سازماندهی محتوای شما را منعکس می کند.
با این حال، برای مثال، اگر یک
سایت فروشگاهی دارید، صفحات محصول ممکن است ویژگی های مختلفی داشته باشند که با چندین دسته اشتراک دارد (مانند اندازه، رنگ، برند). در آن صورت، ممکن است استفاده از ترکیبی از بردکرامب مبتنی بر ویژگی و مسیر نیز منطقی باشد تا به کاربران کمک کند محصولات مورد نظر خود را پیدا کنند.

زمانی از Breadcrumbs استفاده کنید که نیازهای مخاطب شما را برآورده کند

زمانی که تصمیم می گیرید که چگونه از بردکرامب استفاده کنید، به این فکر کنید که مخاطبان شما معمولاً چگونه با سایت شما تعامل دارند. از خودتان بپرسید:

  • چه اطلاعاتی برای مخاطبان شما مهم است که بتوانند پیدا کنند؟
  • کدام صفحات در حال حاضر بیشترین و کمترین محبوبیت را دارند؟
  • کدام صفحات بیشترین و کمترین دسترسی را دارند؟

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

  • از یک نامگذاری ثابت در تمام صفحات استفاده کنید
  • بردکرامب خود را کوتاه نگه دارید و تا حد امکان از کلمات کمتری استفاده کنید
  • در صورت امکان، از بردکرامب خود برای ترکیب کلمات کلیدی اضافی استفاده کنید
  • مطمئن شوید کهبردکرامب شما به ترتیب منطقی نمایش داده می‌شود

بردکرامب خود را به روشی منطقی سازماندهی کنید

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

پیشروی از بالاترین سطح به پایین ترین

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

پیوند به صفحه فعلی را در ناوبری وارد نکنید

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

از جداکننده ها استفاده کنید

قابل تشخیص ترین نماد برای جدا کردن پیوندها در مسیرهای بردکرامب، نماد "بزرگتر از" (>) است. به طور معمول، علامت > برای نشان دادن سلسله مراتب استفاده می شود. سایر نمادهای مورد استفاده فلش های اشاره به سمت راست (→)، علامت نقل قول زاویه راست (») و اسلش (/) هستند. انتخاب شما بستگی به زیبایی شناسی سایت و نوع بردکرامب مورد استفاده دارد.

size و padding مناسب انتخاب کنید

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

طراحی Breadcrumb را ساده نگه دارید

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

طرح بردکرامب را اضافه کنید

با فعال کردن اسکیمای بردکرامب، در نتایج جستجوی گوگل، مسیرهای راهنما به‌جای URL-ها نشان داده می شوند. با افزودن قسمت‌هایی از کد به HTML خود (که به آن داده‌های ساختاری گفته می‌شود)، می‌توانید اطلاعات بیشتری در مورد صفحه و محتوای خود به موتورهای جستجو بدهید. با این تغییر در نتایج جستجو شانس شما برای گرفتن ریچ اسنیپت  افزایش می‌یابد و همچنین مسیرهای راهنما بهتر قالب‌بندی می‌شوند.
در ادامه نحوه‌ی اضافه کردن طرح مسیر راهنما به وب‌سایت آمده است:

طرح مناسب برای مسیرهای راهنما، فهرست مسیر راهنما  است. این طرح دارای مزیت‌های زیر می‌باشد:

 
  • بخش : URL صفحه برای بخش خاص
  • نام :عنوان مسیر راهنما
  • موقعیت: موقعیت این بخش در دنباله مسیر راهنما.

نگران پیچیدگی کدها نباشید، زیرا در بیشتر موارد نیاز به نوشتن این کدها به‌صورت دستی نیست. ابزارهایی وجود دارند که این کار را به‌صورت خودکار برای شما انجام می‌دهند.
افزونه Yoast SEO (ورد پرس) - افزونه Yoast SEO برای پشتیبانی از نمایشگرهای صفحه ساخته‌شده است. زمانی که این افزونه را در وب‌سایت خود فعال می‌کنید، می‌توانید آن را با مراجعه به SEARCH APPEARANCE> BREADCRUMBS(ظاهر جستجو) تنظیم کنید.
همان‌طور که در بالا مشاهده می‌کنید، می‌توانید مواردی را که در رابطه با ظاهر مسیر راهنما است، پیکربندی کنید.
سپس اطلاعات مربوط به طرح، به‌طور خودکار به صفحه‌های وب شما اضافه می‌شود.
اگر از وردپرس استفاده نمی‌کنید یا تمی متفاوت را بکار برده‌اید، بهترین راه این است که ابتدا بررسی کنید، آیا طرح مسیر راهنما در وب‌سایت شما فعال‌شده است یا خیر.
به قسمت ابزار
structutr data tools  بروید و URL یکی از صفحات خود را که دارای مسیر راهنمای فعال است، وارد کنید. اگر پیاده‌سازی داده‌های ساختاریافته کاملاً درست باشد، در نتایج سمت راست تصویر 0 خطا و 0 هشدار را مشاهده خواهید کرد. این یعنی پیاده‌سازی شما صحیح است.

کلام آخر

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


دسته بندی: سئو، سئو داخلی، سئو تکنیکال

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




 مطالعه بیشتر:
چگونه ساختار سایت را برای سئو بهینه کنیم؟
راهنمای نوشتن بهترین تگ تایتل
 
اشتراک گذاری:
021-41658