Tuesday, March 1, 2011

7 Trik Supaya Template Blogspot agar lebih SEO Friendly

Perlu sobat ketahui, kebanyakan Designer template Blogspot maupun WordPress kurang memperhatikan masalah SEO dalam pembuatan Template, dan cenderung lebih mementingkan masalah desain. Nah, kali ini saya ingin berbagi tentang cara menjadikan template blogspot SEO Friendly. Bila template blog blogspot kawan belum memiliki Hack SEO ini, segera pasang di blog masing masing dengan mengikuti tutorial dibawah ini.

Page Title

pagetitle 300x100 7 Hack Template Blogspot agar lebih SEO Friendly

Judul halaman standar untuk Single Post pada Blogger adalah BLOG TITLE: POST TITLE. Kamu bisa meningkatkan SEO dengan mengganti title tag jadi POST TITLE | BLOG TITLE. Temukan kode ini pada Template XML Kamu,

<title><data:blog.pageTitle/></title>
 
Kemudian ganti dengan kode ini,

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
  
Kamu juga bisa menambahkan keyword ke judul homepage,  Contohnya

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/> | TV Episode Guide | TV Show Info</title>
</b:if>

Meta Keywords dan Description

metakeywords thumb 7 Hack Template Blogspot agar lebih SEO Friendly

Beberapa Pakar Blogger telah menulis panduan mengenai bagaimana cara menambahkan meta keyword dan description. Itu sangat mudah, kamu perlu menambahkan kode ini diatas/sebelum kode <b:skin><![CDATA[/*
Contohnya,

<meta name="description" content="SeasonEpisode TV News - TV Episode Guide" />
<meta name="keywords" content="tv news, season episode, episode guide, tv listing" />

Tetapi kode ini menambahkan meta keyword dan description yang sama pada semua post. Itu tidak baik karena kamu akan mendapatkan peringatan error dari Google Webmaster Tools karena duplikasi meta keywords dan description telah ditemukan. Jadi, sebaiknya kamu hanya menambahkan meta keywords & description pada homepage. Contohnya, kamu bisa menambahkan code ini,

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta name="description" content="SeasonEpisode TV News - TV Episode Guide " />
<meta name="keywords" content="tv news, season episode, episode guide, tv listing" />
</b:if>

Heading

headingtitle thumb 7 Hack Template Blogspot agar lebih SEO Friendly

Tag Heading (H1,H2,H3,H4,H5) juga sangat penting untuk SEO. Seluruh judul widget Blogger (gadget) menggunakan Tag H2. Namun, Template Minima menggunakan tag H3 untuk judul posting dan kebanyakan Template blogger menggunakan Tag H2 untuk judul Posting. Untuk meningkatkan SEO, kamu perlu menggunakan Tag H1 untuk Judul Posting. Contohnya, Temukan kode,

<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
 
Contoh diatas menunjukkan bahwa Template kamu menggunakan Tag H3 sebagai judul Posting (Bila kamu tidak menemukannya, Kemungkinan Template kamu menggunakan Tag H2 untuk judul Posting), Ganti H3 (atau H2) pada kode diatas dengan H1, contohnya,

<b:if cond='data:post.title'>
<h1 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
 
Kamu juga perlu mengganti ukuran dari font Posting dengan menambahkan kode ini sebelum  ]]></b:skin>
h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 { font-size:1.5em; }
Pada contoh, saya menggunakan ukuran font 1.5em. Kamu bisa menggantinya jika ingin

Social Bookmarking

sociablesocialbookmarks thumb 7 Hack Template Blogspot agar lebih SEO Friendly
Saat ini, Komunitas adalah raja! Menambahkan Link Social Bookmarking (Lintas Berita, Infogue,Facebook) dapat membantu dalam membentuk komunitas blog kamu dan meningkatkan SEO.

Breadcrumb

breadcrumb thumb 7 Hack Template Blogspot agar lebih SEO Friendly

Kamu bisa menggunakan breadcrumb untuk “memudahkan” Navigasi pengunjung blog kamu. Tutorial membuat breadcrumb bisa kamu temukan disini.

Related Posts

relatedposts thumb 7 Hack Template Blogspot agar lebih SEO Friendly

Beberapa blogger pakar telah menulis tutorial mengenai bagaimana cara menambahkan hack related post (posting terkait). Semuanya menggunakan kode JSON javascript. baca tutorialnya disini.

Auto-Readmore Link

autoreadme thumb 7 Hack Template Blogspot agar lebih SEO Friendly

Link Auto-Readmore tidak mempunyai kaitan langsung dengan SEO. Namun, kamu bisa menggunakannya untuk meningkatkan User Interfaces untuk pengunjung Blog kamu. Buat pengunjung menikmati blog mu, dapatkan trafik lebih banyak, dan SEO akan mengikuti ^^. Tutorialnya bisa dicari disini.

Tutorialnya kepanjangan yah? but, it’s okay…seperti kata pepatah lama “No Pain, No Gain”. Insya Allah bila kawan mengikuti tutorial ini dengan benar, Saya JAMIN template Blogspot yang kawan gunakan akan lebih seo friendly. Oh ya, kalau kawan ada yang kebingungan menjalankan salah satu Hack diatas, silahkan tanya lewat komentar yah icon wink 7 Hack Template Blogspot agar lebih SEO Friendly , Sampai jumpa di Tutorial berikutnya.
Diterjemahkan dengan perubahan seperlunya dari :
Complete Seo Guide For blogger Templates

Pendownload yang baik itu yang meninggalkan komentar, biarpun itu hanya ucapan " Terima Kasih "
EmoticonEmoticon