Tampilkan postingan dengan label Tips SEO blogger. Tampilkan semua postingan
Tampilkan postingan dengan label Tips SEO blogger. Tampilkan semua postingan

Sabtu, 03 Maret 2012

Cara bikin blog SEO friendly

Setiap orang yang mempunyai blog,pasti ingin blog yang ia miliki menjadi lebih SEO atau SEO friendly,karna jika blog kita SEO friendly akan mendatangkan banyak pengunjung..

berikut adalah cara membuat agar blog kita lebih SEO..
1. Mengganti Tag Title standar blog

<title><data:blog.pageTitle/></title>

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>

2. Pasang Meta Deskripsi dan Keyword


<meta content='Deskripsi Blog' name='description'/>
<meta content='Keyword Blog' name='keywords'/>

3. Mengganti Tag Heading menjadi h1


<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:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

kemudian tambahkan kode dibawah diatas kode ]]></b:skin>

h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 { font-size:1.5em; }



4. Pasang Navigasi Breadcumbs

Untuk caranya bisa searching di google..

5. Memasang rel=canonical tujuannya menghindari blog anda dari duplicat content. tambahkan kode berikut dibawah <head>

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

6. Pasang Related Post 
sangat bagus untuk SEO maupun buat pengunjung untuk mencari artikel terkait. searching di google untuk caranya..

semoga bermanfaat untuk teman-teman blogger.
Read More - Cara bikin blog SEO friendly

Cara Menambahkan Burung Twiter Di Blog

Twitter adalah layanan jejaring sosial yang sangat populer sekarang ini selain Facebook dan Google+ dan tidak salah banyak orang yang beramai-ramai untuk menjalin koneksi melalui Twitter apakah itu untuk keperluan bisnis maupun hanya sekedar berteman saja, nah bagi sobat yang mempunyai blog tidak ada salahnya memasang widget menarik ini selain membuat blog sobat cantik dan unik, widget ini juga mempermudah sobat untuk menjalin pertemanan baru dengan pembaca blog sobat, hanya dengan sekali klik pada burung twitter yang terbang maka akan otomatis terhubung dengan profile Twitter sobat,
Ok tanpa panjang lebar mari kita kupas bersama-sama cara memasang widget ini

Pertama-tama silahkan login di Blogger


  • Klik Design > Page Element > Add Gadget > Html/Javascript
  • Copy paste kode di bawah ini ke kolom Html/javascript

<!-- floating twitter Bird -->
<script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6E4XLACjMUvrJw3-O2D_9lc1HXM2LT69CESeyaXa1kNK11lwgYwEVWBEsJlYa4ir4qL3Xiz-GNJFbx_7iH6jUSwVxNlcgTk4OOTslrveVYeC0jA_5SxFRnF7BWm8P1O_bcLPaNCu-M9o/s1600/burung+twitter+terbang.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/Akun Twitter sobat";
var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";
tripleflapInit();
</script>

  • Ganti kode yang berwarna biru dengan akun Twitter Anda
  • Ganti kode yang berwarna merah dengan Warna Pilihan Burung Terbang Twitter
  • Simpan dan lihat hasilnya

Warna Pilihan Burung Terbang Twitter

Rubah Warna Burung Twitter

Untuk membuat warna burung twitter yang lain sobat bisa mengganti kode yang berwarna merah diatas dengan kode-kode dibawah ini sesuai dengan warna pilihan yang sobat inginkan

Warna Kuning

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM69zCmL39LPeNDDIPHn5S_-mEDlAKVpcH-xCdkLf2zK2QLvfJkJOIvFSs6WuBJmkLtbJHTk12sCUwtIhmOAGgdChBKQHOZCJOfO6hAd3MFCrujgYezXJKT6YuacKWVGwgjwxsvq3GoPU/s1600/yellow+bird.png
Warna Hitam

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN7JQy6_Dx64Uka_DhAjdmKgB4L8dykx8B-fjVg6XLNaRkYPbvGmTJFtWA7fkN5dAPquki30Mkgihe7x9_7TwJyJNwviBQFBR0k_rUAJrcejNWx94U24AAIHPOtVpt_whSAx5zC80-Ht0/s1600/black+bird.png
Warna Biru

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpDWPR_k2eKXgfnQwgrdP8Z-Lq5Oo9H5e6T-oAvT46FlFCT_uJF1bjm0vJXv7Bq7HXzZ2LxNWhD1d0y1RShwk-LLqU5YnyvfjOdEZ_IMYHjZ10QJH7NrwJFhELWBd6aN_aFSnWOAKwrpE/s1600/Blue+bird.png
Warna Coklat

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXKZMTSFfr_38mMnUaOpwKQl6FUL78rZTqy2x92kb4EZ5ucWqhQQI_a1LWpdHTalURQnarw9ek0hD6t349Kxmgfuos90NW0_tJMHX0p4KQOzAmMKDxyjmQCtpZmv4D_BZ4IyqbC4wGeec/s1600/brown+bird.png
Warna Hijau

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCw0z_JLjtWKK6aX_zGW48Gf-OilQb7QUDgCxdTF9zj3oWPVPfiqjBLWKLnMz6fAz6Ob5QarQHt-j4I1aJaupSC44o9n_10jzE1sZY5d9yml451hfgDQ4jS2t4KjOszpBqIimXkUOWUW8/s1600/Green+bird.png
Warna Ungu

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCvWulWKo6NFCJWWLxfS-Z3ykCYZDPe15cq9gmHk41NYLaClzKjyeJ9NVjD2j84D40FffU9rLW5gl90Soe7FxouixzVnmSIYifekTCvJ58z4YNYHeEA2wxqrzsHBVyj2oz_FfFNZuG988/s1600/purple+bird.png
Warna Putih

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHjkGS5_UiEQWrJ8c64jtQoaUBoyYCXSOoiTtpvs4faLZM14lTMTvi95ASH6S3usYaNmXVG-zua-dVhrA6lbXUBCfoX_WofmmSTLyQ6Ll_3DK1eBrORnjeq5kYi_UFimDKFz81LvtxLTw/s1600/white+bird.png
Warna Merah

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEZU1Roede-AVvIsZb_OB1JKqE6XUvr8CkYpe5Ayd7KNcNlhDMQzAukXbXmmuDf3vg9XXuZURBSkGqZj9898XfZ7tNV4lYaJNk5uZz0UZooR-G4ZaY-2FaHMjAIGjPSXu1q8__2J1uHrE/s1600/red+bird.png

Dan terakhir jangan lupa disimpan
Semoga Bermanfaat..

Jangan Lupa Komentarnya...
Read More - Cara Menambahkan Burung Twiter Di Blog

cara membuat efek daun berjatuhan

Jika sobat ingin menambahkan blog sobat dengan widget yang satu ini...
mugnkin akan lebih bagus..
ya sudah..
tanpa banyak kata lagi..
langsung aja ikuti cara di bawah ini



1.       Seperti biasa login dulu ke dashboard blogger anda.
2.       Pilih Rancangan > Edit HTML, centang Expand widget template.
3.       Cari kode </head>  pada template dengan menggunakan Ctrl+F.
4.       Copy kode javascript dibawah ini dan letakkan tepat diatas kode </head> .
<script src='http://arti.master.irhamna.googlepages.com/daun.js'/>
5.       Save / simpan template anda dan lihat hasilnya muantaaap bro !!
Nah itu tadi langkah-langkah bagaimana Cara Membuat Efek Daun Berjatuhan di blog kita...
Semoga bermanfaat..

Jangan lupa komentarnya yah...
Read More - cara membuat efek daun berjatuhan

Cara Dapat Domain .com,.net,.org Gratis

Berikut adalah cara mendapatkan domain gratis :
 

1. Silahkan registrasi disini.
2. Pilih jumlah domain gratis yang ingin Anda dapatkan (1,2, atau 3 domain).
3. Isikan alamat emai dan password, lalu klik registrasi/daftar.
4. Setelah masuk pada halaman berikutnya, Anda diminta untuk melengkapi identitas Anda agar nantinnya domain gratis tersebut tidak jatuh ketangan orang yang salah.
5. Setelah itu Anda akan mendapatkan link referral
6.Suruh teman atau siapapun untuk mendaftar menggunakan link referral anda sampai menfapatkan jumlah yang ditetapkan
7. Jika sudah tinggal kita tunggu domain gratis sebentar lagi akan kita dapatkan.
Read More - Cara Dapat Domain .com,.net,.org Gratis

Cara Percepat Blog Dengan Kompresi Element

a. Element Blogspot
Element Blogspot penyusun template kurang lebih ada tiga (3) pilar utama yaitu Cascading Style Sheet (CSS), Java Script, dan HTML.
b. Dari ketiga (3) macam element tadi harus dikompresi tersendiri.
c. Perhatian! Jangan mengcopy seluruh kode mulai dari <b:skin><![CDATA[ hingga ]]></b:skin> secara total dan mengcompress nya di tool compressor.
d. Backup dulu Template Sahabat sebelum melakukan kompresi
e. Kesabaran dan Ketelitian
f. Berdo'a
Jika dirasa sudah paham dan dilakukan, kita mulai dari CSS
1. Cascading Style Sheet (CSS)
Untuk kode CSS biasanya ditunjukkan/ dimulai dengan tanda bintang (*), Dot (.) dan Pagar (#). Untuk melakukan kompresi, Silakan copy semua kode yang ditunjukkan dengan tanda di atas. Jangan Centang satupun tool CSS Compressor. Dan pastikan hanya Kode CSS yang dimasukkan. Tool yang digunakan untuk mengkompress CSS Blogspot yaitu CSS Compressor.

CSS Compressor
  • Silahkan menuju ruang pengeditan HTML template blog anda, dari halaman Dasboard klik Desaign  atau tata letak loyout.
  • Kemudian klik Edit HTML
  • Selanjutnya dari kolom edit HTML/edit template, untuk memudahkan pencarian kode css anda tekan tombol Ctrl + F kemudian ketikkan kode <b:skin><![CDATA[/* dan tekan Enter.

Jika sudah, Copy paste dan Klik Compress.
TIPS
1) Untuk CSS sebenarnya dengan cara manual sudah bisa yaitu menghapus spasi dan enter di setiap kode CSS. Contoh :
#header-wrapper{
width:940px;
margin:10px auto;
padding:10px 0;
}

Menjadi :

#header-wrapper{width:940px;margin:10px auto;padding:10px 0;}        dan seterusnya. Hasinya pun hanya sekitar 2-5 Kb saja. Apakah kamu kurang kerjaan? he...he..
2) Jangan gunakan background gambar di bagian .body { url  kalaupun ada, ukuran gambar kira-kira 15-25 Kb saja dan jangan terlalu mencolok.
3) Usahakan jangan ada CSS yang ganda, selain eror juga menambah berat loading
2. Java Script atau Javascript code
Javascript Compressor

Didalam javascrit juga harus memperhatikan kode javascript yaitu dimulai dengan tanda <script type='text/javascript'> atau <script> bisa juga <script scr='alamat js.'>. Untuk mengkompres javascript kita memerlukan tool yaitu yang bernama Javascript Compressor. Pastikan hanya kode javascript yang dimasukkan! Setelah itu compress.
TIPS
1) Untuk melakukan commpres javascript yang benar jangan compres memua kode, Hanya kode didalamnya saja yaitu kode yang diapit antara <script type='text/javascript'> atau <script> kode javasript yang dicompress </script> atau //]]>
2) Usahakan jangan menaruh javascript dari tempat hosting lain. Ini akan membuat loading berjalan lama.
3. HTML

Seperti halnya langkah Mengkompres CSS. Penggunaan backdash dan spasi dalam html blog akan membuat loading lama. Jadi disarankan penggunaan backdash dan spasi yang sewajarnya. Tool yang digunakan adalah HTML Compressor
Kode html yang anda kompres letaknya ada antara <body> sampai dengan kode html sebelum </body> caranya cukup lakukan hal yang sama seperti cara kompres css di atas 
TIPS
1) Penggunaan backdash dan spasi di HTML Blog juga berpengaruh pada loading dan tampilan blogspot. Penggunaan backdash dan spasi biasanya digunakan sebagai batas antara element. Biasanya penggunaan paling banyak ada di bagian komentar Blogspot. Maka dari itu tampilan komentar mengandung rongga atau spasi ke bawah yang lebar.
2) Hapus di bagian yang menurut sahabat banyak menggandung lebar ke bawah yang tidak penting.
Tips lain berkaitan dengan Cara Compress Blogspot Yang Benar
* Upload gambar yang ukuran tidak terlalu besar
* Kurangi penggunaan flash yang berat
* Isi widget yang tidak terlalu banyak penggunaan javascript
* Hilangkan widget-widget yang sekiranya tidak bermanfaat seperti jam dll
* Tempatkan widget-widget yang memudahkan pengunjung menelusuri isi blog kita
* Jangan menampilkan Posting di halaman depan lebih dari 5 posting (solusinya tampilkan hanya judul saja)
* Jangan menggunakan emotion yang berlebihan pada kotak komentar
* Verifikasi kata pada kotak komentar
* Memasang auto musik dapat memberatkan blog
* Jangan menggunakan Jquery lebih dari 4 macam dalam 1 blog
* Compress setiap gambar sebelum diupload ke tempat hosting menggunakan Software Fast Photo Resizer 
Sekiranya itu saja yang sejuta trik blogger share tentang Cara Compress Blogspot Yang Benar. Mudah-mudahan artikel ini bermanfaat bagi pengunjung setia blog ini. Akhir kata, ayo semangat blogger Indonesia!
Read More - Cara Percepat Blog Dengan Kompresi Element

Cara mendaftarkan blog ke search engine

Harapan seseorang membuat blog salah satunya adalah agar tulisan-tulisannya dapat dibaca oleh orang lain atau pengunjung blog. Apalagi kalau tulisan tersebut tidak hanya dibaca melainkan banyak juga yang memberikan komentar. Hal ini tentu saja dapat memberikan kebahagiaan tersendiri bagi pemilik blog. Sehingga pemilik blog dapat terpacu semangatnya untuk membuat tulisan yang lebih baik lagi serta bermanfaat bagi para pembaca atau pengunjung blog.

Setelah selesai membuat blog, tidak serta merta blog kita dikenal oleh orang lain. Diperlukan sebuah usaha yang gencar dari pemilik blog untuk mempromosikan blognya tersebut agar ramai dikunjungi. Banyak cara yang dapat dilakukan agar blog menjadi dikenal dan ramai dikunjungi. Salah satunya adalah dengan rajin blogwalking atau berkunjung ke blog orang lain. Selain itu dapat pula dengan mendaftarkan blog ke mesin pencari atau search engine.

Agar blog kita terindeks pada mesin pencari, maka kita harus mendaftarkan blog milik kita terlebih dahulu pada situs pemilik mesin pencari. Jumlah mesin pencari ini banyak sekali. Saat ini mesin pencari yang populer adalah GoogleYahooBaidu, dan Bing. Jika blog kita ingin terindeks pada mesin pencari mereka, maka kita harus mendaftarkan URL blog kita pada mesin pencari mereka. Bagi pembaca yang ingin mengetahui cara mendaftarkan blog ke mesin pencari atau search engine, dapat disimak penjelasan di bawah ini.

Cara mendaftarkan blog ke Google
  • Kunjungi http://www.google.com/addurl/
  • Pada bagian URL, silakan isikan dengan URL blog Anda.
  • Isikan keyword atau kata kunci yang berhubungan dengan blog Anda pada bagianComments.
  • Di bagian Optional, masukkan huruf verifikasi yang muncul ke dalam kotak kosong.
  • Klik tombol Add URL.

Cara mendaftarkan blog ke Yahoo


Cara mendaftarkan blog ke Baidu
  • Kunjungi http://www.baidu.com/search/url_submit.html
  • Terjemahkan halaman ke dalam Bahasa Indonesia dengan menggunakan fitur Google Translate.
  • Isikan URL blog Anda.
  • Masukkan kode yang tersedia ke kotak dan klik tombol di sebelahnya.


Cara mendaftarkan blog ke Bing
Read More - Cara mendaftarkan blog ke search engine
 

Pengikut

Baca juga

© Copyright 2010. yourblogname.com . All rights reserved | yourblogname.com is proudly powered by Blogger.com | Template by o-om.com - zoomtemplate.com