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.

20 Responses to "Cara Alternative Memasang Recipe Snippet Blog"

  1. mantab tutorialnya ,

    tapi saya masih ada kendala ,
    ada gak tips memverifikasi authorship dengan mudah

    BalasHapus
    Balasan
    1. coba ini <a href="[profile_url]?rel=author">Google</a>
      kemudian tautkan ke google+ ikuti petunjuknya..

      Hapus
    2. kalau itu sudah saya coba ,

      namun tidak berhasil juga

      Hapus
    3. malescode.blogspot.com

      check kode saya mas :D

      Hapus
  2. Mantap gan :) , Postingannya Keren Bermanfaat gan ^_^

    ~ Blogwalking Andrekocak Blog - Ribuan Backlink Gratis ~

    BalasHapus
  3. [img]http://1.bp.blogspot.com/-zxxDz9N3XOE/Usl37nVfIII/AAAAAAAAHIA/Qv-3JGJCVZs/s1600/Untitled.png[/img]

    BalasHapus
    Balasan
    1. jadi ,
      kalau sudah seperti itu,
      apakah langsung berhasil...??

      Hapus
    2. sudah nyoba ganti kode <a href='https://plus.google.com/108596422238873321289?rel=author'>Google</a> dengan ini
      <a Title='' class='url' href='http://plus.google.com/108596422238873321289?' itemprop='url' rel='author'>Rizky Kurniawan Ritonga</a>

      Hapus
  4. Gitu tow mas, ijin bookmark dulu deh...
    btw blognya keren kok ^_^ ijin follow jangan lupa back
    -Salam Newbie-
    -Dek Blogger-

    BalasHapus
  5. mas gimana cara mendesain dan menghubungkan google docs seperti kirim pesan punya mas

    BalasHapus
    Balasan
    1. sangat panjang mas kalau dijelaskan di dalam komentar... lebih baik nanti saya bikin postingannya saja... Sekali lagi maaf...

      Hapus
  6. kalau menyembunyikan atau biar gak tampil di postingan tetapi masih terbaca di rich snippet gimana caranya gan?

    BalasHapus
    Balasan
    1. Coba tambahkan css ini visibility:hidden

      Hapus
    2. thanks gan, ternyata saya yang salah meletakkan .post-meta nya

      Hapus

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel