Rabu, 14 Maret 2012

Cara Membuat Permalink Page Information di Setiap Postingan Otomatis

Cara membuat permalink page information di setiap postingan otomatis pada blogspot/blogger untuk meningkatkan SEO.

Page Information disini dimaksudkan untuk memudahkan search engine dalam melakukan index url postingan di blog kita dengan memunculkan data title/judul dan url sebagai permalink (permanent link) dibagian bawah artikel/post entry dengan harapan dapat meningkatkan SEO sehingga tiap-tiap postingan menjadi lebih seo friendly.

Berikut ini adalah cara membuat permalink page information disetiap posting otomatis - SEO Friendly Blogger Permalink as Page Information:

  •     Login ke blogger.com
  •     Klik Design/rancangan -> Edit HTML -> Download full template dulu ya, buat backup -> centang Expand Template Widget
  •     Pada template, cari kode

    <div class='postmeta'><....disini biasanya ada kode2 untuk label, dll....</div>
    Copy kode berikut ini:

    <p><b:if cond='data:blog.pageType == &quot;item&quot;'><p align='left'><font color='blue'><b>Page Information</b></font></p><p align='left'><b>Title:</b> <a expr:href='data:post.url' rel='bookmark' title='post permalink'><data:post.title/></a></p><p align='left'><b>URL:</b> <data:post.url/></p></b:if></p>

    Letakan kode tersebut diatas kode </div> pada kode postmeta tadi, save template dan lihat hasilnya.


Jika kode "postmeta" tidak ada pada template Anda, silakan cari kode <data:post.body/>, jika kode tersebut ada lebih dari satu, pilih yang terakhir. Contoh: kode <data:post.body/> terakhir pada template Anda kurang lebih seperti ini:

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if><b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>

Selanjutnya copy kode berikut dan letakan dibawah kode diatas:

<div class='postmeta'>
<p><b:if cond='data:blog.pageType == &quot;item&quot;'><p align='left'><font color='blue'><b>Page Information</b></font></p><p align='left'><b>Title:</b> <a expr:href='data:post.url' rel='bookmark' title='post permalink'><data:post.title/></a></p><p align='left'><b>URL:</b> <data:post.url/></p></b:if></p>
</div>

Selanjutnya copy css code berikut:

.postmeta{padding:2px 4px;font:11px Arial,Verdana},.postmeta img{border:none;vertical-align:middle;margin:2px}

Letakan dibawah atau diatas kode ]]></b:skin> (silakan cek dulu structuring css template Anda, apakah susunan kode CSS template Anda berada diatas/bawah kode ]]></b:skin>. Jika susunannya ada diatas kode ]]></b:skin>, berarti simpan kode css postmeta tadi tepat diatas kode ]]></b:skin> atau sebaliknya), dan atau supaya lebih mudah cari kode #FOOTER aja, terus letakan kode css postmeta nya diatas kode #FOOTER atau #footer, dan save template, selesai.

Permalink ini Saya namakan "Blogger SEO Friendly Permalink as Page Information" karena sejak saya memasang permalink ini sebagai Page Information seperti yang dapat Anda lihat dibawah artikel ini, rata-rata postingan yang saya buat dapat muncul pada posisi pertama google atau di 10 besarnya, tetapi sesuaikan juga structure headingnya dengan cara merubah heading judul postingan ke tag h1.

Meskipun demikian, untuk menempati posisi pertama google tidak cukup dengan cara diatas apabila para pesaing mengandalkan backlink. Seperti artikel-artikel yang saya ikutkan kontes seo misalnya, hal ini agak sulit untuk merebut posisi di google jika si pesaing tersebut memiliki link popularity (backlink) yang banyak dan relevan. Jadi, jika Anda ingin merebut posisi pertama di hasil index google silakan sempurnakan dengan memperbanyak backlink ke arah url postingan yang Anda targetkan keywordnya, dan kalo saya sendiri agak males mencari backlink kecuali lagi kepengen doank hehe...





Sumber

0 komentar:

Posting Komentar

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More