Menggabungkan bootstrap dan microdata untuk breadcrumb
Rangkaian catatan belajar sendiri skema microdata untuk web. Kali ini saya belajar bagaimana menggunakan microdata untuk membuat breadcrumb list atau menu navigasi pada sebuah halaman web, sekaligus menggabungkannya dengan bootstrap.
Dan hasilnya seperti gambar di bawah :<div class="col-md-6 col-sm-12">
<ul class="nav nav-pills nav-stacked" itemscope itemtype="http://schema.org/BreadcrumbList">
<li class="active"><a>Cerita Silat Nav</a></li>
<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
<a itemprop="item" href="http://silumanularputih.tap-tap.info">
<span itemprop="name">Siluman Ular Putih</span></a></li>
<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
<a itemprop="item" href="http://pendekargila.tap-tap.info/">
<span itemprop="name"> Pendekar Gila</span></a></li>
</ul>
</div>
Dan menggunakan google structured data testing tools, terbaca sebagai berikut :
Komentar
Posting Komentar