Resep Markup Untuk Blogger, Blogspot Masakan

Malam sahabat blogger.. Malam hari ini Blog Tutorial Campur Aduk akan coba sesuatu yang baru untuk memperindah blog sahabat yaitu Resep Markup Untuk Blogger, terutama blogspot yang berisikan artikel makanan, resep masakan atau kue dan hidangan apa saja yang suka sahabat posting.

Postingan artikel ini memang ditujukan untuk para blogger yang membahas seputar resep makanan, kue, masakan atau hidangan, dimana sahabat blogger ingin membumbui juga tulisan resep atau artikel makanan dan hidangan yang akan muncul dalam hasil pencarian Google. Hasil pencarian Google yang menggunakan markup halaman ini, yaitu untuk mengidentifikasi cara yang lebih baik dimana Google akan menampilkan informasi yang lebih berarti. Kalau blog resep makanan atau hidangan sahabat sudah ditambahkan informasi markup, maka google akan menampilkan halaman resep blog sahabat dengan cara yang lebih baik. Lumayan buat nambah trafik ke blog sahabat, supaya makin kenceng dan naik. Siapa tau berniat untuk Daftar Adsense biar Cepat Approve.

Bagaimana Cara kerjanya?

Kalau informasi resep ditandai dalam postingan blog sahabat, maka google akan menggunakan informasi tersebut untuk menunjukan potongan hasil resep.

Gambar di bawah ini adalah snapshot dari halaman hasil pencarian Google dan menampilkan gambar dari sosis, penilaian, informasi nutrisi dan total waktu yang dibutuhkan untuk membuat hidangan ini.

Tambahkan Markup Resep Yang Tepat Buat Blog Sahabat

Jika sahabat mencari solusi yang mudah untuk menerapkan markup resep di blog blogspot sahabat, maka sahabat harus memodifikasi template blogspot sahabat. Nggak bakalan makan waktu 5 menit, karena ini cukup sederhana. Sebagai catatan, ini akan menambahkan markup hRecipe ke semua tulisan artikel yang ada dan postingan yang baru di blog.

Caranya:

1. Login ke blogger dan pilih Template > Edit HTML
2. Centang kotak Expand Template Widget
3. Cari kode

<data:post.body/>

setelah ketemu, ganti dengan kode dibawah ini.

<b:if cond='data:blog.pageType == "item"'>
 <div class="hrecipe">
    <span class="item">
       <h1 class="fn" style="display:none"> <data:post.title/> </ h1>
    </ Span>
  <b:if cond='data:post.thumbnailUrl'>
  <img class="photo" style="display:none" expr:src ="data:post.thumbnailUrl" expr:alt="data:post.title"/>
  </ B: if>
 <data:post.body/>
 </ Div>
 <b:else/>
 <data:post.body/>
 </ B: if>

4. Simpan

Buat Postingan Baru Artikel Resep

1. Menambahkan Bahan Bahan. Ketika sahabat menambahkan bahan dalam sebuah resep, pastikan menambahkannya dengan menggunakan markup resep yang tepat. Contoh, jika dalam resep tersebut terdapat bahan-bahan seperti apel dan gula putih, maka sahabat harus menambahkan kode markup resep dibawah ini kedalam postingan tersebut.

<span class="ingredient">
      <span class="name">Apel</span>:
      <span class="amount">2 Buah</span> 
   </span>
   <span class="ingredient">
      <span class="name">Gula Putih</span>:
      <span class="amount">4 Sendok</span> 
   </span>

2. Tambahkan durasi memasak. Berapa lama waktu yang dibutuhkan untuk memasak, tambahkan dengan menggunakan format kode seperti dibawah ini.

<span class="duration"> 1 jam 30 menit <span class="value-title" title=" PT1H30M "> </ span> </ span>

Ini mengunakan format ISO 8601 PT1H30M. Kalau durasi kurang dari 1 jam, misalkan 15 menit, gunakan PT0H15M

3. Menambahkan informasi nutrisi. Untuk menambahkan informasi nutrisi, gunakan format dibawah ini.

<span class="nutrition"><span class="calories">250</span></span> 

4. Kalau sahabat sudah menggunakan markup resep diatas, test atau cek hasil markup menggunakan Rich Snippet.

Kapan akan muncul di Google?

Setelah sahabat menambahkan markup resep diatas, mungkin membutuhkan waktu beberapa minggu bagi Google untuk menjelajahi blog. Kalau nggak muncul, coba di cek lagi apakah sahabat udah menambahkan markup tersebut dengan benar atau ada kesalahan. Cek lagi dengan menggunakan Rich Snippet Testing Tool.

Mudah-mudahan Resep Markup Blogspot Masakan ini bermanfaat bagi sahabat yang doyang posting seputar Resep Masakan. Apabila ada yang kurang, mohon dimaafkan :)

Informasi lebih lanjut, hubungi kesini sebagai narasumber utamanya.