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. 

 <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 hasilnya seperti gambar di bawah :

Dan menggunakan google structured data testing tools, terbaca sebagai berikut :

Komentar

Postingan populer dari blog ini

Legenda ajisaka, joko linglung, bumi kesongo Dan asal usul honocoroko

Sistem Bilangan Biner Penjumlahan dan Pengurangan Complement

Pengertian, kekurangan dan kelebihan Algoritma K-Nearest Neighbour