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.

Cara Pasang Iklan Di Blog (KumpulBlogger)

Anda sudah merasa lama didunia perbloggeran?, Anda merasa tidak mendapatkan apa-apa dari blog selain kepuasan hati?. Jangan salah blogger juga bisa dijadikan sumber penghasilan lho, Antara lain dengan cara memasang iklan di blog Anda dengan jasa periklanan Indonesia kumpulblogger.com, Anda tidak perlu bersusah-susah mencari iklan sendiri tinggal daftar terus pasang scriptnya di blog Anda karena kumpulblogger.com sudah mencarikan iklan untuk Anda jadi Anda tinggal terima beresnya saja.
Apalagi kalau blog Anda pengunjungnya sudah banyak pasti uang akan mengalir dengan sendirinya. Kumpulblogger.com menghitung setiap text link atau banner yang disediakan dengan cara PPC (pay per clik) atau setiap ada pengunjung yang mengklik zona iklan Anda.

Gimana enak gak? mau? ikuti caranya dibawah ini

Langkah pertama yang harus Anda lakukan adalah mendaftar kumpulblogger.com disini dengan cara mengklik link "register now" pada pojok kanan atas di situs kumpulblogger.com

Lalu masukkan alamat email Anda lalu klik tombol "Register" otomatis password untuk Log In sudah ada di email Anda. Anda bisa mengubah passwordnya setelah Anda Log In

Lalu setelah Anda Log In sebelum pasang scriptnya klik link "Tambah Blog" Pada menu Blogger

Isi form sesuai perintahnya lalu klik tombol "Submit"

Kalau sudah klik link "Script Text Advertising untuk Blog anda" dan pilih style iklan yang Anda sukai lalu copy scriptnya dan tempatkan di blog Anda dengan cara masuk menu Layout (tata letak) pada dashboard blogger lalu pada menu Page element (elemen halaman) pilih tempat yang Anda sukai dan klik "add a gadget" lalu pilih "HTML/JavaScript" dan Paste Script tadi yang Anda copy di kumpulblogger.com

Nah selesai

Selamat datang didunia Blogger dan selamat datang didunia periklanan.

Ehhh sampai lupa mengucapkan terima kasih pada yang sudah daftar kumpulblogger.com melalui Refferal saya. makasih ya

Cara Mudah Posting Code HTML

Pasti Anda bingung pada waktu posting Code HTML di blog Anda, pasti yang muncul bukan codenya melainkan hasil dari code HTML-nya, nah untuk yang ingin menulis tentang tutorial blog pasti code HTML banyak diposting, Nah untuk para penulis yang belum tau caranya posting code HTML nih saya kasih caranya.

Caranya cukup mudah, Encode saja code HTML di situs dibawah ini

• http://centricle.com/tools/html-entities/
  
  
• http://www.opinionatedgeek.com/DotNet/Tools/HTMLEncode/Encode.aspx

Nah caranya cukup mudah tinggal taruh code HTML yang ingin di posting lalu klik tombol "Encode", Nah hasil dari Encode itu yang Anda posting di Blog Anda.

Sekian Artikel yang cukup pendek ini semoga dapat membantu Anda!

Membuat Link Read More Beserta Judul Postingya

Terinspirasi oleh blognya kang rohman yang link read morenya seperti dibawah ini

>> Lanjut membaca “Alternatif Warna Kotak Komentar”

Nah pada link read more yang seperti diatas tersisip judul postingnya sesuai dengan postingan yang diberi read more.

Nah Sebelum Anas membahas untuk lebih mendalamnya bagi yang belum tau buat Read More Silahkan Baca (membuat Read More versi pertama dan membuat read more versi kedua)

Tapi yang kita bahas kali ini adalah cara membuat link Read More beserta Judul postingnya di Read More versi pertama

Oke kita langsung aja ke cara pembuatanya dehh

1. Log In ke Blogger Dan masuk ke menu Layout lalu masuk Edit HTML

2. Jangan Lupa centang kotak "Expand Widget Templates"

3. Kemudian Cari Link Raed More Anda misalnya Punya aku seperti ini

<p><data:post.body/>

<a expr:href='data:post.url'>...Baca Selengkapnya </a></p>

Kamu Lihat tulisan yang tercetak tebal diatas itu adalah Link Read More punya aku

4. Kamu tambahkan Code <data:post.title/> dan Kamu tempatkan di sebelah Link read More, Lihat Contoh Dibawah

<p><data:post.body/>

<a expr:href='data:post.url'>...Baca Selengkapnya dari.."<data:post.title/>" </a></p>

Nah diatas Adalah Contoh dari Link read More Punya ku.. kamu bisa merubah sesuai keinginan kamu

5. Save..

Sekian deh semoga bermanfaat bagi Anda...

Ucapan terimakasihku pada Kang rohman sukses buat Anda