Tips SEO Friendly Blog Untuk Blogspot

Assalamu’alaikum Wr. Wb sobat !!! Apa kabarmu di babak Semi Final (pertengahan bulan) pada Bulan Ramadhan ini, semoga puasamu berjalan lancar dan tentunya amal ibadah kita diterima oleh Allah SWT, AMINNNN ....

Tumben Memposting Tentang SEO ?

Wah, mungkin beberapa sobat bingung, kenapa khamardos blog yang identik berisi tentang tips dan tricks  blogger ini tiba-tiba memposting tentang SEO! Bagi saya blog saya ini bukan menitikberatkan permasalahannya pada tips dan tricks blogger saja, tapi blog saya ini hanya sebuah blog gado-gado yang saya manfaatkan untuk menyalurkan hobby untuk berbagi kepada sobat blogger setia. Jadi, Sah-sah saja donk saya memposting tentang SEO, meski dalam diri saya saya bukanlah seorang pakar SEO, tapi hanya seorang siswa yang sangat ingin mencapai cita-cita yang tinggi meski mustahil didapat (hheeeheheee… kidding...).

Kumpulan Tips dan Trick SEO Friendly …

Berikut saya akan memaparkan beberapa tips dan tricks SEO Friendly yang sudah saya simpulkan dari berbagai blog. Dan tentunya jangan lupa back up terlebih dahulu template anda dengan cara :

1. Login pada Blogger

2. Masuk ke bagian Rancangan, kemudian ke bagian Edit HTML

    Back up Template dengan cara Mengklik : Download Template Lengkap

    Setelah itu, beri tanda cek pada Expand Widget Templates.

     1. Page Title

Cari kode <title><data:blog.pageTitle/></title> (gunakan ctrl +f)

Kalau sudah dapat, hapus kode tersebut lalu ganti dengan :

<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

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

Note : Ganti keyword dengan kata kunci blog sobat

- Lalu Save/Simpan

     2. Meta Keyword dan Deskripsi

Caranya adalah dengan menambahkan kode berikut ini sebelum kode <b:skin><![CDATA[/*

<b:if cond='data:blog.pageType != "item"'>
<meta content='Deskripsi Blog Sobat' name='description'/>
<meta content='Keyword Blog Sobat' name='keywords'/>
<b:else/>
<meta expr:content='data:blog.pageName + " - Deskripsi Blog Sobat "' name='description'/>
<meta expr:content='data:blog.pageName + ", Keyword Blog Sobat "' name='keywords'/>
</b:if>

- Lalu Save/Simpan

Note :  Tips Untuk Mengisi Keyword dan Deskripsi
             - Jangan tambahkan keyword yang tidak sesuai dengan isi postingan Anda.
             - Jangan ulang satu kata hingga 3 kali dalam penentuan keyword. 
             - Masing-masing keyword pisahkan dengan koma ( , ) atau tanda tegak ( | ) untuk mempermudah 
               mesin pencari membedakan.
             - Sebaiknya tulis meta deskripsi kurang dari 200 karakter.

            Jika Sudah  ditest kebagusan Keyword dan Deskripsi anda di Seo Centro

     3. Tag Heading

Untuk Judul Postingan :

- Langkah 1 :

Cari Kode : <b:if cond='data:post.title'>

Kode Lengkapnya :

<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:if>
</h3>
</b:if>

Note : Ubah H3 (beberapa template ada juga menggunakan h2) dengan h1

- Langkah 2 :

Cari kode .post h3 {

Kode lengkapnya :

.post h3 {
......................
}
.post h3 a, #content h3 a:visited {
.................................
}
.post h3 a:hover {
...............................
}

Note : Ubah h3 dengan h1

- Langkah 3 :

Cari Kode ]]></b:skin>

Paste kode biru dibawah ini di atas kode tersebut :

h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 {
line-height:1.4em;
}

Selain Judul Postingan (Tambahan) :

- Jika Anda menggunakan tag h1 untuk postingan Anda, sebaiknya Anda mengganti tag judul blog Anda menjadi h2 agar tidak terjadi dobel tag h1. Caranya sama, Anda cukup mencari kode css heading blog Anda.

Misalnya :

#header h1 {
........
}

#header h1 a, #header h1 a:visited {
........
}
#header h1 a:hover {
..................
}

Note : Ubah h1 dengan h2

- Lalu cari kode h1 lain selain kode untuk judul postingan seperti yang disebutkan tutor di atas, ganti juga dengan h2.

Misalnya :

<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
......................
............................
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
......................................

Note : Ubah h1 dengan h2

- Lalu Save/Simpan semua Pekerjaan anda tersebut.

     4. Menambahkan Meta Tag / Kode Yang Lain

Berikut adalah sekumpulan meta tag yang bisa di pasang dibawah kode <b:include data='blog' name='all-head-content'/> Untuk Blog anda :

- Geographic and Name Author Meta Tag with Support to Search Engine

<meta content='all-language' http-equiv='Content-Language'/>
<meta content='Global' name='Distribution'/>
<meta content="id" name="geo.country">
<meta content=' Nama KOTA Sobat ' name='geo.placename'/>
<meta content=' NAMA Sobat' name='author'/>
<meta content='index follow' name='robots'/> <meta content='all' name='googlebot'/><meta content='all' name='msnbot'/><meta content='all' name='Googlebot-Image'/><meta content='all' name='Slurp'/><meta content='all' name='ZyBorg'/><meta content='all' name='Scooter'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/><meta content='true' name='MSSmartTagsPreventParsing'/><meta content='blogger' name='generator'/>

Note : Silahkan ubah yang berwarna Merah

- Mendapatkan Meta Tag Google

- Mendapatkan Meta Tag Yahoo

- Mendapatkan Meta tag Alexa

- Menambahkan kode ‘rel=canonical’

Gunanya kita menambahkan ‘rel=canonical’ adalah untuk menghindari konten ganda, karena seperti para master of SEO bilang bahwa google sangat tidak dapat mentolerir sebuah duplicate content.

Tambahkan kode dibawah ini :

<link expr:href='data:blog.url' rel='canonical' />

     5. Memasang Navigasi Breadcrumbs.

Breadcrumbs merupakan menu navigasi yang berada di sekitar (atas) judul postingan. Jika sobat ingin memasang Navigasi Breadcrumbs lihat postingan saya tentang Membuat Navigasi Breadcrumbs pada Blogger.

     6. Memasang Related Post/ Recent Post.

Recent post bertujuan untuk memberi tahu pengunjung tentang artikel yang barusan dibuat oleh pemilik blog. Jika sobat ingin memasang Related Post, Silahkan lihat postingan saya tentang Membuat Related Post with Thumbnails pada Blogger.

     7. Kode Link dan Image Memuat "alt" dan "title".

Yach, Seperti yang saya katakan, kode link dan image (gambar) anda harus memuat tag “alt" dan “title" untuk memperjelas dan mudah terbaca oleh google.

Misalnya pada link :

< a href="URL Link" title="PENJELASAN TENTANG LINK TERSEBUT" alt="PENJELASAN TENTANG LINK TERSEBUT">NAMA Link</a>

Misalnya pada gambar :

<img alt="PENJELASAN TENTANG GAMBAR" src="URL Gambar" title="PENJELASAN TENTANG GAMBAR"/>

     8. Mematikan Setting Archive ( Arsip )

Saya Pribadi masih belum paham tentang yang satu ini, Namun Blog Juragan mengatakan bahwa pada blognya tentang mematikan Setting Archive yang dimaksud karena :

Karena Google membenci dengan Duplicate Content. Jadi ketika kita mengaktifkan opsi arsip, Misalnya kejadiannya seperti ini :

Sobat membuat sebuah blog di blogger.com. lalu membuat 3 posting, 1 buah setiap hari. Maka di halaman utama atau homepage sobat akan ada 3 posting dan sebuah link arsip seperti ini, http://BLOGSOBAT.blogspot.com/2007_03_01_archive.html, yang memunculkan 3 posting yang sama dengan yang di munculkan oleh homepage.

Intinya, 2 buah link yang memunculkan sebuah halaman yang sama. Bagi search engine apa lagi google ini adalah masalah serius. Oleh karena itu kita harus me-non-aktifkan opsi arsip,

Caranya : - Setelah login klik tab Setting, Lalu klik Archiving

                - Pada bagian Archiving Frequency ubah menjadi No Archive.

                - Lalu Klik Simpan Setting.

Penutup dan Terima kasih Saya Kepada …

Setelah panjang lebar saya membahas tentang SEO friendly Blog untuk blogspot , di akhir postingan saya mengucapkan terima kasih atas info dan sumber yang saya dapat dari :

- Mas Doyok

- Blog Juragan

- Attayaya Blog

- Optimasi Blog

- Dan Semua Sobat yang Mensupport Blog ini

Semoga Bermanfaat Sobat 

 :: Gunakanlah Ilmu Sebaik Mungkin ::

Bagikan Jika Artikel ini menarik, Diharapkan agar memberikannya kepada teman2 anda di Facebook

Artikel Lainnya :

SEO

• Tingkatkan Traffik Blog Anda Dengan Plipeo
• Tips Cara Mendapatkan Sitelink Google
• Tampilan Sitelink Terbaru Dari Google
• Googlebot Access Blog Bermasalah
• Tag H1 Untuk Judul Postingan dan Judul Blog
• Tingkatkan Traffic Blog Lewat VLog | VIVANews
• Tips SEO Terbaru di Tahun 2011
• Pelaporan Hasil Klik Dari Google +1
• Kumpulan Tips Menghadapi Google Panda
• Tentang Tombol Google +1
• Algoritma Terbaru Google - Google Panda
• Google Update Pagerank Bulan Juni 2011
• Menjadi Blogger Yang Bahagia
• Anak SMP Generasi Penerus Bangsa
• Navigasi Breadcrumb Pada Postingan Blog
• Algoritma Indexing Caffeine Pada Google ?
• Cara Membuat Blog / Website yang Disukai Google & Yahoo

Tip n Trik

• Menampilkan Akun Google Plus Di SERP Google
• Tips Mempersingkat Alamat URL Akun Google Plus
• Hubungkan Google Plus dengan Facebook | Twitter
• Menghubungkan Google Plus ke FB dan Twitter
• Twitteran Di Dashboard Akun Google Plus
• Cara Download Semua Album Foto di Facebook
• Tips Cara Mendapatkan Sitelink Google
• Membuat Sebuah Link Mengarah Ke Lebih 2 URL
• Show Hide Chatbox Efek Jquery di Sidebar Blog
• Maksud Pesan Error Saat Mengakses Internet
• Merubah Kotak Chat Facebook ke Versi Lama
• Memasang Simple Menu Navigasi Horizontal
• Memasang Floating Share Button
• Googlebot Access Blog Bermasalah
• Tag H1 Untuk Judul Postingan dan Judul Blog
• Mempercepat IDM Menggunakan IDM Optimizer
• Memasang Hidden Chatbox With Jquery Di Sidebar
• Memasang Hidden Chatbox Pada Sidebar Blog
• Memasang Sticky Tooltips Di Blogspot
• Tingkatkan Traffic Blog Lewat VLog | VIVANews
• Tampilan Halaman Label Hanya Judul Postingan
• Cara Transfer Foto Dari Facebook Ke Google+
• Tips SEO Terbaru di Tahun 2011
• Tutorial Membuat S3slider Images Show
• Akhirnya, Bisa Juga Join Ke Google+