Alternative Memasang Secipe Snipet Blog

Alternative memasang recipe snippet

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 Mudah Memasang Recipe Snippet

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.

1. Cari kode <data:post.body/> yang terdapat diantara

<b:includable id='post' var='post'> 
.....
disini
....
</b:includable>

2. Tambahkan html di bawah ini setelah tag <data:post.body/>

<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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEk418ifNAZgFpwDqYdGNgFZRTVU7_6J-ue-hSnSf9tSMXVXaUHbq-AtOLfQvuhSLwHeH9VyHpnY7zkoUEvwo85TT8gwdoakSanMMZQa47IVyXt7jy_gF0L1ectHoV64ItL0kJuARUKqc/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>

3. Tambahkan CSS  di bawah ini  sebelum ]]></b:skin> Gunanya agar tersembunyi dari kasat mata

.post-meta {
    position:absolute!important;
    overflow:hidden;
    height:1px;
    width:1px;
    margin:0;
    padding:0
}

4. Simpan kemudian coba cek di akun Webmaster Tools sobat.

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn