Friday, August 31, 2012

Cara Modifikasi Template Blogspot Agar SEO FRENDLY


Hai Readers, kali ini simumu mau berbagi Tips trik Seo nih, salah satu syarat agar Blog kita lebih besar besarnya traffic yang akan menghujani blog kita.
Mungkin sibat blogger bingung memilih Template mana yang paling Seo Frendly, saya pun dulu juga masih bingung memilih template mana yang paling bagus, cocok dan yang pastinya yang paling Seo Frendly untuk blog saya, nah karena itu lah saya ingin membantu sobat blogger pemula yang ingin belajar Seo untuk blognya. cara untuk menjadikan template kita agar lebih Seo Frendly memanglah banyak cara, kita tidak perlu mencari Template susah-susah karena kita juga bisa memodifilasi template kita sendiri supaya menjadi template yang Seo Frendly.


Langsung saja silahkan simak dan ikuti langkah-langkah dibawah ini :

1. Page Title
Script Page Title pada template biasanya memiliki format “JUDUL BLOG:JUDUL POSTING”. Pada dasarnya format tersebut kurang SEO Friendly, nah agar format tersebut menjadi SEO Friendly dan lebih disukai google, maka kita harus merubah format standar tersebut menjadi “JUDUL POSTING I JUDUL BLOG”. Caranya cukup sederhana, pertama cari kode berikut ini di Edit HTML :

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

Hapus kode tersebut dan ganti dengan kode berikut ini :

<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

Atau kode berikut ini, yang dapat diberi tambahan keyword atau kata kunci :

            <b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/> | Isi dengan kata kunci blog sahabat | Isi dengan kata kunci blog sahabat </title>
</b:if>

            Pilih Save!

2. Meta Keyword dan Deskripsi
Tujuannya adalah agar Google menemukan blog Anda sebagai blog yang memiliki tema dan konten spesifik. Hampir semua search engine seperti google menyukai website atau blog yang jelas tema dan kontennya. Caranya adalah dengan menambahkan meta tag di bawah ini sebelum kode <b:skin><![CDATA[/* :

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta name="description" content="Isi dengan Deskripsi Blog Sobat" />
<meta name="keywords" content="isi dengan Kata kunci, kata kunci, kata kunci, kata kunci, kata kunci" />
</b:if>

Pilih Save!

3. Memasang Menu Breadcrumbs
Breadcrumb adalah sebuah bantuan navigasi yang digunakan dalam user interface sehingga memudahkan user dalam menavigasi halaman blog/ web. Bagaimana cara memasang breadcrumbs juga telah dibahas di Tutorial Blog Pemula dalam artikel Cara Memasang Breadcrumb di Blogspot.

4. Memasang Related Post
Related Post memiliki fungsi ganda dalam sebuah blog, yang pertama sangat bagus untuk SEO, yang kedua mempermudah pengunjung untuk menemukan artikel acak yang saling berkaitan dengan artikel yang dibaca dan yang ketiga membantu blogger dalam meningkatkan pageview.

5. Mematikan Setting Arsip
Tujuan mematikan setting arsip atau archieve adalah menghindari google meng- crawl adanya duplicate content yang sangat tidak disukai google. Meskipun sebenarnya tidak ada duplicate content dalam blog Anda, artikel yang dipost dalam waktu yang nyaris bersamaan kemungkinan memiliki format url yang hampir sama, seperti http://bloganda.blogspot.com/2012_02_02_archieve.html, sehingga memungkinkan ter- crawlnya post- post tersebut sebagai duplicate content oleh Google. Untuk menghindarinya kita dapat menonaktifkan arsip dengan mengubah pengaturan arsip menjadi No Archieve pada option Archiving Frequency. Atau jika Anda tidak ingin menonaktifkan fungsi arsip, maka Anda tinggal meletakkan kode berikut ini di bawah kode <head> :

<b:if cond='data:blog.pageType == &quot;archive&quot;'><meta content='noindex' name='robots'/></b:if>

6. Menambahkan Kode “rel=canonical”
Tujuan ditambahkannya kode “rel=canonical” adalah untuk menghindari konten ganda, seperti yang sering disebutkan bahwa Google tidak dapat mentolerir sebuah duplicate content, terutama dalam satu blog. Caranya adalah dengan masuk ke Edit HTML kemudian menambahkan kode <link expr:href='data:blog.url' rel='canonical' /> setelah kode <head>, kemudian pilih Save.

7. Mengubah Tag Heading menjadi H1
Sebuah tulisan dengan judul menggunakan tag H1 sangat disukai oleh Google, sedangkan kebanyakan blospot masih menggunakan tag heading H3 atau H2. Untuk mengubah tag heading menjadi H1, maka sobat harus mencari kode sbb.

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

Ubah kode H3 atau H2 ( yang berwarna biru ) menjadi H1. Belum selesai sampai disitu, kemudian cari kode ]]></b:skin> dan letakkan kode h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 { font-size:1.5em; } tepat sebelum kode ]]></b:skin>.

Sementara sekin dulu Tips trik Seo kali ini, jika ada lagi Tips tambahan untuk Seo pasti nanti saya akan langsung Share kepada Sobat Blogger.

Cara Memasang Share Button Share This


Salah satu syarat penting untuk meningkatkan pengunjung blog dan untuk mengetahui blog kita adalah dengan dengan mendaftarkan artikel-artikel anda ke dalam Situs Social Bookmarking , Social bookmarking Network , Favourite Bookmarking dan lain sebagainya. Contohnya mendaftarkan posting anda ke diggstumbleupon,ma.gnoliadeliciousfurltechnoratisimpyspurl,redditmybloglogblogcatalog, dan situs social bookmarking lainnya.saya akui cara ini sangat bagus sekali untuk blog kita, karena saya sudah membuktikannya sendiri pada blog saya ini. Ingin tau cara memasangnya pada blog anda? simak tutorial cara memasang share button share this dibawah ini.


1. Pertama, login dulu ke Blog sobat 
2. Masuk ke tab Rancangan (Design/Layout) -> Edit HTML
3. Klik pada Expand Widget Templates
4. Kemudian Carilah kode berikut ini

<data:post.body/>
Atau

<p><data:post.body/></p>


(Note: Gunakan CTRL+F untuk mempermudah pencarian)
Kode ini biasanya ada 2 buah, pilihlah yang lebih bawah
5. Setelah ketemu, letakkan kode ini setelah kode <data:post.body/>
 

<div style='border-top:0px solid #ccc;border-bottom:3px solid #FE9A2E; padding:10px 0px 10px 0px;margin:15px 0px 7px 0px;width:100%;float:left;height:23px;'>

<div style='float:right;'>

<span class='st_twitter_hcount' displayText='Tweet'/><span class='st_facebook_hcount' displayText='Share'/><span class='st_email_hcount' displayText='Email'/><span class='st_sharethis_hcount' displayText='Share'/>

<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/><script type='text/javascript'>stLight.options({publisher:'63b83a98-def5-427f-ac7c-4b24bcff910d'});</script>

</div>

</div>

 

6. Selesai, SAVE TEMPLATE anda dan lihat hasilnya

Note: Jika anda telah memasang readmore, tombol submit ini akan terlihat jika posting tampil fullpost
 

Cara Modifikasi Widget Label Cloud ala Wordpress untuk Blogger


Mempunyai blog yang profesional, menarik, banyak pengunjung adalah impian para semua sibat blogger, dengan memodifikasi blog mereka maka para pengjung akan segan dan ingin mengunjunginya lagi lain waktu. banyak cara untuk memodifikasi kan tampilan Template mereka, salah satunya trik dari saya ini yang saya beri Judul Cara Modifikasi Widget Label Cloud ala Wordpress untuk Blogger.


Mungkin dengan tampiilan Widget Label yang biasa itu tampilan yang sangat kurang menarik bagi saya. oleh karena itu saya mencoba untuk membagikan cara Memodifikasi label Cloud ala Wordpress untuk Blogger.
Untuk memulai memodifikasinya silahkan simak langkah-langkah dibawah ini :

1. Langkah pertama adalah ubahlah tampilan dari Daftar diubah menjadi tampilan Cloud. kalau kurang jelas silahkan lihat previewnya dibawah ini :


2. Pilih template >klik edit html, jangan lupa centang Expand Template Widget
3. Cari kode ( Ctrl+F ) ]]></b:skin>, setelah ketemu, pastekan kode CSS di bawah ini tepat diatas kode ]]></b:skin> 

/* -- Labels -- */
    .label-size {line-height: 1.2;float: left;font:normal normal 13px Cuprum;}
    .label-size a {-khtml-border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;background: #aaa;border: none;border-radius: 3px;color: #fff;text-shadow:0 -1px 1px rgba(0,0,0,0.25);float: left;margin: 0 4px 4px 0;padding: 5px 6px;}
    .label-size a:hover {background: #ffcb0f;}-
    .label-size span {float: right;font-size: 9px;margin: 0 0 4px;}
4. Simpan Template. done

Cara Pasang Menu Breadcrums dan Cara Modifikasinya


Hai readers, kali ini simumu mau berbagi tips trik tentang blogger lagi nih, ya khususnya buat mendukung agar blog kita lebih Seo Frendly, tips kali ini sudah saya praktikan sendiri diblog saya ini, memang sangat memuaskan untuk perkembangan Seo untuk blog saya, script CCS ini sudah saya modifikasi sendiri, jadi lebih bagus untuk mempercepat pencarian di Search engine. bagi sobat blogger yang ingin blog nya lebih seo lagi silahkan simak dulu Tutorial blog ini.

Banyak cara atau syarat penting untuk menjadikan Blog kita menjadi seo atau disukai mbah Google, salah satunya adalah memodifikasi dan menambah kode-kode script untuk menjadikan blog kita lebih menarik dan banyak pengunjung. Salah satunya adalah dengan memasang Menu Breadcrums, menu ini sangat penting bagi pengunjung maupun mesin pencari untuk mengetahui tentang isi posting kita. sebagian besar semua Template seo Frendly wajib memasang Menu yang satu ini. langsung saja kita ikuti langkah-langkah cara pasang menu Breadcrums dan cara memodifikasinya.

1. Masuk ke dashboard > Design/Rancangan > Edit HTML, jangan lupa centang (check) "Expand Widget Templates" di pojok kanan atas kotak edit HTML.

2. Cari (gunakan Ctrl+F) ]]></b:skin> dan masukkan kode CSS berikut di ATAS-nya: 

.breadcrumbs{ margin-left:0px;  margin-top:5px; margin-bottom:20px;  padding:8px 5px 8px 5px;  font-size:100%;  font-family:Georgia,trebuchet ms,Verdana;  border:1px dotted #000;  line-height:1.4em}

3. Cari (Ctrl+F) <b:include data='top' name='status-message'/> kemudian tambahkan kode ini TEPAT di BAWAH/SETELAH-nya:

<b:include data='posts' name='breadcrumb'/>

4. Jika sudah, cari (Ctrl+F) <b:includable id='main' var='top'> lalu tambahkan script berikut TEPAT di ATAS/SEBELUM-nya:

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page www.berryhs.com -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
 &#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:loop>
 &#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive and search pages  www.berryhs.com  -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span>
</b:if></div></b:if></b:if>
</b:if>
</b:if>
</b:if>
</b:includable>

5. Pastikan semua kode telah di-copy dan diletakkan dengan benar, lalu di Pratinjau dahulu, jika sudah benar, lalu save.

Note : Jika ada masalah dalam pemasangan atau langkah-langkah yang tidak jelas, silahkan meninggalkan komentar facebook dibawah ini.