Saturday 30 March 2013

Mengatasi warning pada Rich Snippets TestingTool

Disini saya hanya berbagi apa yang telah saya lakukan pada blog ini untuk Mengatasi warning pada Rich Snippets Testing Tool.
Saat blog ini dites strukturnya pada google webmaster muncul peringatan seperti ini:
Peringatan: Missing required field "updated"
Peringatan: Page contains property "image_url" which is not part of the schema.
Peringatan: Page contains property "blogid" which is not part of the schema.
Peringatan: Page contains property "postid" which is not part of the schema.
Setelah mondar-mandir ngebukain arsipnya om google ahirnya saya menemukan solusinya,dan saya kira ini adalah solusi terbaik untuk saya saat ini.
Sebelumnya saya ucapkan terimakasih kepada optimasi-blog.blogspot.com dan schema.org yang telah memberikan titik terang kepada saya.
Peringatan-peringatan diatas muncul akibat terjadi ketidaksesuaian struktur HTML template kita dengan aturan schema.org sebagai acuan.Untuk lebih jelasnya silahkan pelajari lagi tentang microdata dan microformat,karna sayapun belum begitu memahaminya.
Yang masih menjadi pertanyaan besar buat saya saat ini adalah,kenapa template default blogger pun masih terdapat pesan Peringatan saat dites pada rich snippets testing tool??,bagi yang mengetahuinya,tolong kasih tahu saya melalui komentar.
Sekarang kita masuk ke inti bahasan kita yaitu Mengatasi warning pada Rich Snippets Testing Tool
  1. Menghilangkan Peringatan: Missing required field "updated"
    peringatan ini berhubungan dengan tanggal atau waktu saat mempublish artikel atau saat meng'updatenya,cara menghilangkanya yaitu:
    masuk blogger.com>>> template>>>backup template(buat jaga-jaga ketika terjadi kesalahan)>>>edit HTML>>>Centang expand widget template,
  2. cari kode 'published' lengkapnya seperti ini:
    <abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'>
  3. tambahkan properti 'updated' pada properti 'published' sehingga menjadi seperti ini:
    <abbr class='updated published' expr:title='data:post.timestampISO8601' itemprop='datePublished'>

    Pada template saya ada dua script dan saya merubah keduanya.Untuk menghilangkan warning yang pertama udah selesai,terserah mau disave dulu atau dilanjut ketahap berikutnya.
  4. menghilangkan Peringatan: Page contains property "image_url" which is not part of the schema.
    Peringatan ini muncul karna properti "image_url" bukan merupankan bagian dari properti schema.Secara kasarnya properti "image_url" tidak terdaftar pada schema.org.Maka kita harus mengganti properti tersebut dengan properti yang sesuai,dimana disini saya menggantinya dengan "thumbnailUrl".Untuk menggantinya sama saja seperti cara diatas yaitu masih dalam posisi 'edit HTML',
  5. cari kode "image_url" detailnya seperti ini:
    <meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
    karna ditemplate saya ada dua script,ini script yang satunya lagi:
    <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
    kemudian keduanya saya ganti dengan 'thumbnailUrl'sehingga menjadi seperti ini:
    <meta expr:content='data:post.firstImageUrl' itemprop='thumbnailUrl'/>
    dan seperti ini:
    <meta expr:content='data:post.thumbnailUrl' itemprop='thumbnailUrl'/>
  6. menghilangkan Peringatan: Page contains property "blogid" which is not part of the schema. dan Peringatan: Page contains property "postid" which is not part of the schema.
    Untuk menghilangkan kedua peringatan ini,kita akan melakukan pergantian properti dan pemindahan script.
    Perhatikan script dibawah ini:
    <meta expr:content='data:blog.blogId' itemprop='blogId'/> <meta expr:content='data:post.id' itemprop='postId'/>
    • ganti properti 'blogId' dan 'postId' dengan properti 'owns'
    • sehingga menjadi seperti ini:
      <meta expr:content='data:blog.blogId' itemprop='owns'/> <meta expr:content='data:post.id' itemprop='owns'/>
    • kemudian copy semua script tersebut pada notepad dan delete smua script aslinya karena kita akan melakukan pemindahan pada area < p o s t - f o o t e r > tepatnya pada kode p o s t - a u t h o r.
    • cari kode script <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> detailnya seperti dibawah ini:
      <div class='post-footer'> <div class='post-footer-line post-footer-line-1'><span class='post-author vcard'> <b:if cond='data:top.showAuthor'> <data:top.authorLabel/> <b:if cond='data:post.authorProfileUrl'> <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'><meta expr:content='data:blog.blogId' itemprop='owns'/> <meta expr:content='data:post.id' itemprop='owns'/> <meta expr:content='data:post.authorProfileUrl' itemprop='url'/> <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'> <span itemprop='name'><data:post.author/></span> </a> </span> <b:else/> <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'><meta expr:content='data:blog.blogId' itemprop='owns'/> <meta expr:content='data:post.id' itemprop='owns'/> <span itemprop='name'><data:post.author/></span> </span> </b:if> </b:if> </span>
      script yang berwarna biru adalah hasil paste dari script yang kita kopy sebelumnya.
    • save template dan silahkan lakukan tes pada Rich Snippets Testing Tool, dan ini telah berhasil pada blog saya.

Ahir kata,saya hanyalah manusia biasa yang sangat jauh dari kata sempurna karna kesempurnaan hanyalah milik Tuhan.


sumber: optimasi-blog.blogspot.com dan schema.org

22 comments:

  1. Postingan yang sangat bagus dan bermanfaat gan. Nice sharing. Keep blogging! :)

    ReplyDelete
  2. kalau soal rich snippet saya tidak terlalu memahaminya sobat, jadi mohon izin untuk duduk manis saja buat menyimak :-)

    ReplyDelete
  3. @Blogaul dan @BlogS of Hariyanto
    Makasih ya udah mau mampir diblog ane yang sembraut ini :-)

    ReplyDelete
  4. mantapp om, diantara postingan solusi dr blog yg laen,, ini yang bisa menyelesaikan problem ane..!!

    ReplyDelete


  5. wah terimakasih.. infonya membantu sekali..
    tapi setelah di perbaiki sesuai dengan yang diatas, kok masih error juga ya...
    terus ada error tambahan seperti

    Peringatan: Page contains property "articlebody/aiablogid" which is not part of the schema.

    Peringatan: Missing required field "updated".

    ReplyDelete
  6. buat mas heru darmawan,setiap templet memiliki struktur yang berbeda-beda,cara diatas berhasil pada templet sederhana default blogger dan mungkin tidak cocok diterapkan pada templet mas heru.terima kasih sudah mau berkunjung.

    ReplyDelete
  7. kalau memperbaiki Kesalahan: rel missing href attribute gimana sobt?

    ReplyDelete
  8. Oke, sekarang sudah sukses! berhasil Mas wawan..terima kasih tutornya...

    ReplyDelete
  9. suwun mas..... semoga ilmunya berkah.... kunbal ya...
    http://islamiyahgamong.blogspot.com

    ReplyDelete
  10. makasih mas, problem solved.

    ReplyDelete
  11. Terima Kasih mas, Poin masalah saya yg 1 dan 2 sudah berhasil
    Makasih banget ya buat Tutorialnya
    Semoga anda sehat selalu untuk terus menulis artikel tutorial yg bermanfaat ini

    ReplyDelete
  12. saya coba membenahi kesalahan seperti ;
    Peringatan: Page contains property "image_url" which is not part of the schema.
    Peringatan: Page contains property "blogid" which is not part of the schema.
    Peringatan: Page contains property "postid" which is not part of the schema.

    tapi baru kali ini berhasil dengan sempurna. penjelasan dan langkah-langkahnya komplit. terima kasih ya :)

    ReplyDelete
  13. Alhamdulillah ternyata banyak yang berhasil juga,makasih semuanya atas kunjungan kalian,semoga artikelnya bermanfaat.

    ReplyDelete
  14. alhamdulillh kelar juga yg error , tutorialnya sangt membntu mas...

    ReplyDelete
  15. sip gan sudah o error hatomnya, terbukti manjur :v

    ReplyDelete
  16. sip gan,,, makasih gan,,,

    bisnisonlineterpercaya-idsurvei.blogspot.com

    ReplyDelete
  17. keren gan,,
    Mampir gan : http://net-tekno.blogspot.com/

    ReplyDelete
  18. yg published dan imgae udah fix, tapi yang blogid dan postid ko masih eror ya, padahal udah sama tutornya..

    ReplyDelete
  19. Thanks, helped me a lot.

    Obed Calva
    Asombroso Dios
    www.asombrosodios.com

    ReplyDelete
  20. Semestinya berhasil bagi agan-agan yang menggunakan template sederhana dari blogger seperti template yang ane gunakan saat ini,karna tutor ini ane terapkan pada template sederhana dari blogger.Bagi yang belum berhasil jangan pernah menyerah,banyak jalan menuju eropa.Untuk referensi silakan kunjungi schema.org,linknya ada dibawah postingan diatas,disitu dijelaskan tentang properti secara lengkap,mudah-mudahan yang menggunakan template apapun bisa berhasil setelah membaca situs tersebut.

    Telitilah saat mengedit HTML,jangan terburu-buru.

    ReplyDelete
  21. Salam... microdata saya bermasalah disebabkan spt ini - div itemscope='itemscope' itemtype='http://data-vocabulary.org/Review' (ERROR) dan juga berkaitan articleBody. Kenapa ya ini bisa terjadi?

    ReplyDelete
  22. Makasih..Sangat membantu

    Salam
    hayatiblogs.blogspot.com

    ReplyDelete