اسکیمای Breadcrumb

برای شناخت اسکیمای Breadcrumb، تصور کنید برای انجام یک کار اداری وارد ساختمانی چند طبقه می‌شوید. هر طبقه ده‌ها اتاق دارد و هر اتاق مربوط به بخشی خاص است. بدون هیچ راهنما یا تابلویی، پیدا کردن اتاق مورد نظر تقریبا غیر ممکن خواهد بود. اما اگر در ابتدای هر راهرو، تابلویی نصب شده باشد که مسیر دقیق هر بخش را نشان دهد، شما می‌توانید با دنبال‌ کردن آن تابلوها، بدون سردرگمی به مقصد برسید.

این تجربه ساده، دقیقا همان چیزی ا‌ست که اسکیمای Breadcrumb در وب‌سایت‌ها برای کاربران فراهم می‌کند. با استفاده از این ساختار، نه‌تنها کاربران راحت‌تر به صفحات مورد نظر خود هدایت می‌شوند، بلکه موتورهای جستجو نیز بهتر می‌توانند ساختار سایت را تحلیل کرده و محتوای آن را درک کنند. 

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

• سرچ کنسول گوگل چیست؟ آموزش 0 تا 100 برای تازه کارها

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

اسیکمای Breadcrumb باید در همه بخش‌های وب‌سایت قرار داده شود. با این حال، برخی از آن‌ها مانند اسیکمای ویدیوها، محصولات، سوالات متداول و غیره دارای اسکیمای مخصوص خود هستند که پرداختن به آن، تمرکز اصلی مقاله حاضر است.

ساخت این اسکیما برخلاف سایر اسکیماهای دیگر، فرایند چندان دشواری نیست. 

در زیر یک نمونه از اسکیمای بردکرامب نشان داده شده است:

{"@type":"BreadcrumbList",
"@id":"https://seo90.ir/category/seo-articles/#breadcrumb",
"itemListElement":[
{"@type":"ListItem",
"position":1,
"name":"",
"item":"https://seo90.ir/"},
{"@type":"ListItem",
"position":2,
"name":""}
]}

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

در آغاز، نخستین مولفه قابل مشاهده عبارت است از “type”:”BreadcrumbList”. این یعنی شما با یک اسکیمای Breadcrumb مواجه هستید. در ادامه با مورد زیر مواجه می‌شویم:

“@id”:”https://example.ir/category/seo-articles/#breadcrumb“

این مهم، به آن صفحه‌ای اشاره دارد که Breadcrumb در آن نمایش داده می‌شود. مورد بعد از آن نیز “itemListElement” می‌باشد. اگر دقت کنید، شامل یک آرایه می‌باشد و آن دسته از مواردی که داخل Breadcrumb قرار می‌گیرند، در این آیتم گنجانده می‌شوند. هر کدام از این آیتم‌ها با BreadcrumbList نشان داده می‌شوند که موارد خاصی را در بر می‌گیرد:

در اولین مقوله که “type”:”ListItem” است، سه زیر مجموعه مشاهده می‌شوند که شامل موارد زیر هستند:

• Type: کاربرد این مورد مشخص کردن نوع آیتمی است در این اسکیما ListItem قرار گرفته است.
• Position: مشخص کردن موقعیت صفحه توسط این مورد انجام می‌شود.
• Name: آیتم Name عنوان و دسته‌بندی صفحات را مشخص می‌کند.
• Item: لینک صفحات و زیر شاخه‌های آن در این قسمت قرارمی‌گیرد.

• آموزش اسکیما : 0 تا 100 آموزش Schema
• اسکیمای Organization
• اسکیمای HowTo
• اسکیمای Local Business

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

<script type="application/ld+json">
{
      "@context": "https://schema.org",
      "@type": "BreadcrumbList",
      "itemListElement": [{
        "@type": "ListItem",
        "position": 1,
        "name": "Books",
        "item": "https://example.com/books"
   },{
        "@type": "ListItem",
        "position": 2,
        "name": "Science Fiction",
        "item": "https://example.com/books/sciencefiction"
   },{
        "@type": "ListItem",
        "position": 3,
        "name": "Award Winners"
   }]
}
</script>

اگر برای رسیدن به صفحه مد نظر، بیش از یک روش وجود داشته باشد، کد اسکیمای آن به شکل زیر خواهد بود: 

<script type="application/ld+json">
[{
      "@context": "https://schema.org",
      "@type": "BreadcrumbList",
      "itemListElement": [{
        "@type": "ListItem",
        "position": 1,
        "name": "Books",
        "item": "https://example.com/books"
   },{
        "@type": "ListItem",
        "position": 2,
        "name": "Science Fiction",
        "item": "https://example.com/books/sciencefiction"
   },{
        "@type": "ListItem",
        "position": 3,
        "name": "Award Winners"
   }]
},
{
      "@context": "https://schema.org",
      "@type": "BreadcrumbList",
      "itemListElement": [{
        "@type": "ListItem",
        "position": 1,
        "name": "Literature",
        "item": "https://example.com/literature"
   },{
        "@type": "ListItem",
        "position": 2,
        "name": "Award Winners"
   }]
}]
</script>

ایجاد Breadcrumb با افزونه یواست سئو:

• وارد پیشخوان وردپرس شوید و به Yoast بروید.
• گزینه “بهبود ظاهر جستجو” را انتخاب کنید.
• در صفحه جدیدی که باز می‌شود، از میان تب‌هایی که مشاهده می‌کنید، تب “Breadcrumb” را انتخاب کرده و تنظیمات آن را انجام دهید.

به خاطر داشته باشید که تنها ساخت اسکیمای مسیر راهنما کافی نیست بلکه برای بررسی دقیق‌تر، باید از ابزار Rich Results Test استفاده کنید. کافی ا‌ست آدرس صفحه مورد نظر را وارد کرده تا وضعیت فعال‌ بودن داده‌های ساختاریافته (Structured Data) سایت شما تحلیل شود و از صحت پیاده‌سازی اسکیمای Breadcrumb اطمینان حاصل کنید. این کار به روش زیر انجام می‌شود:

• به آدرس https://search.google.com/test/rich-results بروید
• لینک صفحه‌ای که اسکیما در آن وجود دارد را وارد کنید.
• با مشاهده نتایج، از صحیح بودن اسکیمای خود اطمینان حاصل کنید.

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

وجود بردکرامب در صفحات، علاوه بر تسهیل ناوبری، موجب افزایش مدت زمان حضور کاربر در سایت و کاهش نرخ پرش می شود. همچنین، این ساختار در نتایج جستجوی گوگل (به ویژه در نسخه موبایل) به صورت Rich Result ظاهر شده و باعث افزایش نرخ کلیک خواهد شد.

پیاده سازی اسکیمای Breadcrumb با ابزارهایی مانند افزونه Yoast در وردپرس بسیار ساده است. با این حال، بررسی صحت عملکرد آن از طریق ابزار Rich Results Test ضروری است. استفاده صحیح از این اسکیما، گامی موثر در مسیر بهبود سئو و افزایش تعامل کاربران با وب سایت خواهد بود.