Author by Yosef Doublehorn
Author by : Doublehorn
DAFTAR ISI
Protected by Copyscape Online Infringement Detector

21 September 2012

Part 1 : Meta Deskripsi and Keyword di HTML website


Keyword Statis Dinamis untuk optimalkan SEO website

Meta tag deskripsi dan meta tag keyword terbaik ialah yang bersifat dinamis, artinya isi deskripsi dan keyword-keyword selalu berubah sesuai thema per halaman website. Sayangnya, CMS platform Blogger tidak mengakomodir sifat dinamis ini. Platform blog blogger menggunakan meta deskripsi dan keyword statis, yang berarti setiap halamannya tidak akan punya deskripsi dan keyword tersendiri - seperti pada CMS platform Wordpress.

Bagi search engine Google meta deskripsi dan keyword statis tidaklah bagus dan menjadi masalah dalam perbaikan SEO.

Saya menemukan solusinya di ht2p://abibakarblog.com (sayang sekali status website saat ini adalah bad host - untuk menghindari blog ini dapat badlink http: saya tulis ht2p:) yang menyatakan :

Saya mempunyai hack untuk memungkinkan mendapatkan meta-tag deskripsi dan meta-tag keyword bersifat dinamis untuk tiap-tiap halaman blogspot saya. Berikut ini contohnya, ini saya ambilkan dari salah satu blog saya  -  http://dunia-puisi.blogspot.com/.

Jika anda buka view source dan lihat deskripsi dan keyword akan ditampilkan 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 keyword akan tampil begini :

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

Hal diatas membuktikan bahwa  pada 2 halaman web yang berbeda pada platform  Blogspot dapat dimungkinkan memiliki meta-tag dinamis.  Untuk lebih meyakinkan, saya sarankan klik halaman berikutnya, yaitu Sajak Seorang Tua Di Bawah Pohon. 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>

Semua itu untuk membuktikan blog Blogspot saya menjadi meta-tag dinamis. Padahal secara default platform Blogspot hanya memiliki mata-tag statis (isi meta-tag sama untuk seluruh halaman). Lalu bagaimana bisa diubah menjadi dinamis? AKAN SANGAT MELELAHKAN.

Mengubah metatag Statis website blog Blogspot menjadi Dinamis

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

    Masukkan tag berikut :


    <b:if cond='data:blog.url == "ht2p://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 kini yang ingin dibuat adalah deskripsi dan keyword per halaman maka url dan deskripsinya harus diperjelas. Misalnya, halaman url saya begini ht2p://www.abibakar.blogspot.com/2008/05/meta-deskripsi-meta-keyword.html, maka tagnya harus begini :

<b:if cond='data:blog.url == "ht2p://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 saja abibakar.blogspot harus anda ganti dengan alamat url per halaman anda juga deskripsi dan keywordnya anda rubah. Hal ini diperuntukkan untuk memberikan deskripsi spesifik pada halaman yang dimaksud.
Jujur saja Cara ini ada kekurangannya!
Kelemahan hack ini ada 3 :

  1. Seperti saya sebutkan, bahwa hack ini sangat melelahkan. Karena untuk setiap halaman, Anda harus memasukkan tag diatas. Misalnya blog punya 3 posting, maka memasukkan deskripsi dan keyword untuk masing-masing halaman. Seperti ini :

    <b:if cond='data:blog.url == "ht2p://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 == "ht2p://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 == "ht2p://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>

    Bayangkan jika Anda banyak posting, capek deh! melakukannya berulang-ulang.


  2. Template menjadi panjang dan size filenya membesar dan tidak bagus untuk SEO.

Solusi kelemahan hack metatag website

  1. Sebaiknya hack ini diterapkan secara selektif untuk halaman tertentu
  2. Abaikan dan JANGAN DIPRAKTEKKAN
  3. Solusi lain ada di BAGIAN 2





Comments

0 komentar:

Posting Komentar di Website Design

-

Penelusuran topik khusus di blog ini
Loading