Pada postingan blog kali ini saya akan membahas tentang cara memasang dinamik meta tags di blogspot secara
otomatis. Teknik ini sangat-sangat berguna untuk optimasi onpage karena setiap postingan kita akan memiliki meta deskripsi yang berbeda antara satu postingan dengan postingan lainnya tanpa perlu repot-repot nambahin satu-satu pada setiap postingan secara manual. Dengan kata lain, meta deskripsi dan keyword pada setiap posting akan ter-generate secara otomatis. Hal ini tentu menjadi solusi bagi sobat yang mengalami duplikasi meta deskripsi.
Cara memasang meta tag deskripsi dan keyword setiap postingan secara otomatis ini saya bagi kedalam 2 bagian, sobat-sobat ikutin aja salah satu dari kedua cara dibawah ini :
Bagi yang BELUM PERNAH memasang meta tag deskripsi sebelumnya, ikutin cara ini :
- Pertama-tama login dulu dong ke blogger.com terus Rancangan --> edit html.
- Tunggu sampe terload secara maksimal dan cari kode berikut (gunakan ctrl + f di firefox untuk mencari) :
<title><data:blog.pageTitle/></title>
- Setelah dapat kode diatas hapus lalu ganti dengan kode berikut :
<b:if cond='data:blog.url == "http://ALAMATBLOGSOBAT.blogspot.com/"'>
<title><data:blog.pageTitle/></title>
<meta name='DESCRIPTION' content='ISI DENGAN DESKRIPSI UNTUK HOMEPAGE BLOG SOBAT'/>
<meta name='KEYWORDS' content='ISI DENGAN KATA KUNCI UNTUK HOMEPAGE'/> </b:if>
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> - <data:blog.title/></title>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Keywords'/>
</b:if>
- Selesai dan save template sobat.
Bagi yang SUDAH PERNAH memasang meta tag deskripsi sbelumnya, ikutin cara berikut ini :
- Udah login ke blogger kan ? langsung menuju Rancangan --> edit html.
- Di halaman edit html, cari kode ini :
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
Intinya tuh sobat cari kode deskripsi yang lama ( yang udah pernah sobat pasang sebelumnya), kemudian dihapus aja semua kode deskripsi yang lama itu.
- Setelah kode meta tag deskripsi dan keyword yang lama dihapus diganti dengan kode berikut yang tentunya lebih canggih lagi,hhe :
<b:if cond='data:blog.url == "http://ALAMATBLOGSOBAT.blogspot.com/"'>
<title><data:blog.pageTitle/></title>
<meta name='DESCRIPTION' content='ISI DENGAN DESKRIPSI UNTUK HOMEPAGE BLOG SOBAT'/>
<meta name='KEYWORDS' content='ISI DENGAN KATA KUNCI UNTUK HOMEPAGE'/> </b:if>
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> - <data:blog.title/></title>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Keywords'/>
</b:if>
- Udah digantikan ? kalo udah selesai langsung aja di save template.
PERHATIAN!!
Untuk tulisan yang berwarna merah silahkan sobat atur masing-masing OK, karena saya pasti sobat sudah pada bisa OK.
Nah, demikianlah cara bikin meta tag di setiap postingan secara otomatis. Semoga setelah ikutin cara diatas sobat-sobat semuanya gak direpotkan lagi dengan harus memasang meta tag deskripsi di setiap postingan secara manual lagi.
Selamat mencoba semoga bermanfaat.
