Cara Alternative Memasang Recipe Snippet 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 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.

  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='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>
    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
    }
  3. Simpan kemudian coba cek di akun Webmaster Tools sobat.
Blok kemudian tekan tombol Ctrl dan huruf C pada keyboard secara bersamaan untuk copy artikel di atas. Bagi pengguna Google Chrome bisa menyimpan halaman ini dalam bentuk *pdf melalui tombol print/save di atas.! Bagi yang mau repost ulang harap untuk mencantumkan tautan/sumber!..

Jika Anda menyukai , Share melalui social media di atas (satu suka dari anda sangat berarti bagi kami. Tuliskan kritik dan saran anda pada form komentar di bawah! Ketikan email dan klik subcribe untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Info [K-Moe].

Artikel relevan lainnya
Beri Komentar