How To Make Blogger Seo Friendly: Schemaorg

Cara Pasang Schema.org di Blogspot

<a name="397157283740118979"></A>Berhubung ada yang mempertanyakan bagaimana Cara Pasang Schema.org dan menerapkannya di Blogspot oleh sahabat yang berkomentar di postingan <a href="http://diarykudiblog.blogspot.com/2011/11/optimasi-seo-dengan-penambahan.html" title="Optimasi SEO Dengan Penambahan Schema.Org">Optimasi SEO Dengan Penambahan Schema.Org</A>, maka kali ini Saya akan mencoba membuatkan tutorial Cara Pasang Schema.org di Blogspot. Sebelumnya Saya minta maaf ya sobat-sobat karena baru sempat mempostingnya sekarang. Setelah melakukan beberapa tes kode snippet schema.org pada blog Saya yang ini dan yang lainnya dalam platform blogspot, akhirnya final juga cara penempatan yang tepatnya secara otomatis untuk setiap halaman, dan kali ini Saya akan membagikannya kepada sobat-sobat, ok!Berikut ini adalah Cara Pasang Schema.org di Blogspot:Login ke Blogger.comKlik Design, Edit HTML, Centang Expand Template Widget (jangan lupa download full template ya buat backup)Cari kode dibawah ini: <BLOCKQUOTE>  <html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'></BLOCKQUOTE>Kemudian ganti dengan kode berikut ini: <BLOCKQUOTE>  <html expr:dir='data:blog.languageDirection' itemscope='http://schema.org/Article' itemtype='http://schema.org/Article' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'></BLOCKQUOTE>Kemudian cari lagi kode yang seperti berikut: <BLOCKQUOTE><b:if cond='data:post.title'> <h3 class='post-title entry-title'> <b:if cond='data:post.link'> <a expr:href="data:post.link"><data:post.title/></a> <b:else/> <b:if cond='data:post.url'> <b:if cond='data:blog.url != data:post.url'> <a expr:href="data:post.url"><data:post.title/></a> <b:else/> <data:post.title/> </b:if> <b:else/> <data:post.title/> </b:if> </b:if> </h3> </b:if></BLOCKQUOTE>Ganti dengan kode dibawah ini: <BLOCKQUOTE> <b:if cond='data:post.title'> <h3 class='post-title entry-title'> <b:if cond='data:post.link'> <a expr:href="data:post.link"><data:post.title/></a> <b:else/> <b:if cond='data:post.url'> <b:if cond='data:blog.url != data:post.url'> <a expr:href="data:post.url"><data:post.title/></a> <b:else/> <data:post.title/> </b:if> <b:else/> <data:post.title/> </b:if> </b:if> </h3> </b:if> </BLOCKQUOTE>Save template Masih belum selesai bro! sekarang Edit HTML lagi, kemudian kita akan melengkapinya dengan description yang bisa menggunakan meta tag dan juga description pada body text, Caranya Menambahkan Meta Tag Itemprop Schema.org Untuk Tiap Halaman yang BerbedaCopy meta tag dibawah ini<BLOCKQUOTE> <b:if cond='data:blog.url == "http://namabloganda.blogspot.com/2011/08/post-url.html"'> <meta content="Tulis Judul Artikel disini" itemprop="name"/> <meta content="Tulis Deskripsi Postingan/artikel disini" name="description"/></b:if> </BLOCKQUOTE> Ganti url berwarna merah dengan url Anda, kemudian tempatkan dibawah meta tag Anda yang sudah ada atau dibawah kode <head>. Save template. Note: Jika menggunakan meta tag diatas maka Anda tidak perlu mengganti kode pada langkah no.4 dengan kode no. 5, jadi cukup ikuti langkah-langkah 1,2,3, dan 6 saja. Pasang atau Menambahkan Deskripsi/description Schema.org pada Body Text/Postingan Untuk menambahkan atau memasang deskripsi pada artikel/postingan blogspot Anda menggunakan schema.org snippet adalah pada saat Anda membuat artikel silakan pilih kalimat yang akan menjadi deskripsi artikel Anda tersebut, misalnya deskripsi artikelnya seperti ini: "Cara Pasang Schema.org di Blogspot atau cara Menambahkan Meta Tag Schema.org atau cara menambahkan snippet dari schema.org di blogspot". Maka untuk memasukan deskripsi tersebut sebagai snippet description, silakan tambahkan kode .... diantara text tersebut. Seperti ini jadinya: <BLOCKQUOTE> Cara Pasang Schema.org di Blogspot atau cara Menambahkan Meta Tag Schema.org atau cara menambahkan snippet dari schema.org di blogspot </BLOCKQUOTE> Selanjutnya "publish" atau terbitkan deh artikelnya, selesai. Untuk artikel yang sudah ter publish bisa ditambahkan deskripsi seperti diatas dengan cara mengedit artikelnya dan lakukan dengan cara yang sama seperti tadi. Mudah, bukan? Note: Untuk yang ini, Anda harus mengikuti langka-langkahnya dari no.1 sampai selesai. Selamat mencoba dan semoga bermanfaat. <a href="http://www.zaenudin.com/2011/11/cara-pasang-schemaorg-di-blogspot.html" rel="nofollow" target="_blank">View the original article here</a>