Cara Alternative Memasang Recipe Snippet Blog

Cara Alternative Memasang Recipe Snippet Blog. Mungkin sebagian sobat Blogger sudah banyak mengetahui tentang Rich Snippet. Rich Snippet adalah berupa data yang disajikan kepada mesin pencari, diantara nya seperti Judul, URL, Pemilik, lokasi, dll. Ketika seseorang mengetik kata kunci, maka mesin pencari seperti Google akan menyajikan data yang telah disertakan oleh pemilik web.
Cara Alternative Memasang Recipe Snippet Blog
Bagi sobat yang kesulitan dalam memasang recipe snippet dan ingin cara praktis, coba ikuti cara yang saya gunakan.. kurang lebih hasilnya seperti gambar di atas.
- Cari kode
<data:post.body/>
yang terdapat diantara<b:includable id='post' var='post'> ..... disini .... </b:includable>
- Tambahkan html di bawah ini setelah tag
<data:post.body/>
3. Tambahkan CSS di bawah ini sebelum<div class='post-meta'> <div class='hrecipe'> <div class='separator align-left'> <b:if cond='data:post.thumbnailUrl'><a expr:href='data:post.url'><img class='photo' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' expr:title='data:post.title' height='72' itemprop='image' width='72'/></a><b:else/><a expr:href='data:post.url'><img class='photo' expr:alt='data:post.title' expr:title='data:post.title' itemprop='image' src='http://2.bp.blogspot.com/-LQV025ltHWI/UnZSnJQN_GI/AAAAAAAAGes/gbXNGWA21LY/s72/logon.png'/></a> </b:if> </div>Judul: <span class='item'><span class='fn'><data:post.title/></span></span> <br/>Diposting oleh: <span class='author'>You W4hyou</span> <br/>Publikasi: <span class='published'><data:post.timestamp/></span> <br/><span class='review hreview-aggregate'><span class='rating'>Peringkat: <span class='average'>5</span> <br/>Peringkat Maksimal: <span class='count'>5</span></span> </span><span class='summary'><data:post.snippet/></span> </div> </div>
]]></b:skin>
Gunanya agar tersembunyi dari kasat mata
.post-meta { position:absolute!important; overflow:hidden; height:1px; width:1px; margin:0; padding:0 }
- Simpan kemudian coba cek di akun Webmaster Tools sobat.
mantab tutorialnya ,
BalasHapustapi saya masih ada kendala ,
ada gak tips memverifikasi authorship dengan mudah
coba ini <a href="[profile_url]?rel=author">Google</a>
Hapuskemudian tautkan ke google+ ikuti petunjuknya..
kalau itu sudah saya coba ,
Hapusnamun tidak berhasil juga
Boleh mnta almt blognya.
Hapusmalescode.blogspot.com
Hapuscheck kode saya mas :D
Iya bsok saya coba bantu
Hapusmantapz kang .. saya boleh coba ???
BalasHapusHtur thank u kang...
HapusMantap gan :) , Postingannya Keren Bermanfaat gan ^_^
BalasHapus~ Blogwalking Andrekocak Blog - Ribuan Backlink Gratis ~
[img]http://1.bp.blogspot.com/-zxxDz9N3XOE/Usl37nVfIII/AAAAAAAAHIA/Qv-3JGJCVZs/s1600/Untitled.png[/img]
BalasHapusjadi ,
Hapuskalau sudah seperti itu,
apakah langsung berhasil...??
sudah nyoba ganti kode <a href='https://plus.google.com/108596422238873321289?rel=author'>Google</a> dengan ini
Hapus<a Title='' class='url' href='http://plus.google.com/108596422238873321289?' itemprop='url' rel='author'>Rizky Kurniawan Ritonga</a>
Gitu tow mas, ijin bookmark dulu deh...
BalasHapusbtw blognya keren kok ^_^ ijin follow jangan lupa back
-Salam Newbie-
-Dek Blogger-
sip langsung ke TKP
Hapusbagus yah mas ada bintangnya..:D
BalasHapusmas gimana cara mendesain dan menghubungkan google docs seperti kirim pesan punya mas
BalasHapussangat panjang mas kalau dijelaskan di dalam komentar... lebih baik nanti saya bikin postingannya saja... Sekali lagi maaf...
Hapuskalau menyembunyikan atau biar gak tampil di postingan tetapi masih terbaca di rich snippet gimana caranya gan?
BalasHapusCoba tambahkan css ini visibility:hidden
Hapusthanks gan, ternyata saya yang salah meletakkan .post-meta nya
Hapus