Minggu, 05 Desember 2010

Meta tag Description Blogspot Otomatis

Meta tag Description Blogspot Otomatis – Ada dua cara dari dua situs yang menurutku bagus dan perlu diarsipkan diKumpartips .

Cara satu yaitu dari blog mas ABIbakar sbb :

Meta deskripsi dan meta keyword terbaik ialah yang dinamis, artinya berubah-berubah sesuai dengan tema per halaman. Blogger.com dengan Blogspotnya tidak mengakomodir meta deskripsi dan keyword jenis dinamis ini, namun blogspot menggunakan meta deskripsi dan keyword statis berarti tiap halaman blogspot anda tidak akan mempunyai deskripsi dan keyword sendiri seperti pada Wordpress. Bagi mereka yang ingin mengoptimalkan blogspotnya di search engine tentulah faham bahwa meta deskripsi dan keyword statis tidaklah bagus.

Disini saya mempunyai hack untuk mempunyai deskripsi dan keyword dinamis untuk tiap-tiap halaman blogspot anda. Ini contohnya, ini saya ambil dari salah satu blog saya

http://dunia-puisi.blogspot.com/, jika anda buka view source dan lihat deskripsi dan keyword dihalaman index blog ini maka akan tampil seperti ini:

<meta content='Kumpulan Puisi dari WS Rendra' name='description'/>
<meta content='puisi, ws rendra, sajak, pidato' name='keywords'/>
<title>Kumpulan Puisi</title>



Namun jika anda buka salah satu postingan diblog itu, misal klik posting pertamanya, yaitu Doa Orang Lapar, maka meta deskripsi dan meta keywordnya akan tampil begini:




<meta content='kelaparan adalah burung gagak yang licik' name='description'/>
<meta content='orang lapar' name='keywords'/>
<title>Doa Orang Lapar - Kumpulan Puisi</title>



Anda lihat sendiri kan bahwa meta deskripsi dan keyword antara halaman index/homepage berbeda dengan meta deskripsi dan keyword untuk sub-halaman. Tidak seperti deskripsi dan keyword blogspot pada umumnya, disemua posting memakai deskripsi yang sama dengan deskripsi halaman index.



Oke lanjut dan jika anda mengklik halaman berikutnya yaitu Sajak Seorang Tua Di Bawah Pohon, maka akan begini tampilannya:




<meta content='inilah sajakku seorang tua yang berdiri di bawah' name='description'/>
<meta content='sajak seorang tua' name='keywords'/>
<title>Sajak Seorang Tua Di Bawah Pohon - Kumpulan Puisi</title>



Dan begitu seterusnya untuk tiap halaman, canggih bukan? :mrgreen_wp:. Ini blogspot loh bukan Wordpress…hehehe. BTW (by the way) karena blogger.com secara default tidak memprogram templatenya untuk mempunyai deskripsi dan keyword dinamis, maka untuk menjalankan hack ini diperlukan cara yang cukup melelahkan, mau tahu apanya yang membuatnya melelahkan? Mari yuk baca selanjutnya.



Caranya:



1. Masuk ke blogger.com lalu ke Layout > Edit HTML

2. klik expand widget template anda:


3. Temukan ini:




<head>

<b:include data="blog" name="all-head-content" />


<title><data:blog.pageTitle /></title>




4. Setelah tag ini <b:include data="blog" name="all-head-content" />, masukan tag berikut:




<b:if cond='data:blog.url == "http://abibakarblog.blogspot.com/"'> <meta content='DESKRIPSI' name='description'/> <meta content='KATAKUNCI' name='keywords'/> </b:if>




5. Ganti abibakar.blogspot.com dengan alamat blog anda, dan juga ganti deskripsi dan katakunci dengan deskripsi dan katakunci halaman index/homepage blog anda.



6. Yang diatas meta deskripsi dan keyword untuk halaman index/homepage, Sekarang meta deskripsi dan keyword untuk tiap halaman. Lakukan hal yang sama seperti langkah nomor 3, 4, 5, namun karena sekarang yang anda ingin buat adalah deskripsi dan keyword perhalaman maka url dan deskripsinya harus diperjelas, misalnya halaman url saya begini http://www.abibakar.blogspot.com/2008/05/meta-deskripsi-meta-keyword.html, maka tagnya harus begini:




<b:if cond='data:blog.url == "http://johndoe.blogspot.com/2008/05/meta-deskripsi-meta-keyword.html"'> <meta content='meta deskripsi dan keyword untuk blogspot' name='description'/> <meta content='meta keyword, meta deskripsi' name='keywords'/> </b:if>




Tentu abibakar.blogspot anda ganti dengan alamat url perhalaman anda juga deskripsinya dan keywordnya anda rubah. Hal ini diperuntukan untuk memberikan deskripsi spesifik pada halaman yang dimaksud. Faham? Tentu saja! Mudah kok.



Kelemahan hack ini,Ada 2 kelemahan yang akan anda temui jika menerapkan hack ini:



1. Seperti sudah saya ulas diatas bahwa hack ini cukup melelahkan jika di terapkan. Karena untuk tiap halaman anda harus memasukan tag diatas, misalnya anda mempunyai 3 posting diblog anda maka anda harus memasukan deskripsi dan keyword untuk masing2x halaman, contohnya seperti ini:




<b:if cond='data:blog.url == "http://dunia-puisi.blogspot.com/"'> <meta content='Kumpulan Puisi dari WS Rendra' name='description'/> <meta content='puisi, ws rendra, sajak, pidato, bait, doa, pantun' name='keywords'/> </b:if>





<b:if cond='data:blog.url == "http://dunia-puisi.blogspot.com/2008/05/doa-seorang-serdadu-sebelum-perang.html"'> <meta content='Tuhan ku wajah Mu membayang di kota terbakar dan firman Mu' name='description'/> <meta content='sajak serdadu' name='keywords'/> </b:if>





<b:if cond='data:blog.url == "http://dunia-puisi.blogspot.com/2008/05/sajak-seorang-tua-di-bawah-pohon.html"'> <meta content='inilah sajakku seorang tua yang berdiri di bawah pohon meranggas' name='description'/> <meta content='sajak seorang tua' name='keywords'/> </b:if>




2. Membuat template anda jadi panjang jika anda sudah mempunyai banyak posting.



Solusi dari saya: Jika blog anda sudah mempunyai banyak sekali posting sebaiknya hack ini diterapkan hanya untuk halaman-halaman yang anda ingin optimalkan, agar tidak membuat lelah dan template anda menjadi panjang. Walaupun mempunyai kode template panjang tidak mengapa, toh tidak akan terlihat oleh publik, alias anda sendiri yang tahu



 



CARA KEDUA DARI BLOG JURAGAN SEO sbb :



Cara memasang meta tag deskripsi dan keyword setiap postingan secara otomatis ini dibagi kedalam 2 bagian, ikutin aja salah satu dari kedua cara dibawah ini :



    Bagi yang BELUM PERNAH memasang meta tag deskripsi sebelumnya, ikutin cara ini :



       1. Pertama-tama login dulu dong ke blogger.com terus ke tata letak > edit html.

       2.


          Tunggu sampe terload secara maksimal dan cari kode berikut (gunakan ctrl + f di firefox untuk mencari) :



          <title><data:blog.pageTitle/></title>

       3.


          Setelah dapat kode diatas hapus lalu ganti dengan kode berikut :



          <b:if cond='data:blog.url == &quot;http://ALAMATBLOGSOBAT.blogspot.com/&quot;'>


          <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 == &quot;item&quot;'>


          <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>


       4. Selesai dan save template sobat.



    Bagi yang SUDAH PERNAH memasang meta tag deskripsi sbelumnya, ikutin cara berikut ini :



       1. Udah login ke blogger kan ? langsung menuju tata letak > edit html.

       2.


          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 ntuh.

       3.


          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 == &quot;http://ALAMATBLOGSOBAT.blogspot.com/&quot;'>


          <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 == &quot;item&quot;'>


          <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>


       4. Udah digantikan ? kalo udah selesai langsung aja di save template.



Nah, demikianlah cara bikin meta tag di setiap postingan secara otomatis. Semoga setelah ikutin cara diatas sobat-sobat juragan semuanya gak direpotkan lagi dengan harus memasang meta tag deskripsi di setiap postingan secara manual lagi.

2 komentar:

  1. Ini yang ane cari, dengan meta tag lama hasilnya ngaco saat dicheck dg webmasters tool. Thanks, so much. Oke saya akan terapkan di http://yusufzulkarnain.blogspot.com dan di http://breakdown-cover-cheap.blogspot.com

    BalasHapus

Komentar anda langsung tampil , jadi Mohon Komentar nya jangan Spam yah.... Trims