ایجاد Breadcrumb استاندارد
Breadcrumb ابزاری است که مکان فعلی کاربر را در یک صفحه نشان می دهد و به کاربر کمک میکند که به راحتی به بخش های قبل از این موضوع دسترسی داشته باشد.
این نمونه ای از Breadcrumb است.
صفحه اصلی > دسته بندی > عنوان صفحه
این کد از لحاظ ساختار valid است و اگر آن را در صفحه ای قرار دهید توسط گوگل شناسایی میشود و مانند این نصویر به جای آدرس صفحه مورد در گوگل نمایش داده میشود.
برای ساخت Breadcrumb میتوانید این کد ساده را در صفحه دلخواه قرار دهید.
<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<a href="http://yoursite.com" itemprop="url">
<span itemprop="title">صفحه اصلی</span>
</a> ‹
<div itemprop="child" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<a href="http://yoursite.com/category" itemprop="url">
<span itemprop="title">دسته بندی</span>
</a> ‹
<div itemprop="child" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<span itemprop="title">عنوان صفحه</span>
</div>
</div>
</div>
به جای yoursite.com آدرس سایت خود را وارد کنید و به جای عبارت صفحه اصلی متنی را که میخواهید به جای صفحه اصلی نشان داده شود را بنویسید.
آدرس yoursite.com/category را با آدرس دسته بندی مورد نظر جایگزین کنید و به جای عبارت دسته بندی نام دسته بندی خورد را بنویسید.
و در آخر به جای عنوان صفحه عنوان دلخواه خود را بنویسید.
---------------------------------------------------------------------------------------------------------------------------------------------------------
این آموزش برای یک صفحه html بود اما اگر از یک سیستم مدیریت محتوا استفاده میکنید برای استفاده از امکان Breadcrumb می توانید از افزونه های موجود برای سیستم مدیریت محتوای خود استفاده کنید.
