منوی برد کرامب (Breadcrumb) چیست؟ برد کرامب چند نوع دارد؟ افزودن این منو به وبسایت چه مزایایی دارد؟ آیا داشتن این منو در سایت بر سئو سایت تاثیر می‌گذارد؟ آیا برد کرامب تعامل کاربران با وبسایت را بهتر و در نتیجه تجربه کاربر (User Experience) آن را بهتر می‌کند؟ چطور می‌شود این منو را به وبسایت اضافه کرد؟
برد کرامب یکی از اجزا بسیار مهم هر سایتی است. در طراحی و سئو سایت به برد کرامب ها نیاز داریم چون آنها نقش بسیار مهمی در سئو تکنیکال سایت ایفا می‌کنند. همچنین برای بهبود تجربه کاربری مفید هستند. در این مقاله، به سوالات طرح‌شده پاسخ و به تفصیل در مورد برد کرامب و اهمیتش در بهبود تجربه کاربر و سئو سایت مطالبی ارائه می‌دهیم.
آنچه در این نوشته خواهیم داشت
بردکرامب چیست؟
برد کرامب ها مسیری را که در یک وبسایت رفته‌ایم، نمایش می‌دهند. در واقع راهنمای مسیر هستند و برای پیدا کردن مسیر به کار می‌روند و به کاربر نشان می‌دهند در کجای سایت قرار گرفته است. همچنین به موتورهای جستجو مانند گوگل کمک می‌کنند تا ساختار سایت شما را درک کنند.
Bread crumb به‌معنی نان‌ریزه است و از دو واژه Bread به معنای نان و crumb به معنای ریزه تشکیل شده است. برد کرامب در واقع متن کوتاه لینک‌دار است. کلمات برد کرامب قابلیت کلیک کردن دارند و از صفحه خانه شروع می‌شوند.
فلسفه نام‌گذاری برد کرامب از اینجا آمده است که در یک افسانه‌‌ی قدیمی، هنسل و گرتل برادر و خواهری بودند که مسیر خانه‌شان را گم می‌کنند و با کمک نان‌ریزه‌ها توانستند خانه‌شان را پیدا کنند. در واقع برد کرامب به کاربران نشان می‌دهد که چه مسیری را طی کرده‌اند تا به اینجا رسیده‌اند.
برد کرامب ها در سیستم عامل‌ها، بلاگ‌ها، وبسایت‌ها و برنامه‌های نرم‌افزاری استفاده می‌شوند. برد کرامب از علامت > برای نشان دادن جایی که در سایت قرار داریم استفاده می‌کند. محل قرارگیری برد کرامب در بالا یا پایین صفحه است. برد کرامب ها در سایت‌های فروشگاهی که ۳ یا ۴ دسته‌بندی دارند بسیار کارآمد هستند. برای مثال، وبسایتهای فروشگاهی آمازون و دیجی کالا از بردکرامب‌ها به‌طور گسترده کمک گرفته‌‌اند.
در تصاویر زیر که به ترتیب از وبسایتهای دیجی‌کالا، آمازون و Hubspot گرفته شده است، منوی برد کرامب در هر سایت در باکسی سبز علامت‌گذاری شده است.
انواع منو برد کرامب
برد کرامب ۳ نوع دارد که در ادامه، هر نوع را تعریف می‌کنیم:
- برد کرامب مبتنی بر مکان
- برد کرامب مبتنی بر ویژگی
- برد کرامب مبتنی بر تاریخچه
برد کرامب مبتنی بر مکان
این نوع به کاربر می‌گوید در کجای سایت قرار گرفته است و چگونه می‌تواند به صفحه اصلی بازگردد. برد کرامب‌های مبتنی بر مکان بیشتر در بالای صفحه قرار داده می‌شود. برد کرامب مبتنی بری مکان به شکل زیر است:
Home > Resources > SEO Guide
برد کرامب مبتنی بر ویژگی
منو برد کرامب مبتنی بر ویژگی معمولا در وبسایتهای صنعتی و فروشگاهی یا وبسایت‌هایی که متعلق‌به کسب‌‌وکارهایی هستند که محصولات صنعتی یا محصولاتی با ویژگی‌های متنوع دارند، استفاده می‌شود. این نوع ویژگی‌هایی را که کاربر روی آنها کلیک کرده است، نمایش می‌دهد. برد کرامب مبتنی بر ویژگی را کاربران وبسایتی مانند دیجی‌کالا وقتی می‌خواهند یک تلویزیون بخرند می‌بینند که براساس برند و سایز و خصوصیات دیگر نمایش داده می‌شود. منو برد کرامب مبتنی بر ویژگی به شکل زیر است:
Home > Product category > Color> Size > Shape
برد کرامب مبتنی بر تاریخچه
این نوع برد کرامب مانند تاریخچه مرورگر شماست و صفحاتی را که قبلا مرور کرده‌اید، نمایش می‌دهد. منو برد کرامب مبتنی بر تاریخچه در واقع نشان می‌دهد که کاربر از چه مسیری عبور کرده تا به صفحه‌ی کنونی رسیده است. برد کرامب مبتنی بر تاریخچه به شکل زیر است:
Home > SEO article 1 > SEO article 2 > Current page
نحوه اجرای برد کرامب
اجرای برد کرامب در سایت شما متغیرهای مختلفی را شامل می‌شود مانند: نوع سایت شما، سیستم مدیریت محتوای سایت شما (CMS)، نوع برد کرامب انتخابی.
بسته به وب سایت شما، افزودن بردکرامب به‌راحتی نصب ویجت یا افزونه به سایت آسان است. با این حال، در زمان‌های دیگر، می‌تواند ساعت ها کار از یک تیم توسعه‌دهنده برای طراحی و راه‌اندازی ساختار مناسب برای وب سایت بگیرد.
روش‌های مختلفی برای افزودن بردکرامب به وبسایت وجود دارد:
- اگر از وردپرس استفاده می‌کنید، می‌توانید از افزونه Breadcrumb وردپرس یا افزونه yoastseo استفاده کنید. همچنین چند پلاگین وجود دارد که برد کرامب را در چند مرحله به وبسایت اضافه می‌کند: Breadcrumbs NavXT. این افزونه را می توانید برای وبسایت خود سفارشی کنید.
- اگر سایت فروشگاهی دارید که از ووکامرس استفاده می‌کند، می‌توانید از پلاگین woocommerce Breadcrumb استفاده کنید. همچنین ممکن است سایت ساز یا قالب وردپرس شما ویژگی Breadcrumb را داشته باشد. مثلا بعضی قالب‌های وردپرس مانند ocean wp گزینه breadcrumb را دارند. اگر از CMS دیگری استفاده کنید، روند متفاوت خواهد بود.
- اگر وبسایت با استفاده از فریمورکها توسعه داده شده است نیز راه‌هایی برای افزودن آسان منو برد کرامب به آن وجود دارد. برای نمونه، با فریمورک Bootstrap که از محبوب‌ترین فریمورکها برای توسعه فرانت اند است، به‌راحتی می‌شود منو برد کرامب را به وبسایت اضافه کرد.
- از هر سایت‌ساز یا سیستم مدیریت محتوایی که استفاده می‌کنید، همیشه می‌توانید منو برد کرامب را با دست به کد وبسایت اضافه کنید. اگر می‌خواهید آنها در نتایج Google ظاهر شوند، باید از داده‌های ساختاریافته به روشی استفاده کنید که Google آن را درک کند. افزونه Bradcrumb وردپرس Yoast seo روشی آسان برای افزودن برد کرامب به سایت وردپرسی شما ارائه می دهد. نه تنها برای افزودن آن به سایت، بلکه برای آماده‌سازی آن برای Google، همه موارد لازم را اضافه خواهد کرد. کافی است کد زیر را به موضوعی که می‌خواهید در آن نمایش داده شود، اضافه کنید:
php?> }(('if ( function_exists('yoast_breadcrumb ;('<yoast_breadcrumb( '</p><p id="breadcrumbs">','</p><p { <?
این کد را اغلب می‌توان در داخل فایل‌های single.php یا page.php، درست بالای عنوان صفحه قرار داد. برخی از قالب‌ها آن را در انتهای فایل header.php می‌خواهند. اضافه کردن آن به توابع.php ایده خوبی نیست زیرا این امر می‌تواند مشکلاتی ایجاد کند.
پس از افزودن کد، می‌توانید به تنظیمات پیشرفته Yoast SEO بروید و پشتیبانی از بردکرامب را روشن کنید. همچنین می‌توانید نحوه شکل‌گیری ساختار و استفاده از پیشوندها را کنترل کنید. می‌توانید تنظیمات مربوط به بردکرامب را در SEO> Search Appearance> Breadcrumbs پیدا کنید.
برد کرامب بر سئو سایت چه تاثیری دارد؟
برد کرامب نوعی منو است که ناوبری وبسایت را تسهیل می‌کند. ممکن است در نظر اول این‌طور برداشت شود که این منو ناوبری و حرکت در میان صفحات یک وبسایت را برای کاربران آسان می‌کند. اما فقط کاربران نیستند که از برد کرامب برای چرخیدن در وبسایت استفاده می‌کنند. خزندگان یا ربات‌های خزنده موتورهای جستجو نیز از این منو برای درک کردن ساختار وبسایت و خزش در میان صفحات مختلف وبسایت کمک می‌گیرند. به همین دلیل است که منو برد کرامب در بهبود حرکت ربات‌های موتورهای جستجو در وبسایت و در نتیجه بهبود سئو تکنیکال وبسایت اهمیت فوق‌العاده‌ای دارد. علاوه‌بر آن، افزودن این منو مزایای دیگری دارد که بر سئو سایت تاثیر مثبت می‌گذارد.
۱) گوگل آن را دوست دارد
بازدیدکنندگان شما بردکرامب را دوست دارند، اما گوگل نیز برد کرامب را در نتایج خود نشان می‌دهد. بردکرامب‌ها روش دیگری برای نشان دادن ساختار وب سایت شما به Google محسوب می‌شوند. همچنین، Google ممکن است از آن در نتایج جستجوی واقعی نیز استفاده کند که همین نتیجه را برای کاربران بسیار جذاب‌تر می‌کند و موجب می‌شود سئو سایت شما بهبود یابد. برای اینکه شانس نمایش دادن منو برد کرامب وبسایت شما در نتایج Google بیشتر شود، باید از داده‌های ساختاریافته یا اسکیما استفاده کنید. از اسکیما یا شِما می‌توان برای توصیف برد کرامب استفاده کرد. این امر باعث می‌شود ربات‌های موتور جستجو متوجه شوند که یک برد کرامب را دنبال می‌کنند.
(تصویر بالا از analyticahouse.com برداشته شده است.)
علاوه‌بر آن، منو برد کرامب کلمات کلیدی را به صفحات خاصی مرتبط می‌کند. این به موتورهای جستجو کمک می‌کند تا درک کنند که چگونه صفحات مختلف در یک وبسایت به یکدیگر مرتبط هستند.
۲) برد کرامب تجربه کاربر را افزایش می‌دهد
هرچه وبسایت تجربه کاربر بهتری داشته باشد و کاربران از تعامل با آن راضی باشند، موتورهای جستجو نیز بیشتر به آن اعتماد می‌کنند. داشتن تجربه کاربر رضایت‌بخش از مهم‌ترین فاکتورهای سئو مدرن است. از آنجا که افراد دوست ندارند وقتی به مکان جدیدی می‌روند گم بشوند، برای پیدا کردن مسیر به دنبال تابلو و راهنما هستند. این در مورد وبسایت‌ها نیز صدق می‌کند.
شما باید بازدیدکنندگان را راضی نگه دارید و اصطکاک آنها با وبسایت را تا حد ممکن کاهش دهید. منو بردکرامب می‌تواند به ارتقای تجربه کاربر وبسایت کمک کند، زیرا این منو یک عنصر مشترک در تمامی صفحات است که بلافاصله راه نجات را به کاربران نشان می‌دهد. منو برد کرامب نمی‌گذارد تا کاربران در وبسایت سردرگم شوند و مجبور باشند برای پیدا کردن صفحه‌ای یا بازگشتن به صفحه‌ای گیج شوند و خیلی تلاش کنند.
۳) نرخ پرش را پایین می‌آورد
به سختی کسی از طریق صفحه اصلی وارد سایت می شود. همه چیز به جستجوی ارگانیک برمی‌گردد. این بدان معنی است که هر قسمت از سایت شما می‌تواند یک نقطه ورود باشد. اگر صفحه انتخاب شده نیاز کاربران را برآورده نکند، باید راهی برای راهنمایی این بازدیدکنندگان به سایر قسمت‌های سایت خود بیابید.
بردکرامب می‌تواند نرخ پرش را کاهش دهد زیرا با آن شما به بازدیدکنندگان، یک روش جایگزین برای مرور سایت خود ارائه می‌دهید. فکر نمی‌کنید بهتر است یک بازدیدکننده به صفحه اصلی وبسایت بازگردد تا اینکه دوباره به Google برگردد و وبسایت را ترک کند؟
چگونه برد کرامب برای سئو بهینه می‌شود و برای ایجاد آن باید چه نکاتی را باید رعایت کنیم؟
۱) کلمه کلیدی را که به مطلب مرتبط است برای بردکرامب استفاده کنید. با این کار سئو سایت شما بهبود می‌یابد.
۲) اندازه فونت کمی کوچک‌تر برای متن‌های منو برد کرامب مناسب است. اما مشاهده متن بسیار کوچک دشوار است و کلیک روی دستگاه‌های تلفن همراه دشوار است. باید فونت به اندازه‌ای باشد که کلیک روی آن آسان باشد.
۳) آن را در بالای صفحه یا درست بالای عنوان H1 قرار دهید تا پیدا کردنش آسان باشد.
۴) برد کرامب را جایگزین منو اصلی نکنید. منو برد کرامب به عنوان یک مکمل عمل می‌کند، نه جایگزینی برای سایر منوهای ناوبری. پس، نباید جایگزین منو‌ها و سایدبارها شود. بردکرامب وبسایت ناوبری ثانویه وبسایت شماست و هرگز نباید جایگزین ناوبری اصلی شود.
۵) از نوع درست breadcrumb استفاده کنید. برد کرامب مبتنی بر مکان رایج‌ترین نوع است. اما ممکن است بهترین انتخاب برای سایت شما نباشد. اگر سایت شما ساختار تو در تو دارد که بیشتر صفحات در آن در چند دسته قرار می‌گیرند، بهتر است از منو برد کرامب مبتنی بر مکان استفاده نکنید. در این حالت، بردکرامب مبتنی بر تاریخچه ممکن است مفیدتر باشد.
۶) اگر از منو برد کرامب در یک صفحه استفاده می‌کنید، از آن باید در سراسر وبسایت استفاده کنید.
۷) از صفحه اصلی سایت شروع کنید و صفحات را مرحله به مرحله به صفحه فعلی پیوند دهید. در وبسایتهای فارسی زبان باید از راست به چپ حرکت کنید که سمت راست لینک صفحه اصلی باشد و لینک نزدیک به سمت چپ لینک صفحه کنونی باشد.
۸) از برد کرامب در عنوان صفحه استفاده نکنید.
۹) با توجه به مخاطب وبسایت محل قرارگیری منو برد کرامب را تعیین کنید.
۱۰) سعی کنید صفحه حضور کاربر در برد کرامب مشخص باشد. همچنین این صفحه لینک نداشته باشد چون با کلیک کردن روی آن کاربر به صفحه جدید نمی‌رود و این برای کاربر جالب نیست.
۱۱) معمولا علامت های > و / در بردکرامب استفاده می‌شوند. آنها را با توجه به طراحی سایت و نوع برد کرامب استفاده کنید.
۱۲) نباید طراحی بردکرامب به‌گونه‌ای باشد که توجه کاربر را بیش از حد لزوم جلب کند.
چه موقع به برد کرامب نیاز داریم؟
در این بخش به این سوال پاسخ می‌دهیم که آیا همه وبسایت‌ها به منو برد کرامب نیاز دارند؟ به عبارت دیگر، چون وجود این منو در سایت مزایای زیادی دارد و به بهبود سئو سایت و تجربه کاربر کمک می‌کند، همه وبسایت‌ها باید آن را داشته باشند؟ خیر، همه وبسایت‌ها به منو برد کرامب نیاز ندارند. وجود این منو در وبسایت مفید است اما ضروری و لازم برای همه وبسایت‌ها نیست.
در سایت‌هایی که محصولات و خدمات زیادی دارند و در نتیجه دسته‌بندی و صفحات زیادی برای موضوعات مختلف دارند (مانند وبسایتهای فروشگاهی) باید از برد کرامب استفاده شود. این نوع وبسایت‌ها ساختار سلسله‌مراتبی دارند و برد کرامب طبقه‌بندی محتوا و صفحات را به‌خوبی نشان می‌دهد. اما در سایت‌های تک‌صفحه‌ای که ساختار سلسله‌مراتبی ندارند، به استفاده از برد کرامب نیازی نیست.
برای تصمیم‌گیری درباره افزودن منو برد کرامب به یک وبسایت باید با تیم فنی و تیم طراحی محصول (طراحان UI/UX) مشورت کرد. بنابراین، این تصمیمی نیست که کارشناس سئو به‌تنهایی آن را بگیرد. علاوه‌بر آن، چگونگی اجرای این منو در وبسایت نیز به همکاری تیم فنی و طراحان تجربه و رابط کاربر نیاز دارد.
جمع‌بندی و نتیجه‌گیری
در این مقاله در مورد تعریف بردکرامب، انواع برد کرامب ها، مزایای استفاده از برد کرامب، نحوه اجرای برد کرامب و نکاتی برای ایجاد بردکرامب صحبت کردیم و تاثیر برد کرامب بر SEO وب سایت را بررسی کردیم.
Breadcrumbs ابزاری بسیار مفید برای تجربه غنی شده کاربر است، به ویژه هنگامی که سایت شما سلسله‌مراتبی پیچیده دارد. وجود منو برد کرامب کاربران را از حفاری عمیق در وبسایت باز می‌دارد. افزودن منو برد کرامب به سایت یک تغییر ساده است که می‌تواند به سایت شما کمک کند تا در صفحه نتایج جستجو برجسته شود، چون به موتورهای جستجو کمک می‌کند تا ساختار داخلی سایت را درک کنند. بنابراین، برد کرامب به همان اندازه که برای کاربران مفید است برای موتورهای جستجو نیز مفید است چون دسترسی منطقی به تمام صفحات داخلی و خارجی سایت را برای آنها فراهم می‌کند.