Friday, 22 May 2015

Cara Implementasi Microdata Pada Blog

Berikut ini adalah cara implementasi Microdata pada sebuah halaman web atau blog :


     1.  Langkah yang pertama adalah login pada Blogger.com

     2.  Setelah berhasil login, klik Design, Edit HTML. Untuk antisipasi jika terjadi 
          kesalahan sebaiknya backup terlebih dahulu tamplate sebelumnya.

     3.  Selanjutnya carilah kode seperti ini:

<b:includable id='post' var='post'>


     4.  Bila sudah ditemukan, sisipkan kode ini tepat dibawahnya :

          <div itemscope = "itemscope" itemtype="http://schema.org/Person">
          <span itemprop="name">Ichsan Perdana Putra</span>
          <span itemprop="gender">Male</span>
          <span itemprop="nationality">Indonesia</span>
          <span itemprop="email">chan.perdana@gmail.com</span>
          <span itemprop="url"><a href="twitter.com/IP_13">twitter.com/IP_13</a></span>
          </div>

         nb : kode diatas dapat diubah sesuai keingin, dengan vocabulary dari schema.org

     5. Untuk mengetahui keberhasilannya, testing dengan menggunakan Structured Data 
         Testing Tool dari Google. Atau dapat menggunakan extension web browser jika ada.
         Hasilnya adalah :


Structured Data Testing Tool
Microdata telah berhasil terpasang


Referensi :

http://optimasi-blog.blogspot.com/2012/12/microdata-pada-bloggercom.html
http://schema.org/