پیش از این با ویژگی Structured Data در نتایج گوگل آشنا شده اید، در این تاپیک قصد داریم به نمایش بردکرامب / Breadcrumb یا مکان نمای محل فعلی کاربر در سایت بپردازیم. گوگل توانایی این را دارد که بردکرامب را از صفحات شما دریافت کرده و در نتایج جستجو نمایش دهد. بردکرامب که گوگل نمایش می دهد در بخش آدرس سایت در نتایج جستجو است. اکثر اسکریپت های مدرن این قابلیت را به صورت خودکار دارند و گوگل به راحتی می تواند اطلاعات موردنیاز را در این خصوص دریافت کرده و داخل نتایج جستجو اعمال کند، اما اگر سایتتان فاقد این قابلیت است در ادامه همراه بیتاک باشید.
ابتدا یک نمونه از تصویر بردکرامب در نتایج جستجو را مشاهده کنید:
همانطور که در کادر قرمز رنگ مشخص شده، آدرس دقیق صفحه به صورت زیرمجموعه ای در یک سطر نمایش داده می شود. این حالت جایگزین لینک ساده صفحات در نتایج جستجو شده است. اما برای داشتن چنین حالتی، دو حالت داریم. دو کد متنوع که روش های مختلفی برای معرفی بردکرامب به گوگل هستند.
کد HTML
کد اول، همان سورس عادی سایت است. اگر بخش بردکرامب سایت شما به صورت اصولی کدنویسی شده باشد، نیاز به هیچ اقدامی نیست و گوگل می تواند به راحتی بردکرامب را در صفحات شما تشخیص دهد. یک نمونه کد بخش بردکرامب استاندارد:
<html>
<head>
<title>انجمن بی تاک</title>
</head>
<body>
<ol>
<li>
<a href="https://betalk.ir/">بخش وبمستران</a>
</li>
<li>
<a href="https://betalk.ir/seo">آموزش سئو</a>
</li>
<li>
مقاله آموزش داده های ساختار یافته
</li>
</ol>
</body>
</html>
لیست بردکرامب باید داخل تگ <ol> قرار گرفته باشد و هر آیتم در یک تگ <li>
کد JSON
حالت بعدی، تعریف آیتم های بردکرامب در کد JSON است. نمونه:
<html>
<head>
<title>انجمن بی تاک</title>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [{
"@type": "ListItem",
"position": 1,
"name": "بخش وبمستران", // این بخش باید ویرایش شود
"item": "https://betalk.ir/" // این بخش باید ویرایش شود
},{
"@type": "ListItem",
"position": 2,
"name": "آموزش سئو", // این بخش باید ویرایش شود
"item": "https://betalk.ir/seo" // این بخش باید ویرایش شود
},{
"@type": "ListItem",
"position": 3,
"name": "مقاله آموزش داده های ساختار یافته" // این بخش باید ویرایش شود
}]
}
</script>
</head>
<body>
</body>
</html>
در این حالت طبق استاندارد داخل کد بالا باید آیتم ها را تعریف کنید و حتما آیتم ها را توسط "position": به ترتیب وارد کنید و شماره های تکراری داخل آن نباشد.
