Pada
artikel sebelunya saya sudah membahas panjang lebar mengenai microdata.
Sekarang kita langsung praktek menggunakan microdata itu sendiri. Lettss
Goooo~~
Bila anda
menggunakan Browser Mozilla Firefox, anda dapat memanfaatkan add-ons dari pihak
ketiga yaitu (Operator)
. Dengan add-on ini anda dapat melihat blog yang sudah terpasang microdata.
Untuk
browser google chrome juga telah tersedia extensions nya yaitu (Microdata.reveal).
Gambar berikut merupakan contoh
extension microdata dari google chrome
Bila anda
ingin memasang mikrodata pada blog anda berikut saya akan memberikan
langkah-langkah nya :
1. Pertama
– tama yang harus anda lakukan yaitu login ke blog/website anda
2. Lalu
klik menu Template
3. Setelah
itu pilih edit HTML
4. Cari
Kode <head> dan tambahkan kode berikut dibawah kode <head>
<b:if cond='data:blog.url ==
data:blog.homepageUrl'><link href='https://plus.google.com/112784777842001712937'
rel='publisher'/>
</b:if>
</b:if>
5. Kemudian cari lagi kode ]]></b:skin>
dan letakan kode berikut ini di bawah kode ]]></b:skin>
.hrecipe{font:14px Arial;}
6. Selanjutnya cari kode yang kedua dari data:post.body , lalu copy kode berikut di bawah kode data:post.body
<div class='hrecipe'>
Title: <span class='item'><span class='fn'><data:post.title/></span></span><br/>
Posted by:<span class='author'><data:post.author/></span><br/>
Published :<span class='published'><data:post.timestampISO8601/></span><br/>
<span class='review hreview-aggregate'>
<span class='rating'>
Rating: <span class='average'>3.5</span><br/>
Reviewer: <span class='count'>5</span> Reviews<br/></span></span>
<span class='summary'><data:post.title/></span>
</div>
Title: <span class='item'><span class='fn'><data:post.title/></span></span><br/>
Posted by:<span class='author'><data:post.author/></span><br/>
Published :<span class='published'><data:post.timestampISO8601/></span><br/>
<span class='review hreview-aggregate'>
<span class='rating'>
Rating: <span class='average'>3.5</span><br/>
Reviewer: <span class='count'>5</span> Reviews<br/></span></span>
<span class='summary'><data:post.title/></span>
</div>
8. Setelah itu klik save template
Untuk mengecek apakah
blog anda telah terpasang microdata bisa menggunakan Rich Snipping Testing Tools
Demikian cara mengaplikasikan
microdata ke dalam blog/website . Semoga membantu ^_^
Referensi :
http://www.seocips.com/2013/11/cara-menampilkan-memasang-rating.html
1 komentar:
Write komentarijin share yah kak
ReplyElever Agency
EmoticonEmoticon