03 June 2011

7 Cara Hack Template pada Blogspot agar lebih SEO Friendly

Perlu anda 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 yang SEO Friendly.
Bila template blog blogspot kawan belum memiliki Hack SEO ini, segera pasang di blog anda masing - masing dengan mengikuti tutorial dibawah ini.

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

 

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

 

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

 

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

 

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

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

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

Selamat Mencoba.....

Cara Pasang Breadcrumb Navigation pada Blogspot

Pasang Breadcrumb Navigation Diatas Judul Post Page


1. Mengenal apa itu breadcrumb

Jika Anda perhatikan navigasi directory label seperti yang Anda lihat diatas judul posting ini, agar lebih jelas coba perhatikan urutan main menu yang di navigasikan oleh tanda >> yang mengarahkan ke posisi directory label penyimpanan yaitu directory dimana halaman posting tersimpan.

Ini contohnya:


Home>>SEO>>Tips Blog>>Cara  Pasang Breadcrumb Navigation pada Blogspot .

Jadi, jika menurut Saya breadcrumb itu adalah suatu attribute pada template blog atau website yang berfungsi memudahkan pencarian oleh robots dengan bantuan berupa arahan yang membawa ke lokasi tempat dimana file tersimpan.

Baiklah pada panduan dan tutorial gratis sekarang kita akan bersama-sama belajar memasang atau mengaktifkan breadcrumb tersebut pada halaman blog kita.

Pertama login ke blogger.com, setelah login ikuti panduan berikut:

* Setelah masuk halaman dasbor/dashboard, klik "Design" atau "Rancangan". Dari halaman Tata Letak/Layout Klik "Edit HTML".

* Tandai dengan ceklist pada kotak disamping tulisan "Expand Widget Template".

* Cari kode seperti ini:
<b:include data='top' name='status-message'/> di template Anda.

* Ganti dengan kode berikut:

<b:include data='top' name='status-message'/>
<b:include data='posts' name='breadcrumb'/>

* Cari kode seperti ini:

<b:includable id='main' var='top'>

* Ganti dengan kode berikut:

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- No breadcrumb on home page -->
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'> »
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
<b:else/>
»Unlabelled
</b:if>
» <span><data:post.title/></span>
</b:loop>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:blog.pageName == ""'>
<a expr:href='data:blog.homepageUrl'>Home</a> » All posts
<b:else/>
<a expr:href='data:blog.homepageUrl'>Home</a> » Posts filed under <data:blog.pageName/>
</b:if>
</span>
</p>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>

* Kemudia Cari kode seperti ini: ]]></b:skin> dan ganti dengan kode berikut:

.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double #e6e4e3;
}
]]></b:skin>

* Save template, lihat hasilnya dengan cara mengklik salah satu judul posting Anda

Selamat mencoba dan semoga berhasil.

Pasang Meta Tag Secara Otomatis Di Setiap Postingan Pada Blog

Bagaimana cara membuat atau pasang meta tag secara otomatis di setiap posting pada description dan keywords blogger blogspot agar seo friendly dan bagaimana cara pasang meta tag di setiap postingan secara otomatis dengan masing-masing keyword dan description/deskripsi yang berbeda-beda?

Keuntungan meta tag otomatis ini akan membuat meta description dan meta keyword yang berbeda untuk setiap halaman-Nya termasuk meta description dan keyword di homepage nya pun berbeda dengan posting tetapi tetap relevan dengan judul posting yang ada, karena yang jadi deskripsi adalah judul halaman + judul blog + tambahan deskripsi yang mencakup relevansi yang ada dalam blog. Sementara yang menjadi keyword adalah judul halaman nya.

Jika Anda ingin coba pasang meta description otomatis ini, silakan copy kode html meta tag di bawah ini:

Jika sebelumnya Anda belum pernah memasang meta tag, cari kode seperti ini:
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>

Ganti kode warna merah dengan kode yang Anda copy tadi sehingga menjadi seperti ini:
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<meta content='blogger guide - panduan membuat blog, seo guide, computer and internet tips' name='description'/>
<meta content='tutorial, blogger tutorial, panduan blog, blogger baru, seo guide, tips computer, tips Internet' name='keywords'/>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/></title>
<meta expr:content='data:blog.pageName + " - " + data:blog.title + ": " + data:blog.pageName + ""' name='description'/>
<meta expr:content='data:blog.pageName + ""' name='keywords'/>
</b:if>

Bagi yang sudah memasang meta tag sebelumnya dan ingin memasang meta tag otomatis hanya perlu mengganti kode yang sudah terpasang dengan kode diatas.

Agar tahu bagaimana googlebots atau spider lainnya membaca meta tag ini, kunjungi meta tag analyzer seo-centro, masukan url halaman anda untuk di analisis dan lihat seperti apa penilaiannya. Anda juga bisa klik kanan di halaman ini->view page source maka terlihatlah bentuk tampilan meta tagnya.

Selamat Mencoba......

Dowload Gratis Panda Cloud Antivirus Pro Edition

Download Gratis Lisensi Panda Cloud Antivirus Pro Edition versi 1.4. Panda Cloud adalah antivirus yang menawarkan perlindungan proaktif untuk email dan lalu lintas web. Jika anda menggunakan internet, Software ini akan terhubung secara real-time kepada Panda Labs Kolektif server Intelligence untuk melindungi lebih cepat terhadap varian malware terbaru, dan koneksi online ini hampir tidak mempengaruhi kinerja PC.

Panda Cloud bisa bekerja pada Windows XP, Vista dan Windows 32-bit dan versi 64-bit. Harga Antivirus ini dibandrol sebesar $29.99.




Intuk mendapatkan Lisensi dan Kode Aktivasi Antivirus ini silahkan kunjungi halaman facebook Cloud Antivirus disini : http://www.facebook.com/cloudantivirus?sk=app_4949752878.

Atau bisa laungsung download disini: PandaCloudAntivirus.exe.