فهرست مطالب
داشتن یک وبسایت سازماندهیشده که کاربران بهراحتی بتوانند در آن حرکت کنند، یکی از مهمترین فاکتورهای موفقیت آنلاین است. مسیر پیمایش یا بردکرامب (Breadcrumb)، دقیقاً همان ابزاری است که این هدف را محقق میکند. با استفاده از بردکرامب در المنتور، کاربران و خزندههای گوگل میتوانند بهسادگی جایگاه خود را در ساختار سایت پیدا کنند و تجربه کاربری (UX) شما بهشدت بهبود مییابد.
در این قسمت از دوره آموزش طراحی سایت شبیه دیجی کالا با المنتور ، ما به صورت کاملاً جامع و گام به گام به شما آموزش ساخت مسیر پیمایش در المنتور را ارائه خواهیم داد و تمامی نکات مهم برای تنظیم آن در ووکامرس را بررسی خواهیم کرد. اگر به دنبال افزودن بردکرامب به المنتور هستید تا سئوی سایت خود را تقویت کنید، این مقاله برای شماست.
بردکرامب چیست و چرا برای سئو و تجربه کاربری حیاتی است؟
بردکرامب (Breadcrumb) به معنی “خردههای نان” است و این نام از داستان هانسل و گرتل الهام گرفته شده که با استفاده از خردههای نان مسیر خود را پیدا میکردند. در دنیای وب، بردکرامب یک خط لینکهای متنی است که مسیر کاربر را از صفحه اصلی تا صفحه فعلی نشان میدهد. این مسیر معمولاً به شکل خانه > دسته > زیردسته > صفحه فعلی نمایش داده میشود.
مزایای اصلی استفاده از بردکرامب:
- بهبود ناوبری و تجربه کاربری: بردکرامب به کاربران کمک میکند تا در هر لحظه بدانند کجا هستند و بهراحتی به صفحات بالاتر (مثلاً صفحه دستهبندی) بازگردند. این کار نرخ پرش را کاهش داده و تعامل کاربر با سایت را افزایش میدهد.
- تأثیر مثبت بر سئو: گوگل از بردکرامب برای درک بهتر ساختار و سلسلهمراتب صفحات سایت استفاده میکند. با استفاده از اسکیمای بردکرامب (Breadcrumb Schema)، میتوانید لینکهای مسیر پیمایش را به صورت جذابتری در نتایج جستجو (SERP) نمایش دهید که نرخ کلیک (CTR) را بالا میبرد.
- افزایش زمان ماندگاری کاربر: ناوبری آسان باعث میشود کاربران زمان بیشتری را در سایت شما سپری کرده و صفحات بیشتری را مشاهده کنند.
پیشنیازها: آمادهسازی برای ساخت مسیر پیمایش در المنتور
برای ساخت بردکرامب در المنتور، 2 راه پیش روی شماست:
- استفاده از افزونه های سئو (مانند Yoast SEO یا Rank Math): این افزونهها دادههای ساختاریافته (Schema) بردکرامب را به صورت خودکار ایجاد میکنند که برای نمایش صحیح و سئو بسیار حیاتی است. در این حالت، شما از ویجت اختصاصی بردکرامب در المنتور پرو استفاده میکنید.
- استفاده از ویجت مسیر پیمایش ووکامرس در المنتور: اگر افزونه ووکامرس را روی سایت خود نصب کرده باشید، ووکامرس به طور پیشفرض یک ویجت به نام “مسیر پیمایش محصول ووکامرس” را به لیست ویجتهای المنتور اضافه میکند. با استفاده از این ویجت، نیازی به افزونه سئو برای ایجاد بردکرامب ندارید و میتوانید مسیر پیمایش را برای صفحات محصولات خود به راحتی ایجاد کنید.
بسته به اینکه کدام روش را انتخاب میکنید، مراحل را به صورت گام به گام دنبال میکنیم.
گام به گام: آموزش ساخت بردکرامب با المنتور پرو و افزونههای سئو
اگر از افزونههای سئو استفاده میکنید، مراحل زیر را دنبال کنید:
گام اول: فعالسازی بردکرامب در افزونه سئو
قبل از هر کاری، باید تنظیمات مربوط به مسیر پیمایش را در افزونه سئوی خود فعال کنید. در اینجا نحوه انجام این کار را برای محبوبترین افزونهها توضیح میدهیم:
Yoast SEO:
- به بخش Yoast SEO > تنظیمات > بردکرامب بروید.
- گزینه “فعال کردن بردکرامب” را روشن کنید.
- در این بخش، میتوانید جداکننده (مانند
>یا/) و متن صفحه اصلی را تنظیم کنید. - تنظیمات را ذخیره کنید.
Rank Math:
- به بخش Rank Math > تنظیمات عمومی > بردکرامب بروید.
- گزینه “فعال کردن بردکرامب” را فعال کنید.
- در اینجا نیز میتوانید تنظیمات مربوط به جداکننده، صفحه اصلی و سایر موارد را سفارشیسازی کنید.
- تنظیمات را ذخیره کنید.
گام دوم: افزودن ویجت بردکرامب به المنتور
حالا که افزونه سئو آماده است، میتوانید بردکرامب را به طراحی خود اضافه کنید:
- وارد ویرایشگر المنتور شوید (مثلاً با ویرایش هدر یا قالب تکصفحه).
- در نوار جستجوی المنتور، “Breadcrumb” را جستجو کنید.
- ویجت Breadcrumb را به محل دلخواه خود در صفحه بکشید و رها کنید.
- به صورت خودکار، مسیر پیمایش بر اساس ساختار صفحه نمایش داده میشود.
گام سوم: سفارشیسازی ظاهر مسیر پیمایش در المنتور
پس از قرار دادن ویجت، میتوانید آن را از نظر ظاهری شخصیسازی کنید. از تب “استایل (Style)” در پنل المنتور استفاده کنید تا تغییرات زیر را اعمال کنید:
- همراستایی (Alignment): مسیر را به چپ، راست یا مرکز منتقل کنید.
- فاصله بین لینکها: فاصله بین آیتمهای بردکرامب را تنظیم کنید.
- جداکننده (Separator): میتوانید نماد جداکننده را تغییر دهید.
- تایپوگرافی و رنگ: فونت، اندازه، وزن و رنگ متن و لینکها را سفارشیسازی کنید.
با این تنظیمات، طراحی بردکرامب در المنتور کاملاً تحت کنترل شما خواهد بود.
بردکرامب در ووکامرس: استفاده از ویجت اختصاصی ووکامرس
اگر افزونه ووکامرس را نصب کرده باشید، میتوانید به سادگی و بدون نیاز به افزونههای سئو، مسیر پیمایش را برای صفحات محصولات خود ایجاد کنید.
نحوه افزودن ویجت مسیر پیمایش محصول ووکامرس:
- در ویرایشگر المنتور، به دنبال ویجت “مسیر پیمایش ووکامرس” یا “WooCommerce Breadcrumbs” بگردید.
- این ویجت را به قسمت مورد نظر در قالب صفحات محصول یا هدر سایت خود اضافه کنید.
- این ویجت به صورت خودکار سلسلهمراتب دستهبندی و عنوان محصول را نمایش میدهد.
- با استفاده از گزینههای استایلدهی در المنتور، میتوانید ظاهر این ویجت را نیز سفارشی کنید.
سوالات متداول (FAQ) درباره بردکرامب در المنتور
آیا برای ساخت بردکرامب حتماً به المنتور پرو نیاز دارم؟
برای استفاده از ویجت اختصاصی بردکرامب المنتور، بله، به المنتور پرو نیاز دارید. اما اگر از افزونه ووکامرس استفاده میکنید، ویجت “مسیر پیمایش ووکامرس” به صورت رایگان در اختیار شما قرار میگیرد.
چگونه میتوانم ظاهر بردکرامب را در المنتور تغییر دهم؟
برای تغییر ظاهر، میتوانید از تب “Style” در تنظیمات ویجت استفاده کنید. برای تغییرات پیشرفتهتر، میتوانید از بخش CSS سفارشی (Custom CSS) المنتور استفاده کنید.
آیا استفاده از بردکرامب باعث بهبود رتبه سئو میشود؟
بله، بردکرامب به طور مستقیم و غیرمستقیم بر سئوی سایت شما تأثیر میگذارد. از یک سو با بهبود تجربه کاربری نرخ پرش را کاهش میدهد و از سوی دیگر با استفاده از دادههای ساختاریافته بردکرامب، به موتورهای جستجو در درک بهتر ساختار سایت کمک میکند.
نتیجهگیری
ساخت بردکرامب در المنتور یک فرآیند ساده است که تأثیرات شگفتانگیزی بر روی سئو و تجربه کاربری سایت شما خواهد داشت. با استفاده از ویجت بردکرامب المنتور پرو و تنظیم صحیح آن با یک افزونه سئو، یا با استفاده از ویجت اختصاصی ووکامرس، میتوانید یک مسیر پیمایش حرفهای برای سایت خود ایجاد کنید.
به خصوص برای سایتهای فروشگاهی، مسیر پیمایش در ووکامرس یک ویژگی حیاتی است که به مشتریان در پیدا کردن محصولات مورد نظرشان کمک میکند و در نهایت، فروش شما را افزایش میدهد.
اگر سوال یا تجربهای در زمینه ساخت بردکرامب دارید، در بخش نظرات با ما در میان بگذارید.
کاربران گرامی:
برای مشاهده آموزش کامل این ویدیو ، ابتدا باید عضو دوره جامع طراحی فروشگاه اینترنتی مشابه دیجی کالا باشید ، پس از عضویت ، براحتی دسترسی کامل به محتوای آموزشی کامل ویدیو و همچنین فایل ها و کدهای آماده دوره را خواهید داشت.
