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. <P>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!</P><P>Berikut ini adalah Cara Pasang Schema.org di Blogspot:</P>Login ke Blogger.comKlik Design, Edit HTML, Centang Expand Template Widget (jangan lupa download full template ya buat backup)Cari kode dibawah ini:<BR><BLOCKQUOTE><!--xml version="1.0" encoding="UTF-8" ?--><BR><!--DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"--><BR><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:<BR><BLOCKQUOTE><!--xml version="1.0" encoding="UTF-8" ?--><BR><!--DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"--><BR><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:<BR><BLOCKQUOTE><b:if cond='data:post.title'><BR><h3 class='post-title entry-title'><BR><b:if cond='data:post.link'><BR><a expr:href="data:post.link"><data:post.title/></a><BR><b:else/><BR><b:if cond='data:post.url'><BR><b:if cond='data:blog.url != data:post.url'><BR><a expr:href="data:post.url"><data:post.title/></a><BR><b:else/><BR><data:post.title/><BR></b:if><BR><b:else/><BR><data:post.title/><BR></b:if><BR></b:if><BR></h3><BR></b:if></BLOCKQUOTE>Ganti dengan kode dibawah ini:<BR><BLOCKQUOTE><!-- original trick by diarykudiblog.blogspot.com --><BR><b:if cond='data:post.title'><BR><h3 class='post-title entry-title'><BR><b:if cond='data:post.link'><BR><a expr:href="data:post.link"><span itemprop="name"><data:post.title/></span></a><BR><b:else/><BR><b:if cond='data:post.url'><BR><b:if cond='data:blog.url != data:post.url'><BR><a expr:href="data:post.url"><span itemprop="name"><data:post.title/></span></a><BR><b:else/><BR><data:post.title/><BR></b:if><BR><b:else/><BR><data:post.title/><BR></b:if><BR></b:if><BR></h3><BR></b:if><BR><!-- diarykudiblog.blogspot.com --></BLOCKQUOTE>Save template<BR>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 <P><B>Menambahkan Meta Tag Itemprop Schema.org Untuk Tiap Halaman yang Berbeda</B></P><P>Copy meta tag dibawah ini</P><BLOCKQUOTE><!-- meta itemprop by diarykudiblog.blogspot.com --><BR><b:if cond='data:blog.url == "http://namabloganda.blogspot.com/2011/08/post-url.html"'><BR><meta content="Tulis Judul Artikel disini" itemprop="name"/><BR><meta content="Tulis Deskripsi Postingan/artikel disini" name="description"/></b:if><BR><!-- diarykudiblog.blogspot.com --></BLOCKQUOTE><BR>Ganti url berwarna merah dengan url Anda, kemudian tempatkan dibawah meta tag Anda yang sudah ada atau dibawah kode <head>. Save template.<BR><B>Note:</B> 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. <P><B>Pasang atau Menambahkan Deskripsi/description Schema.org pada Body Text/Postingan </B></P><P>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 <span itemprop="description">....</span> diantara text tersebut. Seperti ini jadinya:<BR><BLOCKQUOTE><!-- original trick by diarykudiblog.blogspot.com --><BR><span itemprop="description">Cara Pasang Schema.org di Blogspot atau cara Menambahkan Meta Tag Schema.org atau cara menambahkan snippet dari schema.org di blogspot</span><BR><!-- diarykudiblog.blogspot.com --></BLOCKQUOTE><BR>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?<BR><B>Note:</B> Untuk yang ini, Anda harus mengikuti langka-langkahnya dari no.1 sampai selesai. <P>Selamat mencoba dan semoga bermanfaat. </P><br /><p><a href="http://www.zaenudin.com/2011/11/cara-pasang-schemaorg-di-blogspot.html" rel="nofollow" target="_blank">View the original article here</a></p>

Cara Pasang Schema.org di Blogspot

Berhubung ada yang mempertanyakan bagaimana Cara Pasang Schema.org dan menerapkannya di Blogspot oleh sahabat yang berkomentar di postingan...

Baca selengkapnya »

Pasang Dynamic Meta Tag Description Setiap Postingan Blogspot Tanpa Edit HTML

<a name="5258233308739671121"></A>Cara pasang meta tag description berbeda setiap postingan blogspot (New Blogger Interface) terbaru tanpa edit html/template. Dengan munculnya new blogger interface atau tampilan baru blogger dashboard kini cara pasang meta tag blogspot untuk setiap postingan maupun homepage tidak perlu lagi mengharuskan kita untuk melakukan edit html seperti yang biasa kita lakukan pada blogger tampilan lama. <P>Jika dibilang, kini blogger lebih mudah untuk dibuat bersahabat dengan search engine. Di wordpress jika kita ingin menambahkan meta tag seo friendly telah disediakan plugin yang dinamakan all in one seo pack dan tanpa harus mengedit template, namun di blogspot kita tidak memerlukan plugin semacam itu karena blogger telah memfasilitasi blogspot dengan fitur search preference dan search description .</P><P>Tetapi, hanya satu yang kurang dari blogger jika dibandingkan dengan wordpress yaitu tidak adanya fitur penambahan keyword dan tag. Meskipun demikian tidaklah menjadi problem untuk blogspot agar tetap seo friendly dengan google karena keyword tidaklah terlalu penting bagi google dalam penempatan posisi hasil pencarian, dan yang terpenting adalah search description atau meta tag description karena description (deskripsi) memberikan arahan dan keterangan yang lebih jelas kepada pengunjung mengenai apa maksud dari suatu isi artikel.</P><P>Cara pasang meta tag blogspot tanpa edit html di setiap postingan (post page) yang saya maksud disini tidak jauh berbeda dengan <a href="http://diarykudiblog.blogspot.com/2012/08/pasangmetatagdescriptionhomepagetanpaedithtml.html">cara pasang meta tag description homepage blogspot tanpa edit html</A> sebelumnya yang saya aplikasikan untuk <a href="http://diarykudiblog.blogspot.com/2012/08/thesisseoforblogspot.html">thesis blogspot</A> atau <a href="http://diarykudiblog.blogspot.com/2012/08/thesisseoforblogspot.html">thesis seo</A> template. Seperti apakah cara pasang meta tag description setiap postingan blogspot tanpa edit html tersebut? silakan ikuti panduan seo seperti yang tercantum dibawah ini:</P><P>Cara Pasang Meta Tag Description Setiap Postingan Blogspot Tanpa Edit HTML<BR>Login ke blogger<BR>Pastikan anda telah mengaktifkan new blogger interface dan telah mengikuti tutorial cara <a href="http://diarykudiblog.blogspot.com/2012/08/pasangmetatagdescriptionhomepagetanpaedithtml.html">pasang meta tag description homepage blogspot</A> sebelumnya<BR>Silakan buat postingan baru atau edit postingan yang sudah ada, kemudian perhatikan gambar berikut untuk contohnya</P><img alt="cara pasang meta tag description setiap postingan tanpa edit html" border="0" height="210" src="/post2Bsearch2Bdescription.jpg" title="Cara Pasang Meta Tag di Setiap Postingan Blogspot New Interface Tanpa Edit HTML" width="320"> <BR>Ketika anda sedang membuat postingan baru maupun mengedit artikel yang sudah ada, silakan lihat disamping kanan post editor blog anda. Disitu terdapat menu tambahan Search Description. Nah, pada kolom search description tersebut silakan isi dengan deskripsi artikel/postingan yang sesuai dengan artikel yang sedang anda buat tersebut, maka google akan menampilkan deskripsi postingan anda di hasil pencarian sesuai dengan meta tag deskripsi yang anda masukan tadi, kemudian publish  atau update. Selesai, mudah kan? <br /><p><a href="http://www.zaenudin.com/2012/08/cara-pasang-meta-tag-description-setiap-postingan-tanpa-edit-html.html" rel="nofollow" target="_blank">View the original article here</a></p>

Pasang Dynamic Meta Tag Description Setiap Postingan Blogspot Tanpa Edit HTML

Cara pasang meta tag description berbeda setiap postingan blogspot (New Blogger Interface) terbaru tanpa edit html/template. Dengan munculn...

Baca selengkapnya »

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. <P>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!</P><P>Berikut ini adalah Cara Pasang Schema.org di Blogspot:</P>Login ke Blogger.comKlik Design, Edit HTML, Centang Expand Template Widget (jangan lupa download full template ya buat backup)Cari kode dibawah ini:<BR><BLOCKQUOTE><!--xml version="1.0" encoding="UTF-8" ?--><BR><!--DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"--><BR><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:<BR><BLOCKQUOTE><!--xml version="1.0" encoding="UTF-8" ?--><BR><!--DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"--><BR><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:<BR><BLOCKQUOTE><b:if cond='data:post.title'><BR><h3 class='post-title entry-title'><BR><b:if cond='data:post.link'><BR><a expr:href="data:post.link"><data:post.title/></a><BR><b:else/><BR><b:if cond='data:post.url'><BR><b:if cond='data:blog.url != data:post.url'><BR><a expr:href="data:post.url"><data:post.title/></a><BR><b:else/><BR><data:post.title/><BR></b:if><BR><b:else/><BR><data:post.title/><BR></b:if><BR></b:if><BR></h3><BR></b:if></BLOCKQUOTE>Ganti dengan kode dibawah ini:<BR><BLOCKQUOTE><!-- original trick by diarykudiblog.blogspot.com --><BR><b:if cond='data:post.title'><BR><h3 class='post-title entry-title'><BR><b:if cond='data:post.link'><BR><a expr:href="data:post.link"><span itemprop="name"><data:post.title/></span></a><BR><b:else/><BR><b:if cond='data:post.url'><BR><b:if cond='data:blog.url != data:post.url'><BR><a expr:href="data:post.url"><span itemprop="name"><data:post.title/></span></a><BR><b:else/><BR><data:post.title/><BR></b:if><BR><b:else/><BR><data:post.title/><BR></b:if><BR></b:if><BR></h3><BR></b:if><BR><!-- diarykudiblog.blogspot.com --></BLOCKQUOTE>Save template<BR>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 <P><B>Menambahkan Meta Tag Itemprop Schema.org Untuk Tiap Halaman yang Berbeda</B></P><P>Copy meta tag dibawah ini</P><BLOCKQUOTE><!-- meta itemprop by diarykudiblog.blogspot.com --><BR><b:if cond='data:blog.url == "http://namabloganda.blogspot.com/2011/08/post-url.html"'><BR><meta content="Tulis Judul Artikel disini" itemprop="name"/><BR><meta content="Tulis Deskripsi Postingan/artikel disini" name="description"/></b:if><BR><!-- diarykudiblog.blogspot.com --></BLOCKQUOTE><BR>Ganti url berwarna merah dengan url Anda, kemudian tempatkan dibawah meta tag Anda yang sudah ada atau dibawah kode <head>. Save template.<BR><B>Note:</B> 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. <P><B>Pasang atau Menambahkan Deskripsi/description Schema.org pada Body Text/Postingan </B></P><P>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 <span itemprop="description">....</span> diantara text tersebut. Seperti ini jadinya:<BR><BLOCKQUOTE><!-- original trick by diarykudiblog.blogspot.com --><BR><span itemprop="description">Cara Pasang Schema.org di Blogspot atau cara Menambahkan Meta Tag Schema.org atau cara menambahkan snippet dari schema.org di blogspot</span><BR><!-- diarykudiblog.blogspot.com --></BLOCKQUOTE><BR>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?<BR><B>Note:</B> Untuk yang ini, Anda harus mengikuti langka-langkahnya dari no.1 sampai selesai. <P>Selamat mencoba dan semoga bermanfaat. </P><br /><p><a href="http://www.zaenudin.com/2011/11/cara-pasang-schemaorg-di-blogspot.html" rel="nofollow" target="_blank">View the original article here</a></p>

Cara Pasang Schema.org di Blogspot

Berhubung ada yang mempertanyakan bagaimana Cara Pasang Schema.org dan menerapkannya di Blogspot oleh sahabat yang berkomentar di postingan...

Baca selengkapnya »

Pasang Dynamic Meta Tag Description Setiap Postingan Blogspot Tanpa Edit HTML

Post by Zaenudin Saja on Sabtu, 18 Agustus 2012 Cara pasang meta tag description berbeda setiap postingan blogspot (New Blogger Interface) terbaru tanpa edit html/template. Dengan munculnya new blogger interface atau tampilan baru blogger dashboard kini cara pasang meta tag blogspot untuk setiap postingan maupun homepage tidak perlu lagi mengharuskan kita untuk melakukan edit html seperti yang biasa kita lakukan pada blogger tampilan lama. <P>Jika dibilang, kini blogger lebih mudah untuk dibuat bersahabat dengan search engine. Di wordpress jika kita ingin menambahkan meta tag seo friendly telah disediakan plugin yang dinamakan all in one seo pack dan tanpa harus mengedit template, namun di blogspot kita tidak memerlukan plugin semacam itu karena blogger telah memfasilitasi blogspot dengan fitur search preference dan search description .</P><P>Tetapi, hanya satu yang kurang dari blogger jika dibandingkan dengan wordpress yaitu tidak adanya fitur penambahan keyword dan tag. Meskipun demikian tidaklah menjadi problem untuk blogspot agar tetap seo friendly dengan google karena keyword tidaklah terlalu penting bagi google dalam penempatan posisi hasil pencarian, dan yang terpenting adalah search description atau meta tag description karena description (deskripsi) memberikan arahan dan keterangan yang lebih jelas kepada pengunjung mengenai apa maksud dari suatu isi artikel.</P><P>Cara pasang meta tag blogspot tanpa edit html di setiap postingan (post page) yang saya maksud disini tidak jauh berbeda dengan cara pasang meta tag description homepage blogspot tanpa edit html sebelumnya yang saya aplikasikan untuk thesis blogspot atau thesis seo template. Seperti apakah cara pasang meta tag description setiap postingan blogspot tanpa edit html tersebut? silakan ikuti panduan seo seperti yang tercantum dibawah ini:</P><P>Cara Pasang Meta Tag Description Setiap Postingan Blogspot Tanpa Edit HTML<BR>Login ke blogger<BR>Pastikan anda telah mengaktifkan new blogger interface dan telah mengikuti tutorial cara pasang meta tag description homepage blogspot sebelumnya<BR>Silakan buat postingan baru atau edit postingan yang sudah ada, kemudian perhatikan gambar berikut untuk contohnya</P><img alt="cara pasang meta tag description setiap postingan tanpa edit html" border="0" height="210" src="/post2Bsearch2Bdescription.jpg" title="Cara Pasang Meta Tag di Setiap Postingan Blogspot New Interface Tanpa Edit HTML" width="320"> <BR>Ketika anda sedang membuat postingan baru maupun mengedit artikel yang sudah ada, silakan lihat disamping kanan post editor blog anda. Disitu terdapat menu tambahan Search Description. Nah, pada kolom search description tersebut silakan isi dengan deskripsi artikel/postingan yang sesuai dengan artikel yang sedang anda buat tersebut, maka google akan menampilkan deskripsi postingan anda di hasil pencarian sesuai dengan meta tag deskripsi yang anda masukan tadi, kemudian publish  atau update. Selesai, mudah kan? <br /><p><a href="http://www.zaenudin.com/2012/08/cara-pasang-meta-tag-description-setiap-postingan-tanpa-edit-html.html" rel="nofollow" target="_blank">View the original article here</a></p>

Pasang Dynamic Meta Tag Description Setiap Postingan Blogspot Tanpa Edit HTML

Post by Zaenudin Saja on Sabtu, 18 Agustus 2012 Cara pasang meta tag description berbeda setiap postingan blogspot (New Blogger Interface) ...

Baca selengkapnya »