Langkah-langkah Optimasi Onpage Pada Blog

Ayo Optimisasi Onpage pada Blog

Langkah-langkah Optimasi Onpage Pada Blog

Langkah-langkah Optimasi Onpage Pada Blog - Blog Fajri Andaviar, Melakukan Optimisasi Onpage pada blog baru di buat adalah langkah wajib. Ini adalah tahap kedua dari empat tahap yang perlu dilakukan untuk menjadi juara search engine. Tujuan utama dari optimisasi onpage bukan untuk menjadi juara pertama di Google. Optimisasi ini hanya untuk membantu Google mengindeks blog anda dengan tepat.

Ini seperti menaruh mobil balap anda di lintasan yang tepat, tapi ... apakah mobil balap anda bisa menjadi juara? Belum tentu. Proses menjadi juara itu masih panjang. Anda masih harus melalui dua tahap lagi, yaitu menambah konten artikel berkualitas dan optimisasi Offpage. 

Optimisasi Offpage sendiri masih terbagi dalam dua proses, yaitu Mencari backlink dan Mempromosikan Blog. Tapi itu nanti saja dibahas, kita fokus dulu di topik optimasi onpage ini

Supaya tidak terlalu panjang lebar, silahkan kalau sobat mau mengikuti langkah-langkah Optimasi Onpage di bawah ini satu per satu. Sebaiknya dilakukan secara teliti, karena setiap proses di bawah ini hanya dilakukan sekali saja.

Berikut langkah-langkah Optimasi Onpage

1. Saat ini pengguna Smartphone ANDROID sudah lebih banyak dari pada pengguna laptop atau di layar desktop untuk melakukan aktifitas browsing, maka sebaiknya gunakan template yang SEO friendly Responsive Premium. Kalau belum punya template yang SEO friendly Responsive Premium bisa coba cek koleksi template SEO friendly Responsive Premium saya. Silahkan pilih dan pasang template pada blog.
2. Kalau blog anda sudah lama dan tetap ingin menggunakan template lama maka sebaiknya lakukan dulu penyetelan dynamic heading pada blog anda, pasang breadcrumbs dan juga artikel terkait kemudian atur agar responsive.
3. Untuk Struktur template, pastikan artikel berada di bagian kiri layar dan sidebar di bagian kanan.
4. Pastikan blog anda mempunyai title tag dan meta description yang berbeda di setiap halaman.
5. Daftarkan blog anda pada Google Webmaster Tools dan Google Analytic dan pasang kode verifikasi kedua tools ini pada blog anda.
6. Daftarkan blog anda pada Feedburner
   
7. Jika ada gambar pada widget, maka pastikan menggunakan alt tag seperti pada contoh berikut: <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbbI3y7EX1z5dB-wSSHWL0p7V8LSojITxQ3SO1XVuRSwLZbphjuxRWUtEz02gky99phcxwXSzija2IuStVQgmoLsVwFxlm4NPlbn_u3m3OFwNKL7PtOqmkTmDiwkD29Zj_lxAjUd8X9Lvf/s1600/Teknik+Dan+Rahasia+SEO.png" alt="Langkah-langkah Optimasi Onpage Pada Blog"/>
8. Pastikan blog anda bebas dari iframe, script yang dihost pada hosting luar, dan flash element.
9. Pastikan memasang widget seperti Blog Archive, Top Posts, atau Labels, karena widget ini akan membantu menyebarkan poin pagerank anda saat mulai melakukan proses optimisasi Offpage nanti.
10. Pada bagian akhir template sebaiknya pasang link menuju homepage yang mengandung kata kunci utama blog anda.

Jika sobat sudah menyelesaikan semua yang ditulis di atas, maka blog anda sudah di persenjatai dari sisi Optimasi Onpage. Tidak ada lagi yang perlu anda utak-atik. 

Yang perlu sobat lakukan sekarang hanyalah memastikan bahwa anda tidak sembarang memasang widget yang aneh-aneh di kemudian hari.

Ok, sekarang anda siap melanjutkan ke tahap Selanjutnya, yaitu Cara Agar Artikel/Postingan Cepat Terindex Google

Membuat Tepi Gambar Bershadow Dengan CSS 3

CSS 3 adalah generasi CSS (Cascading Style Sheet) yang ke 3, banyak keunggulan CSS 3 dibandingkan generasi yang sebelumnya, dan sudah mulai digunakan browser-browser, yaitu diantaranya adalah Mozilla Firefox v 3.6 dan Safari V 3, semoga saja browser-browser lainya menyusul untuk mendukung CSS 3.

Nah sebenarnya topik kita kali ini adalah "Membuat image post blogger berbayang/shadow" dengan menggunakan CSS 3, terlihat seperti gambar di samping kiri. Nah bagaimana caranya? silahkan ikuti langkah-langkah dibawah ini dan buktikan kecanggihan CSS 3.

Setelah Log In ke blogger pada dashboard masuk pada bagian "Design" lalu ke "Edit HTML"

lalu cari code CSS dibawah ini

.post img {
- - -
- - -
}

Note :

1. Perhatikan saja code yang berwarna merah diatas, karena garis ( - - - ) yang berwarna hijau adalah definisi CSS yang berbeda-beda setiap template
2. Dan kadang code yang berwarna merah ada tambahanya sehingga seperti ini : .post img, table.tr-caption-container {

Nah kalau sudah ganti code CSS tadi dengan definisi seperti dibawah ini

.post img {
background:#FFFFFF;
border:1px solid $bordercolor;
padding: 7px;
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-goog-ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
}

Nah yang diganti adalah code CSS yang berwarna hijau saja.

kalau sudah lalu SAVE deh, dan lihat hasilnya di browser Mozilla v 3.6, Safari V 3 dan Google Chrome.

Sekian semoga bermanfaat.

Mengatasi Judul Widget / Gadget Yang Tidak Boleh Kosong

Pada zaman dahulu kala blogger mengijinkan widget dengan tanpa judul (title) namun sekarang kebebasan itu dikekang oleh blogger, jadi setiap widget/gadget harus ada title atau judulnya. Namun sering kali kita tidak menginginkan gadget/widget tanpa judul, dan jika dipaksa akan muncul pesan perintah error "Required field must not be blank" atau intinya judulnya harus ada dan tidak bisa dilanjutkan bila tanpa judul.

Nah bagaimana mengatasinya?

Caranya cukup mudah kita tinggal mengisi title atau judul gadget dengan code

<!--->

lihat contoh dibawah ini

Dan hanya cukup code diatas tidak perlu tambahan apa-apa lagi.

Sekian deh cukup semoga bermanfaat bagi Anda

Panduan Awal Membuat Blog

Blog sebuah gaya hidup baru era digital yang sudah meluas di berbagai kalangan, dengan tujuan masing-masing orang membuat blog untuk kepentingan personal, komersial maupun organisasi. Untuk saling bertukar pikiran, opini maupun saran itulah salah satu tujuan orang membuat blog. Tapi sebagian orang masih belum bisa tentang cara membuat blog. bagaimanakah membuat blog secara gratis itu?

langkah pertama yang harus Anda punya adalah alamat email. Jika belum mempunyai alamat email silahkan ikuti panduan dibawah ini.


Penulis meyarankan membuat email di gmail (google mail) karena satu layanan dengan blogger yang menyediakan layanan blog secara gratis.

Panduan Membuat Email Gmail

1. Masuk alamat www.gmail.com
   
   
2. Lalu klik tombol "Buat akun"
   
   
   
3. Lalu setelah itu akan muncul form-form yang harus Anda isi dengan benar dan sesuai data diri Anda.
   
   
4. Setelah semuanya terisi dan vertifikasi kata sudah diisi dengan benar klik tombol "Saya Menerima. Buat Akunku."
   
   
   
5. kalau semua form diisi dengan benar alamat dan mengklik tombol "Saya menerima. Buat.." alamat emailpun sudah jadi.

Nah setelah kita punya alamat email kita bisa membuat blog dengan cara sebagai berikut :

Selain email dari Gmail kita pun bisa mendaftar blog dengan alamat email yang lainya misalnya Yahoo Mail, Plasa dan yang lainya

Oke kita bahas cara membuat blog dari awal.

Cara Membuat Blog di Blogger

1. Masuk alamat www.blogger.com
   
   
2. Lalu klik tombol navigasi "Ciptakan Blog Anda"
   
   
3. Lalu isi form yang mucul dengan benar sesuai data diri Anda
   
   Setelah diisi dengan benar contreng kotak "Saya Menerima..." Lalu klik tombol "Lanjutkan"
   
   
4. Lalu akan muncul konfigurasi nama blog Anda seperti dibawah ini, isi judul blog dan alamat blog Anda
   
   
   
   Setelah diisi klik tombol "Lanjutkan"
   
   
5. Setelah langkah ke empat selesai sekarang pilih sebuah template Anda. Pilih template yang Anda sukai kemudian klik tombol "Lanjutkan"
   
   
6. Dan blog Anda sudah jadi apabila ingin memposting silahkan klik tombol "Mulai Blogging"

Mudah kan membuat blog itu? dengan blog Anda bisa lebih keren lho . Happy blogging!!

Mengganti Background Blog Dengan CSS

Background atau latar belakang pada blog adalah bagian yang paling dasar pada blog, banyak template blog yang sama yang banyak dipakai, maka untuk memberi ciri khas pada blog Anda hal yang paling dasar dan yang paling mudah adalah mengganti warna background pada blog Anda atau dengan tambahan gambar pada background blog Anda.
Kali ini Saya akan menulis tutorial singkat blogspot tentang mengganti background dengan CSS, Mau tau caranya?
perhatikan dibawah ini.

Langkah pertama adalah masuk menu Layout (tata letak) kemudian masuk menu Edit HTML

Lalu cari CSS dari body seperti dibawah ini

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

Kalau mau mencari CSS diatas perhatikan code yang berwarna hijau saja.

perhatikan Code CSS background diatas
$bgcolor adalah variabel definisi, jika Anda ingin menggantinya bisa dengan code warna misalnya ganti dengan warna putih code warnanya adalah : #FFFFFF atau warna hitam #000000. Atau warna yang lain bisa dilihat disini.


Mengganti background blog dengan gambar :

untuk membuat background gambar kita perlu sebuah gambar yang sudah diupload di hosting. Atau Anda bisa mencari di google image search dan copy URL gambarnya.
Kalu sudah tersedia gambar yang mau dijadikan background perhatikan dibawah ini.

background:#FFFFFF url(URL_GAMBAR) ;

URL_GAMBAR ini bisa Anda ganti dengan URL gambar yang Anda pilih misalnya gambar :



URLnya : http://i725.photobucket.com/albums/ww258/anasceria/plays.jpg

Mengantur Background Gambar

background:#FFFFFF url(URL_GAMBAR) no-repeat top left;

no-repeat : berarti gambar didak akan mengulang, Bisa Anda ganti dengan

repeat : Mengulang-ulang gambar
repeat-x : mengulang secara horizontal
repeat-y : Mengulang secara vertikal

top left : Adalah posisi background bisa anda ganti misalnya bottom right

sedikit tambahan jika Anda mau mencari koleksi background

http://www.patterncooler.com/
http://www.bgpatterns.com/
http://patterns.ava7.com/

Nah sekian tutorial mengganti background blog, sedikit semoga membantu Anda.