Trik SEO Sederhana

Apa itu SEO? SEO atau Search Engine Optimization adalah usaha untuk menjadikan blog atau web kita mampu menduduki peringkat tertinggi di mesin pencari. SEO merupakan hal mutlak yang diperlukan dalam sebuah blog. Namun pada kenyataannya banyak orang yang malas melakukan SEO yang benar dikarenakan berbagai macam alasan, salah satu alasan yang paling populer adalah malas, karena proses SEO sendiri dibilang rumit.

Berikut ini trik SEO sederhana yang bisa Anda coba lakukan untuk menaikkan rank blog Anda :

1. Analisa kata kunci (keywords)
- Anda harus membuat 3 set kata kunci yang berisi 2-3 kata kunci utama / 3-6 kata kunci kedua (secondary keywords) / 5-10 kata kunci longtails (biasanya kata kunci yang terdiri dari beberapa kata). Atur masing-masing set itu dalam kelompok yang sesuai dengan tingkat persaingan di mulai dari kompetisi yang rendah – tinggi.

– Optimasi halama utama (homepage) untuk kata kunci kedua. Kata kunci utama biasanya memiliki tingkat persaingan yang sangat ketat. Untuk itu, diperlukan waktu yang sangat lama (6-18 bulan) dan membutuhkan anggaran yang sangat besar. Jika target Anda adalah kata kunci utama dari awal dan tidak memiliki dana yang cukup, maka anda dalam masalah. Kata kunci kedua sepertinya akan lebih mudah untuk kepentingan SEO. Anda dapat menarget kata kunci utama setelah situs Anda memiliki rangking terlebih dahulu. Kadangkala, kata kunci kedua tidak memiliki jumlah pencarian yang besar tetapi dapat menghasilkan pendapatan seperti jika Anda mengoptimasi kata kunci utama.

– Optimasi inner pager untuk longtail keywords dengan menggunakan strategi satu kata kunci untuk satu halaman. Kualitas isi situs merupakan hal utama. Anda sebaiknya tidak menggunakan jasa penulis yang murahan karena penulis dengan imbalan yang murah hanya menghasilkan kualitas artikel yang rendah, sebagian besar berasal dari daur ulang tulisan (re-write) atau memiliki banyak sekali kesalahan tata bahasa. Saat ini, Simbah Google telah memiliki kemampuan pembacaan dan pemahaman struktur isi artikel, khususnya untuk konten yang berbahasa Inggris.

2. Bangun link dengan wajar dan konsisten
Anda harus berhati-hati ketika membangun link dari awal. Tetap natural dan wajar. Jika Anda membangun 100 link pada bulan pertama, 10.000 link pada bulan kedua lalu hanya 5 link pada bulan ketiga – situs Anda sangat mudah untuk dicurigai menggunakan teknik ‘gaming’ dalam proses pembentukan link kecuali situs anda adalah situs jejaring sosial yang besar seperti Digg.com atau seperti situs yang terpercaya seperti CNN.Com. Diperlukaan waktu yang lama untuk membangun kepercayaan Google.

3. Link yang berkualitas lebih berharga dibandingkan dengan kuantitas link.
Satu link yang berasal dari editorial direktori seperti business.com bernilai 1.000 kali lipat dibandingkan dengan 1.000 artikel direktori gratisan. Kenapa? Sebagian besar artikel direktori hanya memiliki sedikit atau sama sekali tidak memiliki editorial dalam daftarnya. Artikel direktori gratisan hanya memberikan editorial kepada situs-situs yang membayar mereka. Bahkan, beberapa di antara mereka kadang menolak pendaftaran artikel berbayar anda tanpa mengembalikan dana yang telah Anda berika. Itulah alasan mengapa pemilik situs harus waspada terhadap aturan dan memiliki pengetahuan yang cukup sebelum mendaftarkan situs.

4. Sabar
Persaingan niche membutuhkan waktu yang lama. Hal terbaik yang bisa Anda lakukan adalah lakukan yang bisa Anda lakukan dan jangan berikan perhatian berlebihan pada orang lain. Cukup sudah membanding-bandingkan situs Anda dengan kompetitor. It could make you gone nuts before your site archive the results you expected.

Merubah Disain Template pada Blogger

Blog saat ini bukan hanya sekedar berisi artikel pribadi, tetapi telah digunakan sebagai alat marketing online yang sejajar dengan website oleh perusahaan-perusahaan besar dunia. Oleh karena itu desain blog juga mengalami kemajuan yang pesat, banyak CMS/Content Management System membuat desain blog yang dapat kita gunakan dengan gratis dan langsung online.

Berikut ini langkah-langkah bagaimana merubah tampilan blog kita supaya terlihat lebih menarik
1. Bukalah website http://btemplates.com untuk mendownload free templates.
2. Klik download pada template yang Anda inginkan.
3. Setelah proses download selesai, login ke account blogger Anda.
4. Klik Rancangan pada Dasbor, kemudian pilih Edit HTML.
5. Klik Browse, cari template yang Anda download tadi.
6. Setelah itu klik Unggah dan Simpan Template.
7. Selesai, klik Lihat Blog untuk melihat tampilan baru blog Anda.

Memasang Status YM di Blogger

Bagi yang ingin tampilan blognya lebih variatif, tidak ada salahnya memasang status YM di blognya. Selain berfungsi untuk mempercantik tampilan blog, memasang status YM di blog juga dapat membantu pengunjung blog yang ingin berinteraksi secara langsung dengan pemilik blog.

Berikut ini langkah-langkah memasang status YM di blog:
1. Login ke account blogger Anda.
2. Masuk ke Tata Letak, kemudian Tambahkan Gadget.
3. Pilih Html/javaScript, dan masukkan kode html dibawah ini:

<a href="http://messenger.yahoo.com/edit/send/?.target=ID-YM-ANDA"><img src="http://opi.yahoo.com/yahooonline/u=ID-YM-ANDA/m=g/t=14/l=us/opi.jpg" alt="Status YM" border="0" /></a>

* Ganti tulisan ID-YM-ANDA dengan ID YM milik Anda.
4. Klik Simpan.

Pilih jenis tapilan status YM yang Anda sukai, dengan kita mengganti nilai t dengan angka–angka dari 0 – 16. Tergantung tapilan status YM kita mau pilih yang mana. Pilihan tapilan status YM ada di bawah seperti yang ada di bawah:

t=0	t=9
t=1	t=10
t=2	t=11
t=3	t=12
t=4	t=13
t=5	t=14
t=6	t=15
t=7	t=16
t=8

Membuat Read More Animasi

Membuat Read More Animasi tidaklah sulit, karena gambar animasi yang kita ingin gunakan bisa kita peroleh dari beberapa situs yang menyediakan teks animasi maupun button read more yang bisa kita manfaatkan tanpa perlu susah payah membuatnya sendiri.

Berikut ini contoh button read more animasi yang bisa Anda download dan gunakan untuk membuat read more animasi :

Berikut ini langkah-langkah membuat read more animasi :
1. Login ke account blogger Anda.
2. Masuk ke halaman Dasbor, klik Tata Letak, kemudian klik Edit HTML.
3. Bagi yang blognya belum terpasang Read More, silahkah buat dulu. Baca tutorialnya disini.
4. Dihalaman Edit HTML, ganti tulisan Read More atau sebagainya yang Anda buat link baca selanjutnya dengan kode berikut <img src="link gambar kamu"/>
5. Langkah terakhir Simpan Template.

Cara Membuat Shout Box

Shout Box atau juga sering disebut Say Box, Tag Board, dan Chatter Box adalah suatu kotak yang berfungsi untuk mengirimkan pesan-pesan pendek, namun bisa juga berfungsi sebagai tempat ngobrol (chatting). Dengan shoutbox, kita juga bisa mempromosikan blog kita, misalnya nih, kita datangi blog orang yang menyediakan kotak ini kemudian kita kasih komentar atau cuma sekedar salam di shoutbox mereka, lalu yang punya blog akan melihat di shoutbox, biasanya meraka akan balas mengunjungi blog kita. Biasanya shout box diselipkan kedalam halaman web/blog dengan bahasa java Script. Bagi kamu yang jago pemrograman java script mungkin bisa membuatnya sendiri dengan membuat kode-kode yang memusingkan kepala. Namun buat kamu yang nggak jago nggak usah kuatir karena sekarang ini banyak situs internet yang menyediakan layanan ini, salah satunya yaitu Shoutmix.

Berikut ini cara cara memasang Shoutbox di blog kita:

1. Daftar di situs Shoutmix atau silahkan klik disini. 
2. Setelah proses mendaftar selesai, pilih type shoutbox yang disediakan dan klik tombol Continue.
3. Setelah itu, klik link Go to My Control Panel Now.
4. Disitu kamu bisa mensetting terlebih dahulu shoutbox kamu, misalnya Style & Color, Date & Time, dan lain-lain.
5. Jika sudah selesai klik menu Get Codes.
6. Jika kamu ingin menaruh shoutbox di blog kamu pilih "Place Shoutbox on Webpage".
7. Atur lebar dan tinggi shoutbox di kolom width dan height.
8. Kemudian Copy kode yang ada di dalam kotak "Generated Codes".
9. Login ke blogger.com lalu pilih Layout kemudian Add Page Elements.
11. Tambahkan element HTML/Javascript.
12. Paste Kode yang telah kamu copy tadi di kotak "Content" lalu Save.
13. Selesai.

Setting Domain di Co.Cc

gSeperti yang sudah kita ketahui, bahwa co.cc adalah top level domain yang bisa kita dapatkan secara gratis. Kita bisa mengganti nama blog kita dari "http://namadomain.blogspot.com" atau "http"//namadomain.wordpress.com" atau lainnya menjadi "http://namadomain.co.cc". Dengan co.cc kita bisa mengontrol DNS Records, A, MX, dan CNAME records, sehinga domain co.cc bukan hanya sekedar "URL Forwarding".

Ada 3 tipe pengaturan di co.cc, dan ketiganya memiliki fungsi tersendiri. Berikut penjelasanya:

1. Managed DNS
Ini biasanya digunakan untuk sebuah web yang memerlukan web hosting dan mengharuskan untuk mengarahkan Name Server-nya ke hosting tersebut. Misal untuk membuat web di 000webhost, atau bisa juga untuk blog wordpress yang menggunakan hosting dari luar. Metode ini tidak cocok digunakan untuk blogger/blogspot yang menggunakan hosting default dari blogger/blogspot.

Cara setting untuk metode ini yaitu dengan mengisi pada kolom "Name Server 1 dan Name Server 2" dengan name server yg sesuai dengan hosting yang digunakan. Misal, bagi yang menggunakan hosting dari 000webhost maka untuk kolom "Name Server 1" disi dengan "ns01.000webhost.com" dan kolom "Name Server 2" disi dengan "ns02.000webhost.com". Kemudian klik tombol "Setup". Selesai.

2. Zone Records
Zone records cocok digunakan bagi para pengguna blogger/blogspot. Berikut ini cara setting untuk Zone Records:
* Pada kolom "Host" isikan dengan nama domain yg sudah km daftarkan, misal "www.namadomain.co.cc" (jangan lupa dikasih "www")
* Untuk option "TTL" biarkan saja, gak perlu dirubah2
* Pada option "Type" pilih yang "CNAME"
* Untuk kolom "Value" isikan "ghs.google.com"
Sehingga akan seperti pada gambar dibawah ini:

Langkah selanjutnya yaitu merubah settingan di blogger/blogspot caranya begini:
* Login ke blogger/blogspot kemudian masuk ke menu "Setting-->Publishing"
* Kemudian pilih "Switch to: • Custom Domain
* Setelah itu klik pada "Already own a domain? Switch to advanced settings"
* Kemudian isikan nama domain kamu yang baru pada kolom "Your Domain".

* Selanjutnya klik tombol "Save Setting"

Selesai. Kalau berhasil (Settingnya sudah benar) maka domain kamu yang baru akan aktif dalam waktu antara beberapa jam sampai 2 hari. Jadi sabar aja menunggunya. Blog kamu akan tetap bisa diakses dengan melalui domain yang lama.

3. URL Forwarding
URL forwarding bisa digunakan untuk apa aja, bisa web ato blog. Tapi URL Forwarding ini hanya memforward domain yg baru (yang di co.cc) ke domain lama. Jadi domain lama akan 100% seperti semula tanpa ada perubahan apapun, cuma kita bisa mengakses web/blog kita dengan mengetikkan nama domain baru kita di browser. Jika menggunakan URL Forwarding maka yang terindex di google atau Search engine yang lain adalah tetap Domain kita yang lama.

Untuk setting URL Forwarding sangat mudah, kita hanya mengisikan data-data yang diminta dan disesuaikan dengan web/blog kita, seperti "Redirect to:, Page Title, URL Hiding, Meta Description dan Meta Keywords". Kita tidak perlu lagi mensetting domain di web/blog kita lagi.

Optimasi Blog Agar Tampil Lebih Cepat

Faktor kecepatan loading page sangat besar pengaruhnya terhadap kenyamanan pengunjung. Sudah menjadi sifat dasar manusia dimana menunggu adalah pekerjaan yang sangat membosankan. Ini yang harus kita cermati bersama, jangan sampai pengunjung kabur dan pindah ke situs lain hanya karena blog kita sangat lambat ketika dibuka. Faktor kecepatan koneksi juga bisa dikatakan sebagai salah satu penyebab lamanya loading pada blog kita.

Berikut ini tips cara optimasi blog agar bisa tampil lebih cepat :

1. Aktifkan Kompresi dengan GZIP
Browser modern biasanya mendukung kompresi untuk HTML, CSS dan Javascript. Melakukan kompresi pada ketiga file tersebut tentu akan menghemat waktu loading halaman dan secara otomatis tentu akan terjadi pengurangan waktu download. Para Webmaster pintar diluar sana sangat menyarankan kita menggunakan kompresi dengan Gzip. Untuk teknik dan tutorial Gzip silahkan disearch aja, sudah banyak sekali yang membahasnya. Jika pembaca menggunakan Platform Blogspot abaikan saja kompresi ini karena secara default blogspot sendiri sudah mendukung teknik tersebut. Untuk pengguna Plaform lain seperti Wordpress silahkan menggunakan Kompresi Gzip ini atau kalau tidak mau repot pakai Gzip sebaiknya gunakan saja plugin WP Super Cache.

2. Buang Spasi kosong pada kode HTML
Membuang Spasi kosong termasuk juga dalam teknik kompresi, yaitu dengan memadatkan kode HTML, XML atau PHP dengan cara membuang spasi yang dirasa tidak berguna. Salah satunya termasuk juga dalam Inline untuk kode Javascript dan CSS. Dengan menghapus ruang kosong tentunya akan menyimpan banyak byte data dan imbasnya akan mempercepat waktu proses download. Untuk membuang Spasi yang tidak perlu saya biasanya menggunakan Tools Editor seperti Notepad++. Caranya sangat mudah, yaitu dengan mem-blok semua kode yang ingin dibuang spasinya kemudian pilih menu TextFX -> TextFX Edit dan pilih Delete Blank Lines atau Delete Surplus Blank Lines.

3. Lakukan Kompresi CSS (Stylesheet)
Teknik kompresi CSS ini sebenarnya cukup sederhana, hampir sama dengan cara diatas yaitu dengan cara membuang spasi yang tidak diperlukan. Memadatkan pengkodean CSS juga bisa menghebat waktu download, Parsing dan waktu eksekusi pada suatu halaman. Untuk mempermudah kita melakukan kompresi pada CSS, silahkan gunakan tools gratis yang sudah banyak disediakan seperti YUI Kompresor dan cssmin.js.

4. Letakan CSS (Stylesheet) di Atas
Adakalanya kita tidak meletakan CSS di header, biasanya cara tersebut kita gunakan untuk membuat Style tunggal untuk gaya tertentu pada widget. Para webmaster yang ahli biasanya menyarankan kita sebaiknya memanggil semua kode CSS pada halaman HEAD entah itu CSS Internal maupun CSS External semuanya sebaiknya dijadikan satu pemanggilan dalam Header.

5. Buang CSS (Stylesheet) yang tidak perlu
Ketika browser mengakses halaman, biasanya harus melalui proses download dan menganalisa setiap baris kode dalam CSS (stylesheet) terlebih dahulu, bayangkan jika banyak kode CSS percuma yang harus diproses namun tidak dieksekusi sama sekali! ini akan sangat mengganggu karena akan menghambat proses rendering yang harusnya lebih cepat!

6. Periksa Validasi CSS (Stylesheet)
Walaupun sering terjadi kesalahan dalam menulis kode CSS, broser tidak akan menampilkan pesan kesalahan apapun dalam layar, semua eksekusi akan terus dijalankan tanpa adanya laporan error meskipun itu hanya salah dalam satu huruf saja. Sebaiknya jangan abaikan kesalahan ini, silahkan check validasinya. Untuk lebih mudahya silahkan gunakan tools online gratis seperti W3C CSS Validations.

7. Kombinasi CSS (Stylesheet) dalam file External
Kekurangan CSS Internal hanya satu yaitu terjadinya pembengkakan kapasitas ukuran (size) pada besarnya halaman. Webmaster berpengalaman selalu menyarankan kita sebaiknya melakukan pemanggilan kode CSS melalui akses external, jika memungkinkan lebih bagus lagi melakukan kombinasi semua kode CSS hanya dalam satu file saja. (untuk pengguna blogger abaikan teknik ini karena akan lebih bagus dengan pemanggilan internal).

8. Lakukan Kompresi Javascript
Teknik kompresi Javacsript hampir sama dengan CSS yaitu dengan cara membuang spasi yang tidak diperlukan. Memadatkan pengkodean Javacript juga bisa menghebat waktu download, Parsing dan waktu eksekusi pada suatu halaman. Untuk mempermudah kita melakukan kompresi pada javascript silahkan gunakan tools gratis yang sudah banyak disediakan seperti YUI Kompresor, Closure Compiler dan JSMin

9. Buang Javascript yang tidak Perlu
Suka tidak suka penggunakan javacript (JS) kadang sangat diperlukan, walaupun JS kadang membuat loading halaman akan semakin berat. Ketika browser mengakses suatu halaman, biasanya harus melalui proses download dan menganalisa kode dalam JS terlebih dahulu, bayangkan jika banyak pemanggilan JS secara percuma yang harus diproses namun tidak dieksekusi sama sekali! Silahkan teliti kembali kode JS yang menurut kita tidak berguna, cek ulang dan jangan sampai parkir terlalu lama, jika tidak digunakan lagi mending hapus saja!

10. Kombinasi Javascript dalam file External
Hampir sama kasusnya dengan CSS External diatas, Kekurangan javascript Internal hanya satu yaitu terjadinya pembengkakan kapasitas ukuran (size) pada besarnya halaman. Webmaster berpengalaman selalu menyarankan kita sebaiknya melakukan pemanggilan melalui akses external, jika memungkinkan lebih bagus lagi melakukan kombinasi semua koding JS hanya dalam satu file saja. (untuk pengguna blogger jika memungkinkan sebaiknya panggil melalui file internal saja, silahkan baca kembali solusi hosting javasript internal)

11. Lakukan Optimasi Gambar
Website dinamis tanpa dihiasi gambar tentu tidak akan menarik, namum penggunaan gambar yang berlebihan akan menjadi masalah ketika browser melakukan download pada halaman. Sebaiknya kurangi gambar yang tidak perlu, terlebih pada gambar yang mempunyai ukuran cukup besar. Jika memang terpaksa menggunakannya, sebaiknya lakukan optimasi pada gambar tersebut dengan cara melakukan kompresi tanpa harus mengurangi kualitas gambar. Saran saya silahkan gunakan Yahoo! Smush.it

12. Jangan Paksa Skala Gambar dalam HTML
Hindari menggunakan gambar yang besar hanya karena kita dapat mengatur lebar dan tinggi dalam HMTL, Kita memang bisa mengatur ulang gambar sesuka hati melalui CSS atau dalam tag <Img> seperti pada html berikut ini <img width="100" height="100" src="gambar.jpg"/> walaupun ukuran gambar sebenarnya adalah 200x200px sebaiknya jangan mengecilkan dengan mengatur ulang skala gambar, akan lebih baik kita membuat gambar 100x100px sesuai dengan ukuran gambar sebenarnya.

13. Hindari Gambar SRC kosong
Pemanggilan tag SRC untuk gambar biasanya ada pada dua kemungkinan, bisa melalui HTML <img scr=""> atau memalui Javascript var img = new Image(); img.src = ""; walaupun browser mengabaikan permintaan ini jika gambar dalam keadaan kosong, tetap saja ini melalui proses rendering yang harusnya tidak membebani server. Silahkan perikasa kembali blank SRC, Jika memang tidak digunakan mending dihapus saja.

14. Periksa Kembali Broken link
Link yang telah mati bakal tidak disukai pembaca, jangankan pembaca..search engine sekalipun tidak menyukai hal ini. Lakukan pengecekan broken link sesering mungkin, banyak tools di internet yang bisa melakukan tugas ini, salah satunya yang terbaik bisa menggunakan tools dari W3C Checklink

15. Buang Widget atau plugin yang tidak Perlu
Widget yang terlalu banyak hanya membuat halaman jadi semakin berat, apalagi widget tersebut tidak begitu berguna. Silahkan kita pilah-pilah kembali widget yang sekiranya tidak ada maanfaat sama sekali seperti memasang jam dan kalender. Tanyakan pada diri kita sendiri apa gunanya memasang jam di blog, jika hanya sebagai penunjuk waktu.

Membuat "Read More" atau "Baca Selengkapnya" pada Blogger

"Read More" atau "Baca Selengkapnya" adalah pemenggalan kalimat pada posting suatu halaman, Pemenggalan halaman posting biasanya ditandai dengan "Read More", "Next", "Baca Selanjutnya", "Baca berikutnya", "Selengkapnya" atau lain sebagainya. Readmore biasanya digunakan untuk menandai bahwa kalimat pada posting masih mempunyai kelanjutan, dan juga berguna mempersingkat halaman posting yang panjang.

Untuk membuat readmore ikuti langkah dibawah ini :

1. Buka Template - Edit HTML - Berikan tanda centang pada "Expand widget template".

2. Jangan lupa backup template blogger anda terlebih dahulu dengan mengklik "dowlnoad template lengkap".

3. Cari kode dibawah ini:

<div class='post-header-line-1'/>
<div class='post-body'>

Tips : Untuk mempermudah pencarian kode diatas sebaiknya ikuti tips berikut ini. Pertama kamu buka program text editor misalnya notepad.exe (Pada MS Windows tekan menu Start -> Proggram -> Accessories -> Notepad) kemudian copy/paste kode HTML tadi ke notepad. kemudian pada notepad pilih Menu Edit -> Find. pada box find masukan kode ini <div class='post-header-line-1'/> kemudian klik tombol Find next. (jika masih gak ketemu terpaksa kita melakukan pencarian secara manual).

4. Jika sudah menemukan kode diatas, Copy-Paste kode dibawah ini kemudian letakan kode tersebut dibawah kode diatas.

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

5. Kemudian dibawah kode diatas kita akan menemukan kode:

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

Lakukan Copy-Paste kode dibawah ini dibawah code diatas

<a expr:href='data:post.url'>Read More »»</a>
</b:if>

Tips: Kode "Read More" diatas bisa ganti dengan kalimat sendiri (contoh "Baca Selanjutnya", "Baca Berikutnya", "Selengkapnya" atau lain sebagainya.)

Kode selengkapnya jika dilihat akan tampak sebagai berikut:

<div class='post-header-line-1'/>
<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Readmore »»</a>
</b:if>
<div style='clear: both;'/>

6. Simpan

7. Setelah kode diatas disimpan kita kembali dan masuk ke tab Pengaturan -> Format -> cari "Post Template" Kemudian pada kotak masukan kode dibawah ini:

<div class="fullpost">
</div>

8. Simpan

Cara penggunaan readmore pada halaman posting. Ketika kita melakukan posting pertama kali kita akan melihat kode:

<div class="fullpost">
</div>

Ingat jangan hapus kode diatas karena kode tersebut merupakan kode yang akan kita gunakan dalam pemenggalan posting nantinya.