تصور کنید در یک پارک بزرگ گم شده‌اید و نمی‌دانید چگونه باید از آن خارج شوید. حسابی گیج شده‌اید و به هر طرف که نگاه می‌کنید، فقط درخت و بوته می‌بینید. ناامیدانه به دنبال کسی می‌گردید تا از او بپرسید کجای پارک هستید، اما انگار هیچ‌کس در آن اطراف نیست. ناگهان، تابلوی راهنمایی پیدا می‌کنید که نشان می‌دهد دقیقاً کجا ایستاده‌اید و مسیر خروج از پارک کجاست.
در دنیای وب‌سایت‌ها، «بردکرامب»ها (Breadcrumbs) دقیقاً همین نقش را ایفا می‌کنند. آن‌ها مانند همان تابلوی راهنما عمل می‌کنند و به شما می‌گویند در کجای سایت قرار دارید و چگونه می‌توانید به بخش‌های دیگر بروید. اما بردکرامب دقیقاً چیست و چرا استفاده از آن در سایت اهمیت دارد؟ این‌ها موضوعاتی هستند که در این مطلب از فرامهام به آن‌ها خواهیم پرداخت
بردکرامب (Breadcrumb) چیست؟
در پاسخ به این سؤال باید گفت، این ابزار نوعی راهنمای مسیر برای کاربران سایت است که به آن‌ها کمک می‌کند مسیر طی شده بین صفحات را به صورت یکجا در نوار مسیر (Navigation Bar) مشاهده کنند.
بردکرامب‌ها نه تنها به کاربران کمک می‌کنند تا مسیر خود را در سایت بیابند، بلکه به گوگل نیز کمک می‌کنند تا ساختار سایت را بهتر درک کند. به همین دلیل، استفاده از بردکرامب‌ها برای هر وب‌سایتی که می‌خواهد تجربه کاربری بهتری ارائه دهد و در نتایج جستجو رتبه بالاتری کسب کند، ضروری است.
علاوه بر بردکرامب، بهتر است بدانید TTI چیست؟ و چه اهمیتی دارد؟
چرا استفاده از بردکرامب در سایت اهمیت دارد؟
اکنون که می‌دانیم بردکرامب چیست، لازم است بدانیم چرا باید از آن استفاده کنیم و چه تأثیری بر سئو دارد. در ادامه، برخی از مهم‌ترین دلایل اهمیت استفاده از بردکرامب‌ها را بررسی می‌کنیم:
۱. کمک به کاربر برای ناوبری ساده‌تر
مردم از گم شدن در هر محیطی—از کوچه و خیابان گرفته تا جنگل و حتی فضای وب—متنفرند. به همین دلیل، هنگام مواجهه با یک مکان ناشناخته، معمولاً به دنبال نشانه‌های راهنما می‌گردند. این موضوع در مورد وب‌سایت‌ها نیز صادق است.
بردکرامب‌ها می‌توانند تجربه کاربری (UX) را به طور چشمگیری بهبود بخشند. آن‌ها بلافاصله مسیر بازگشت یا انتقال به صفحات دیگر را نشان میدهند، بدون اینکه کاربر مجبور باشد بارها روی دکمه «بازگشت» کلیک کند. به این ترتیب، کاربران می‌توانند تنها با یک کلیک به بخش‌های مختلف سایت دسترسی پیدا کنند.
۲. کاهش نرخ پرش (Bounce Rate)
ارائه یک مسیر شفاف برای بازگشت به صفحات قبلی، به کاربران اطمینان می‌دهد که کنترل کاملی بر پیمایش سایت دارند. در نتیجه، احتمال ترک سریع سایت کاهش یافته و کاربران زمان بیشتری را در صفحات مختلف می‌گذرانند. این موضوع به کاهش نرخ پرش منجر می‌شود.
۳. افزایش نرخ کلیک (CTR)
اگر مسیر صفحات سایت شما در نتایج جستجوی گوگل نمایش داده شود، کاربران می‌توانند ساختار سایت را مستقیماً در SERP مشاهده کنند. این امر نه تنها اعتماد آن‌ها را جلب می‌کند، بلکه میزان کلیک (CTR) را نیز افزایش می‌دهد.
۴. تسهیل لینک‌سازی داخلی
بردکرامب‌ها در بهینه‌سازی سئو نیز نقش مهمی ایفا می‌کنند، زیرا هر بخش از آن شامل لینک‌های داخلی است. کاربران با کلیک روی هر قسمت می‌توانند به صفحه مربوطه هدایت شوند.
به عبارت ساده، بردکرامب‌ها نوعی سیستم لینک‌دهی داخلی ایجاد می‌کنند. استفاده از انکرتکست‌های دقیق در بردکرامب، به تقویت این فرآیند کمک شایانی می‌کند.
۵. بهبود ظاهر در نتایج گوگل (Rich Snippets)
بردکرامب‌ها تنها به کاربران در پیمایش سایت کمک نمی‌کنند، بلکه می‌توانند باعث نمایش نتایج غنی شده (Rich Snippets) در گوگل شوند. البته این اتفاق زمانی رخ می‌دهد که از داده‌های ساختاریافته (Structured Data) استفاده کنید و گوگل بتواند این اطلاعات را در SERP نمایش دهد.
با این کار، کاربران به راحتی مسیر دسترسی به صفحات مختلف را پیدا می‌کنند و می‌توانند به بخش‌های مرتبط سایت شما سریع‌تر دسترسی داشته باشند.
برای کسب اطلاعات بیشتر، حتما درمورد fcp چیست و چه کاربردی در سئو دارد بخوانید.
انواع رایج بردکرامب
بعد از دانستن اینکه بردکرامب چیست، نوبت به شناخت انواع آن می رسد. رایج‌ترین انواع بردکرامب در طراحی سایت شامل موارد زیر می‌شوند:
بردکرامب مکانی (Location-based)
بردکرامب مکانی به کاربر نشان می‌دهد دقیقا کجای سایت قرار گرفته و چگونه می‌تواند به صفحه اصلی بازگردد.
مثال: خانه > وبلاگ > سئو > خدمات سئو داخلی.
این نوع بردکرامب باعث می‌شود کاربر از صفحه‌ای که در آن قرار گرفته، به صفحه سطح بالاتر برود. با بردکرامب مکانی کاربر به راحتی می‌تواند ببیند امتداد معماری سایت کجاست و به راحتی به سمت صفحه سطح بالاتر حرکت کند.
بردکرامب ویژگی محور (Attribute-based)
اگر می خواهید بدانید Attribute-based بردکرامب چیست، باید بگوییم این نوع بردکرامب بر اساس ویژگی‌هایی که کاربر روی صفحه اعمال می‌کند، مسیر را به صورت پویا تغییر خواهد داد. به عبارت ساده‌تر می‌توان گفت کارکردی شبیه به فیلتر دارد و با اعمال فیلترها توسط کاربر تغییر می‌کند و ثابت نیست.
بردکرامب ویژگی محور بیشتر در فروشگاه‌های اینترنتی و در کنار بردکرامب مکانی مورد استفاده قرار می‌گیرد و به کاربران کمک می‌کند تا محصول خود را دقیق‌تر در سایت پیدا کنند.
مثال: صفحه اصلی > دسته‌بندی محصول > جنسیت > اندازه > رنگ.
بردکرامب مسیر یا تاریخچه (Path-based)
این نوع بردکرامب دقیقا کاری شبیه به دکمه بازگشت مرورگر انجام می‌دهد و این امکان را برای کاربر فراهم می‌کند تا به یکی از صفحات قبل که از آن‌ها بازدید کرده بود، برگردد. به‌طورکلی می‌توان گفت بردکرامب مسیر نشان می‌دهد کاربر از چه مسیری عبور کرده تا به صفحه کنونی رسیده است.
مثال: صفحه اصلی > صفحه قبلی > صفحه قبلی > صفحه قبلی > صفحه فعلی.
بردکرامب چه تاثیری در سئو سایت دارد؟
بردکرامب ها نقش مهمی را در سئوی وب‌سایت ایفا می‌کنند و به چند طریق بر آن تاثیر می‌گذارند. مهم‌ترین تاثیر بردکرامب در سئو شامل موارد زیر می‌شود:
نمایش در نتایج جستجو (SERP)
گوگل ممکن است بردکرامب ها را در نتایج جستجو نشان دهد. با این کار، کاربران قبل از ورود به سایت، ساختار و محتوای آن را بهتر درک خواهند کرد. علاوه بر این، نمایش بردکرامب در SERP می‌تواند افزایش CTR را به همراه داشته باشد؛ زیرا کاربران با دیدن مسیر صفحات، اطمینان بیشتری به محتوای سایت شما پیدا خواهد کرد و راحت‌تر روی آن کلیک می‌کنند.
تقویت ساختار سایت و ایندکس بهتر
بردکرامب ها کمک می‌کنند موتورهای جستجو همچون گوگل ساختار سایت شما را بهتر درک کنند. چنین کاری باعث می‌شود گوگل صفحات سایت شما را موثرتر ایندکس کند. درنتیجه رتبه سایت شما در نتایج جستجو بهبود می‌یابد.
چگونه بردکرامب را به سایت اضافه کنیم؟
بعد از اینکه دانستیم بردکرامب چیست، انواع آن کدامند و چه اهمیتی برای سایت دارد، وقت آن رسیده آن را به سایتمان اضافه کنیم. روش‌های مختلفی برای افزودن Breadcrumb به سایت وجود دارد که چند مورد از مهم‌ترین آن‌ها شامل موارد زیر می‌شوند:
استفاده از افزونه‌های وردپرس
اگر از وردپرس استفاده می‌کنید، پلاگین های مختلفی وجود دارد که می‌توانند در فعال کردن این ویژگی کمک‌کننده باشند.
- Breadcrumb NavXT یکی از افزونه‌هایی است که رابط کاربری راحتی داشته و امکان سفارشی‌سازی مسیرها را نیز در اختیارتان قرار می‌دهد.
- WooCommerce Breadcrumb، پلاگین دیگری است که به کمک آن می‌توانید بردکرامب را به سایت وردپرسی خود اضافه کنید. خود افزونه ووکامرس نیز در سایت‌های وردپرسی، امکان افزودن بردکرامب به صفحات فروشگاهی را فراهم می‌کند.
- اگر افزونه Yoast SEO را روی سایتتان نصب کنید، به کمک آن نیز می‌توان این ویژگی را به کل مسیرهای سایت وردپرسی اضافه کرد.
- Rank Math یکی دیگر از بهترین افزونه‌های سئو وردپرسی است که امکان اضافه کردن بردکرامب را دارد.
کدنویسی دستی در قالب HTML/CSS/JS
یکی دیگر از روش‌های اضافه کردن بردکرامب به سایت، استفاده از کدنویسی است. برای این منظور باید به تنظیمات قالب خود در مسیر Appearance > Theme بروید و به قسمت php مراجعه کنید. سپس کد زیر را به این قسمت وارد کرده و دکمه ذخیره را بزنید.
<?php if( function_exists( ‘aioseo_breadcrumbs’ ) ) aioseo_breadcrumbs(); ?>
استفاده از فریمورک‌هایی که breadcrumb را پیش‌فرض دارند
بسیاری از فریم ورک های محبوب، افزونه‌هایی را برای اضافه کردن Breadcrumb به وب‌سایت ارائه میدهند. با استفاده از فریم ورک های و افزونه‌های آماده، فرآیند اضافه کردن بردکرامب ساده‌تر و سریع‌تر خواهد بود و از بروز خطاهای احتمالی جلوگیری می‌شود.
استفاده از اسکیمای ساختاریافته (Schema.org/BreadcrumbList)
اگر جزو کاربرانی هستید که وب‌سایت شما به صورت برنامه‌نویسی و بدون کد نویسی بالا آمده است، برای افزودن بردکرامب باید ابتدا به سراغ داکیومنت های گوگل بروید تا بر اساس آن بتوانید این آیتم را به سایت اضافه کنید. در چنین مواقعی توصیه گوگل، استفاده از اسکیماهای ساختاریافته همچون BreadcrumbList و Schema.org خواهد بود.
آموزش اضافه کردن بردکرامب به وردپرس
در ادامه مطلب بردکرامب چیست، آموزش بردکرامب در وردپرس را با استفاده از افزونه Yoast SEO توضیح خواهیم داد:
- ابتدا باید در پنل وردپرس به بخش افزونه Yoast SEO بروید.
- سپس گزینه «بهبود ظاهر جستجو» را انتخاب کنید.
- صفحه‌ای باز می‌شود که در یک بخش از قسمت بالایی آن، منوی «مسیر راهنما» به چشم می‌خورد. روی آن کلیک کنید و تنظیمات مربوطه را انجام دهید.
- در پایان نیز روی کادر آبی رنگ «ذخیره تغییرات» ضربه بزنید.
اشتباهات رایج در استفاده از بردکرامب
درست است که استفاده از بردکرامب می‌تواند بهبود تجربه کاربری و سئوی وب‌سایت را به همراه داشته باشد، اما اشتباهات رایجی وجود دارد که بهتر است هنگام استفاده از آن‌ها اجتناب شود. در این بخش از مطلب بردکرامب چیست، به مهم‌ترین این اشتباهات اشاره خواهیم کرد:
تکرار منوی اصلی
یکی از رایج‌ترین اشتباهاتی که برخی از طراحان وب مرتکبش می‌شوند، این است که از بردکرامب به عنوان یک روش چیدمان وب‌سایت استفاده می‌کنند و آن را با منو سایت یکی می‌دانند. درواقع درستش این است که بردکرامب به عنوان یک راهنمای مسیر برای کاربران استفاده شود و بالای صفحات قرار بگیرد تا کاربران بتوانند خیلی راحت به صفحات قبلی برگردند. پس می‌توان گفت کاربرد آن بسیار متفاوت از منو خواهد بود.
بردکرامب خیلی طولانی یا خیلی کوتاه
بردکرامب های ناقص (خیلی طولانی یا خیلی کوتاه) می‌توانند روی سئو سایت تاثیر منفی بر جای بگذارند و این یکی از همان اشتباهاتی است که برخی از وب‌سایت‌ها را به دام می‌اندازد. به عنوان مثال بردکرامبی که تنها به صفحه فعلی اشاره دارد و صفحات قبلی را شامل نمی‌شود، عملا برای کاربران بی‌معنی خواهد بود.
استفاده نادرست از نوع بردکرامب
یکی دیگر از اشتباهات رایج، استفاده از بردکرامب نادرست است. درست است که بردکرامب مکانی رایج‌ترین نوع است، اما ممکن است بهترین انتخاب برای سایت شما نباشد. اگر سایتی با ساختار پیچیده دارید و بیشتر صفحات در آن در چند دسته قرار می‌گیرند، بهتر است از بردکرامب مکانی استفاده نکنید و در عوض به سراغ بردکرامب تاریخچه بروید.
چگونه صحت اجرای بردکرامب را تست کنیم؟
برای اینکه بفهمید بردکرامب های سایت شما به درستی اجرا می‌شوند، می‌توانید از ابزارهای مختلفی کمک بگیرید. این ابزارها، ساختار داده‌های بردکرامب ها را بررسی می‌کنند و از سازگاری آن با دستورالعمل‌های گوگل مطلع می‌شوند. در ادامه چند ابزار مفید معرفی شده است:
Rich Results Test
این ابزار توسط گوگل ارائه شده و این امکان را فراهم می‌کند تا URL صفحات سایتتان را وارد کنید و ببینید آیا ساختار داده‌های بردکرامب به درستی شناسایی می‌شوند یا نه. به کمک Rich Results Test می‌توانید ببینید بردکرامب ها چگونه در نتایج جستجو نمایش داده می‌شوند و هرگونه خطا یا هشداری را نیز گزارش می‌کند.
Google Structured Data Testing Tool
این ابزار را نیز گوگل ارائه می‌دهد و به کاربران کمک می‌کند تا کد HTML صفحات سایتشان را وارد کرده و ساختار داده‌های آن را بررسی کنند. به کمک این ابزار می‌توانید بفهمید آیا ساختار داده‌های بردکرامب به درستی تعریف شده‌اند یا خیر و هرگونه خطا یا هشدار را گزارش می‌کند.
سرچ کنسول (بخش Enhancements)
سرچ کنسول ابزار قدرتمندی است که بر عملکرد سایت در نتایج جستجو نظارت می‌کند. در بخش Enhancements این ابزار می‌توانید گزارش‌هایی مربوط به ساختار داده‌های سایت خود، ازجمله بردکرامب‌ها را مشاهده کنید.
برای بهینه‌سازی وب‌سایت خود و بهبود رتبه در موتورهای جستجو، می‌توانید از خدمات سئو خارجی آژانس دیجیتال مارکتینگ فرامهام استفاده نمایید.
سخن پایانی
در این مقاله به بررسی جامع بردکرامب پرداختیم و جنبه‌های مختلف آن را مورد تحلیل قرار دادیم. ابتدا به تعریف دقیق بردکرامب و کاربردهای آن اشاره کردیم، سپس انواع مختلف این ابزار کاربردی را معرفی نمودیم. در ادامه، روش‌های پیاده‌سازی بردکرامب در سیستم مدیریت محتوای وردپرس را به تفصیل شرح دادیم و همچنین اشتباهات رایجی که ممکن است در استفاده از این قابلیت رخ دهد را برشمردیم.
در خاتمه باید تأکید کنیم که بردکرامب یکی از مؤثرترین ابزارهای ناوبری در طراحی وب محسوب می‌شود. این فناوری با ارائه مسیر واضح و روشن، از سردرگمی کاربران در ساختار پیچیده سایت جلوگیری می‌کند. از سوی دیگر، بردکرامب نقش بسزایی در بهینه‌سازی موتورهای جستجو (SEO) ایفا می‌نماید، چرا که هم به کاربران کمک می‌کند تا موقعیت خود را در سایت درک کنند و هم به موتورهای جستجو این امکان را می‌دهد که ساختار و سلسله مراتب صفحات سایت را بهتر تحلیل نمایند. این ویژگی‌ها در کنار هم، بردکرامب را به عنصری ضروری در طراحی وبسایت‌های مدرن تبدیل کرده است.
