Tutorial Dasar dan Cara Meningkatkan SEO Blogspot

Tutorial lengkap, cara, dan langkah-langkah dasar untuk meningkatkan dan memaksimalkan SEO Blogger/Blogspot.

Sebelumnya kita pahami dulu mengenai SEO. SEO (Search Engine Optimization) adalah proses meningkatkan/mengoptimalkan jumlah pengunjung blog/website dengan cara meraih peringkat yang lebih tinggi di hasil indeks halaman search engine (SERP). Semakin tinggi SERP, semakin besar pula kemungkinan jumlah pengunjung. Akan sangat jarang pengunjung search engine yang melakukan browsing halaman demi halaman search engine. So, para webmaster berbondong-bondong melakukan persaingan dan berebut untuk ada di halaman utama search engine. Sedangkan istilah lain SEO (Search Engine Optimizer), adalah alat dan elemen yang dapat membantu meningkatkan peringkat SERP blog/website.

Setiap blog/website memiliki elemen, template/theme, basic code, dan berbagai macam elemen lain yang berbeda-beda sehingga usaha untuk melakukan SEO pun tidak sama persis. Misalnya, WordPress memiliki basic elemen PHP, HTML, JavaScript, dan CSS. Selain itu WordPress juga dilengkapi dengan banyak plugin SEO yang siap dipakai untuk memaksimalkan hasil di search engine. Blogspot memiliki elemen dasar HTML, Javascript, dan CSS, yang tentu saja ada kelemahannya. Meskipun kita dapat menggunakan plugin SEO berbasic Javascript, namun saya sendiri tidak melihat efek yang signifikan. Kelebihannya, di Blogspot kita dapat melakukan modifikasi/hack tanpa batas baik pada design maupun untuk meningkatkan SEO-nya.

Cara-cara berikut ini merupakan cara yang masuk kategori organic SEO, yaitu optimalisasi search engine dengan cara-cara yang natural, yang saya lihat dan rasa justru memiliki efek yang baik. Selain itu, saya juga kurang begitu mendukung cara-cara Blackhat SEO yang saat ini pun mulai disisihkan oleh Google.

1. Pilih template yang SEO friendly.

Suatu design layout blog bisa memiliki keunggulan dan kelemahan. Di satu sisi, sebuah tampilan template/theme tampak hebat, namun dari segi SEO bisa saja lemah, ataupun sebaliknya. Oleh karena itu, pilihlah template Blogger yang SEO friendly. Saat ini telah banyak tersedia template Blogger gratis berkualitas premium yang telah disisipi hack SEO. Jika sudah 'terlanjur sayang' dan ingin tetap menggunakan template yang lama, lakukan dari langkah kedua berikut.

2. Pasang meta tags di blog

Ada banyak jenis meta tag, yang paling lazim digunakan adalah meta description, yang berisi deskripsi blog/website dan meta key, yang berisi keyword-keyword yang berkaitan dengan isi blog/website. Selain itu ada pula meta author, yang berisi nama penulis atau nama institusi/perusahaan, namun jarang sekali dipakai. Dan masih banyak lagi meta-meta lainnya.

3. Maksimalkan keyword pada title/judul blog

Memadatkan judul dengan keyword yang ditargetkan dapat memperbesar kepadatan keyword (keyword density) suatu blog. Pada blogspot, edit judul melalui Dashboard > Design/Rancangan > Klik edit pada header, isi dengan judul yang diinginkan dan save.

4. Letakkan judul posting di depan nama blog

Pada template Blogger yang belum di isi hack, biasanya nama blog berada di depan judul posting. Untuk mengeceknya, buka sebuah halaman posting dan lihatlah tab dan bar pada browser. Lihatlah apakah nama blog berada di depan dan di susul judul posting. Pada hasil indeks search engine, hal ini dapat mengurangi akurasi dan kepadatan keyword serta memotong judul posting di bagian belakang. Apalagi jika judul posting sangat panjang. Pengunjung jadi tidak mengerti poin keseluruhannya.

5. Maksimalkan keyword yang padat dan efektif di dalam posting blog

Ini bukan berarti membuat keyword sebanyak-banyaknya, tetapi mengatur letak/posisi keyword, menggunakan keyword dan frase yang tepat, dan tidak menggunakan terlalu banyak kata yang bertele-tele. Misalnya, hindari kata-kata seperti ini: "Dalam pada posting kali ini...", dan lain-lain.

6. Percepat waktu loading (load time) blog

Google juga memberlakukan penalti terhadap blog/website yang terlalu berat dan lama untuk di-load. Ini logis, karena waktu yang dibutuhkan oleh spider saat crawling dan mengumpulkan informasi menjadi lebih lama. Hal-hal yang menghambat loading blog/website biasanya adalah: terlalu banyaknya file javascript (biasanya pada widget) dan terlalu besarrnya file-file gambar. Pengunjung tentu juga akan kerepotan karena harus menunggu loading yang lama, apalagi bagi yang koneksi internetnya lemot.

7. Percepat proses indeks search engine terhadap blog

Indeks yang cepat menunjukkan bahwa blog telah dikenal oleh search engine. Hal ini tentu saja mempercepat SEO suatu posting karena kita tidak perlu menunggu dalam waktu yang lama dan pengunjung pun bisa segera menemukannya di search engine. Meskipun ini bukan jaminan bahwa artikel posting berada dalam indeks halaman utama, akan tetapi ini adalah langkah awal dari proses SEO itu sendiri.

8. Link building yang efektif

Link building mereupakan poin paling penting dalam SEO. Link building adalah proses menciptakan inbound link (link yang mengarah ke blog/website), yaitu mendapatkan backlink dari blog/website lain. Melakukan link building bisa dengan banyak cara, yaitu: membuat reciprocal link baik dengan direktori/social bookmark (yang mensyaratkan reciprocal link) ataupun bertukar link dengan blog/website lain, mendaftarkan blog dan artikel ke social bookmark/direktori, dan berkomentar di blog/website lain dengan meninggalkan link di form komentator, cara ini lazim dikenal sebagai blogwalking, meskipun kemudian agak disalahartikan dengan meninggalkan komentar berisi, "blogwalking!", atau, "mampir gan!", dan lain-lain. Berkomentarlah sesuai konten karena ini menunjukkan kualitas dan Google juga melirik itu loh. Jangan lupa, ada link dan anchor text di atas komentar tersebut, dan Google memperhatikannya ketika crawling.

Untuk melakukan link building yang efektif dengan tujuan mendapatkan backlink yang berkualitas dan meningkatkan pagerank, berkomentarlah di blog-blog dofollow ber-pagerank tinggi dan daftarkan blog serta artikel di situs direktori dan social bookmark dofollow. Perbanyak backlink yang mengarah ke blog/website anda, namun lakukan secara natural, yaitu tidak secara serampangan, terlalu banyak backlink yang dibuat dalam satu hari juga dapat dianggap 'tidak wajar' oleh Google. Saya biasa membatasi 5-10 kali link building setiap harinya.

Link building dapat meningkatkan visibility atau kenampakan blog/website di mata search engine, meningkatkan jumlah traffic yang berkualitas. Semakin banyak tarffic semakin tinggi nilai kepentingannya bagi search engine sehingga dia rutin melakukan crawling. Link building juga menambah kredibilitas dan popularitas suatu blog/website.

Itulah dasar-dasar optimalisasi SEO Blogger/Blogspot yang menjadi pengalaman saya. Masih ada banyak lagi cara yang dapat ditempuh untuk meningkatkan SEO blog namun sekiranya beberapa langkah di atas dapat menjadi dasar untuk memperkuat SEO blog, sebelum melakukan langkah-langkah selanjutnya. Fondasi yang kokoh merupakan tolok ukur dan cikal bakal bangunan yang kokoh bukan?

Salam!

Baca Selengkapnya...

Cara Membuat Tombol Back To Top Melayang Blogger/Blogspot V2

 Cara Membuat Tombol Back To Top Melayang Blogger/Blogspot V2

Fitur Back To Top/Scroll To Top, seperti yang telah dijelaskan dalam Cara Membuat Fitur/Tombol Back To Top di Blogger (V1), adalah fitur navigasi blog yang berfungsi sebagai shortcut agar pengunjung bisa kembali ke bagian atas halaman blog dengan cepat dan hanya dalam satu klik. 

Tombol back to Top Blogspot kali ini berjenis melayang (floating) dan berada di bagian pojok kanan bawah. Kodenya pun sedehana dan tidak menggunakan javascript/jquery sehingga waktu muatnya lebih pendek. Script ini dibuat berdasarkan perintah link yang mengacu ke wrapper (#) dengan ditambah aturan CSS position-styling. Easy.

Cara Memasang Back to Top Blogger/Blogspot V2:

1. Copy kode berikut:

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Scroll/Back to Top"><img src="url gambar back to top blog" /></a>

Anda dapat mengganti title Scroll/Back to Top dengan kata-kata yang diinginkan. Ganti url gambar back to top blog dengan gambar back to top anda, atau copy salah satu dari beberapa gambar "Back To Top" di posting tips-tricks blogger sebelumnya: Cara Membuat Fitur/Tombol Back To Top di Blogger (V1), atau bisa juga googling dengan keyword "back to top button image". Edit ukurannya sesuai dengan besar yang diinginkan, lalu upload. Masukkan url gambar yang telah diupload ke dalam script. 

2. Buka dashboard > Design/Rancangan > Klik Add a/Tambah Gadget > Pilih opsi HTML/Javascript

3. Paste/letakkan kode tersebut, lalu save.

Posisi gadget dimanapun tidak masalah karena letak tombol tersebut fixed (tetap), yang menjadikannya melayang.

4. Done!

Baca Selengkapnya...

Menampilkan Jumlah Postingan Dengan Label

Menampilkan Jumlah Postingan Dengan Label 

1. Login ke blogger dengan ID anda.
2. Klik Rancangan.
   
3. Klik tab Edit HTML.
   
4. Biasakan untuk melakukan backup, klik pada tulisan Download Template Lengkap.
   
5. Klik kotak kecil di samping tulisan Expand Template Widget.
   

6. Carilah kode yang mirip seperti berikut : <ul>
         <b:loop values='data:labels' var='label'>
           <li>
             <b:if cond='data:blog.url == data:label.url'>
               <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
             <b:else/>
               <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
             </b:if>
             <b:if cond='data:showFreqNumbers'>
               <span dir='ltr'>(<data:label.count/>)</span>
             </b:if>
           </li>
         </b:loop>
         </ul>
   
7. Tambahkan kode pembatasnya, sehingga menjadi seperti berikut :
   <ul>
         <b:loop values='data:labels' var='label'>
           <li>
             <b:if cond='data:blog.url == data:label.url'>
               <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
             <b:else/>
               <a expr:dir='data:blog.languageDirection' expr:href='data:label.url + &quot;?max-results=5&quot;'><data:label.name/></a>
             </b:if>
             <b:if cond='data:showFreqNumbers'>
               <span dir='ltr'>(<data:label.count/>)</span>
             </b:if>
           </li>
         </b:loop>
         </ul>
   
8. Itu adalah untuk yang label dalam bentuk list, untuk yang label cloud anda tinggal menggeser sedikit ke bagian bawahnya, dan nanti akan ditemui kode mirip seperti berikut :
   <b:loop values='data:labels' var='label'>
           <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
             <b:if cond='data:blog.url == data:label.url'>
               <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
             <b:else/>
               <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
             </b:if>
             <b:if cond='data:showFreqNumbers'>
               <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
             </b:if>
           </span>
         </b:loop>
       
9. Tambahkan kode pembatasnya sehingga kodenya jadi seperti berikut : <b:loop values='data:labels' var='label'>
           <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
             <b:if cond='data:blog.url == data:label.url'>
               <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
             <b:else/>
               <a expr:dir='data:blog.languageDirection' expr:href='data:label.url + &quot;?max-results=5&quot;'><data:label.name/></a>
             </b:if>
             <b:if cond='data:showFreqNumbers'>
               <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
             </b:if>
           </span>
         </b:loop>
   
10. Klik tombol SIMPAN TEMPLATE.
11. Selesai.

Selamat mencoba!

Baca Selengkapnya...

Cara Mengganti Icon Blog

Postingan minggu ini kita membahas mengenai cara mengganti icon blogger dengan icon gambar atau foto kamu sendiri. di addressbar seperti icon diblog saya yang sederhana ini,,heheheheheheh,,yang pertama anda harus membuat dulu image atau mengedit gambar terus ubah gambar menjadi berukuran 24 x 24 pixel up to 32 x 32 pixel,kemudian silakan upload dulu gambar tersebut di photobucket.com, kenapa harus upload kesana? karena untuk mendapatkan kode URL image kita, masih bingung ya,,ya udah ikuti langkah- langkah berikut aja ya,,


1. Pilih gambar yang akan anda masukkan dengan ukuran 24x24/32x32
2. Terus upload image atau gambarnya diphotobucket.com, jika belum punya di photobucket.com silakan kamu register disini
3.Terus login silakan upload imagernya di menu Upload File & Video dengan pilih tombol choose file
4.Setelah kanu selesai upload akan muncul image atau gambar kamu dan ambil kode URL gambar kamu  seperti contoh kode URL imageini

http://i383.photobucket.com/albums/oo276/0512_photo/enny-1.jpg

5.Untuk memasukkan ke blog kamu silakan kembali ke Dasboard blogger kamu,silakan ke menu Layout->Edit HTML->jangan lupa klik Expand Widget kemudian temukan kode berikut

</head>

6. Terus Setelah itu letakkan kode dibawah ini sebelum kode diatas

<link href='http://i383.photobucket.com/albums/oo276/0512_photo/enny-1.jpg' rel='SHORTCUT ICON'/>

jangan lupa ganti kode yang berwarna merah dengan URL gambar yang kamu dapatkan di photobucket.com tadi

7.Kemudian simpan atau Save Setting,,Selesai,,
Coba lihat blog kamu apakah iconnya sudah berubah wujud heheheh dengan ganbar kamu,,,,,,
Semoga berhasil sukses selalu!!!

Baca Selengkapnya...