Showing posts sorted by relevance for query Seo Ah. Sort by date Show all posts
Saturday, May 24, 2014

Custom Permalink - Tips SEO Posting Blog yang Sering Terlupakan

Custom Permalink - Tips SEO Posting Blog
Custom Permalink yaitu menyusun permanent link alias URL posting blog secara manual. Ini menjadi salah satu tips SEO Posting alias Optimisasi SEO Onpage yang sering terlupakan oleh kita. Padahal, Google sudah memberi panduannya di posting ini: Custom Permalink.

Permalink posting kita akan tersusun secara otomatis oleh blogger. Kita bisa memilihnya menjadi manual sehingga bisa menjadikannya SEO Friendly, yaitu dengan cara: 
  1. Perpendek judul posting (maksimal 50 karakter).
  2. Masukkan kata kunci (keywords).
  3. Hapus kata-kata yang tidak perlu, seperti kata sambung di, ke, yang, sebuah, yang dikenal sebagai "stop words"..

Maksimal karakter Custom Permalink adalah 50 karakter. Itu pula maksimal judul posting yang bisa muncul dalam Permalink.
Tips SEO Permalink ini sangat penting guna mempercepat indeks posting blog, menaikkan peringkat di hasil pencarian (SERP), dan popularitas blog.

Penyebab sering terlupakannya tips blog untuk optimisasi mesin pencari ini karena ketidaktahuan dan terutama "keterburu-buruan" dalam posting blog.

Cara menjadikan "Custom Permalink" untuk SEO Posting blog kita sangat mudah, yaitu saat selesai menulis posting, lihat menu di sidebar kanan dan klik menu "Permalink" > "Custom Permalink". Copas judul tulisan Anda ke sana, hapus kata-kata yang tidak perlu, utamakan kata kunci, dan beri tanda sambung. 

Contoh Custom Permalink: Tips SEO Posting Blog

Lihat contoh berikut ini. Eh... tapi kalo posting ini mah, baik otomatis maupun customnya, sama... hanya kepotong tiga kata terakhir --"yang Sering Terlupakan". 

Custom Permalink - Tips SEO Posting Blog

  • Judul Asli: Custom Permalink - Tips SEO Posting Blog yang Sering Terlupakan
  • Permalink Otomatis: http://contohblognih.blogspot.com/2014/05/custom-permalink-tips-seo-posting-blog.html
  • Custom Permalink: Custom-Permalink-Tips-SEO-Posting-Blog
Selain Custom Permalink, masih ada beberapa tips SEO Posting Blog yang sering kita abaikan, seperti mengisi menu "Search Description" dan "Optimisasi SEO Gambar/Image".

Ah, satu-satu aja, kita biasakan dulu Custom Permalink ini agar posting blog kita SEO Friendly sehingga memiliki Findability tinggi!

Bagaimana kalo sudah telanjur menggunakan permalink otomatis? Gampang.... edit saja, ubah! Caranya? Ada di sini: Cara Mengubah Permalink Blog.

Good luck!
Sunday, August 31, 2014

Kontes SEO Berbahaya buat Blog dan Adsense

Kontes SEO Berbahaya buat Blog dan Adsense
Kontes Search Engine Optimization (SEO) Berbahaya buat Blog dan Adsense.

GAK usah ikutan kontes SEO (SEO Contest, SEO Challenge), berbahaya! Apalagi jika blog Anda sudah diterima jadi publisher Google Adsense, bisa ke banned!

Itulah kesimpulan CB setelah melakukan "riset online" alias Googling dengan keywords (kata kunci) "bahaya kontes SEO bagi blog".

Tentu, sudah lama CB mendengar dan memantau kontes-kontes SEO alias Kontes Optimasi Mesin Pencari. Tapi, entah kenapa, sama sekali tidak tertarik (maaf ya sama panitia kontes :) ).

Nah, ceritanya, ada yang "merayu" via email agar CB mengikuti kontes yang digelarnya. Kata dia nih, blog ini bagus! Ranking alexanya juga bagus!

Tidak mau ke-GR-an, dicek di alexa, memang lumayan sih... ranking 43 ribuan di global dan ranking 18-ribuan di Indonesia. Ah... ini mah gak perlu dibanggain, kalo masuk ranking 10 besar baru bisa bangga :)

CB "tidak terlalu peduli" dengan ranking, pagerank, atau backlink. Yang lebih CB peduliin adalah posting dan posting sebaik mungkin agar bisa berbagi hal bermanfaat bagi sesama blogger. Istilahnya, FOKUS pada KONTEN BERKUALITAS karena CONTENT is STILL the KING !

Kembali ke soal Kontes SEO yang kabarnya berbahaya bagi blog dan Adsense. Banyak banget kontes SEO digelar untuk mendongkrak popularitas web, produk, atau jasa secara cepat. Hadiahnya pun cukup menggiurkan.

Karena ikut kontes SEO berbahaya bagi blog, maka saran CB sih... gak usah ikutan. Tapi, kalo mau ikutan, ya... silakan aja. Bukan pelanggaran pidana kok! :) Cuma bisa melanggar ketentuan Google (Pedoman Webmaster), utamanya pada poin "Buatlah laman yang utamanya untuk pengguna, bukan untuk mesin telusur", sedangkan posting peserta kontes bertujuan untuk mesin telusur (search engine, mesin pencari), bukan untuk pembaca!

Buat pebisnis online alias panitia kontes seo, saran CB sih... kalo memang ada dana buat promosi, kayaknya lebih efektif menggunakan AdWords (beriklan di Google) atau pasang iklan di Facebook ketimbang gelar kontes seo. CMIIW ya... !!! Wasalam. (http://contohblognih.blogspot.com).*

Wednesday, August 20, 2014

Top 5 Simple SEO & Responsive Blogger Template

BERIKUT ini CB sajikan template blog SEO, responsif, fast loading (ringan), dengan tampilan sederhana (simple) dan minimalis.  Top 5 terbaik template simple ini versi CB. Bagus digunakan untuk blog pribadi (personal bog) yang isinya catatan harian (online diary) atau sekadar "latihan menulis".

Template sederhana memang favorit bagi banyak blogger, apalagi zaman mobile sekarang, soal tampilan jadinya seolah-olah "sama saja". Yang penting isi (konten) berkualitas. Tampilan blog memang bedanya cuma di halaman depan doang (home, beranda, halaman depan, frontpage, beranda). Pas dibuka, single post atau halaman dalam postingan, relatif semua blog sama saja tampilannya.

Berikut ini Top 5 Simple SEO & Responsive Blogger Template minimalis versi CB. Yang tidak masuk 5 besar jangan protes ya :)

1. Johny See Book

Template ini selain simple, seo, fast loading, juga responsif. Dasarnya adalah Tamplate Johny Wuss yang sudah dikenal sangat Wusss...!!! Ini versi template blog "standar" namun responsif banget.

Johny See Book Sekali Template Blog Simple



2.  Simple SEO Fast Clean

Ini blog hasil modif CB. Sangat cepat dengan skor SEO mengagumkan. Warna biru di header dan link membuat template ini jadi user friendly juga. 
Karena ini modif dari template bawaan blogger, maka untuk responsifnya juga gunakan template "Simple"  di Template > Mobile > pilih "Show mobile template" > pilih "Simple".



3. Blogholic Template

Ini template elegan nih, "kharismatis", dengan dominasi hitam. Simple, SEO, dan Responsive

Blogholic Template Simple Responsive




4. JP Station Template

Ini template mirip Johny See Book Sekali (No. 1). Jangan-jangan aslinya memang Johny See Book nih? He he... Whatever lah...! Ini template seo ready, responsif, simple, minimalis, dan fast loading! 




5. Delivery Lite 

Ini lain lagi ceritanya. CB sisipkan deh template simple responsive 3 kolom, tentu saja bagi yang suka tiga kolom. Biasanya yang tiga kolom itu gaya magazine/news. Ini mah gaya "biasa", tiga kolom tapi responsif. Keren pokoknya de ah! Soal SLIDER, bisa "dimatikan" dengan hanya menampilkan satu gambar, atau pilih saja yang "without slider". Slider tidak bagus buat SEO.




Gak ada yang cocok? Coba deh liat-liat koleksi CB lainnya di kategori Template Blog SEO. Good Luck and Happy Blogging!

Monday, June 2, 2014

Keuntungan Ngetes Skor SEO Blog di Chkme

SERING-seringlah melihat, menguji, ngetes, atau ngecek skor SEO blog Anda di chkme.com! Ada keuntungan tambahan!

Lebih dari sekadar mengetahui skor SEO blog, ternyata kita juga bisa mendapatkan "backlink" dan mengundang blogger lain "mengintip" (membuka) blog kita!

Ini pengalaman CB. Menurut data alexa.com saat posting ini ditulis, ada 0,8% pengunjung CB yang berasal dari Chkme. Kok bisa?

Begini, di bagian bawah dan sidebar laman chkme itu kan ada daftar blog yang dicek skor seo-nya. Nah, dari situlah "backlink" dan potensi pengunjung blog kita dapatkan. Jadi, minimal seminggu sekali mah, cek terus skor SEO Anda di sana, juga di checker SEO lainnya.

Makin sering kita daftarkan (memasukkan) url blog kita ke situs lain, makin baik bagi SEO blog kita. Blogwalking dengan menggunakan OpenID juga terbukti ampuh menambah jumlah pengunjung.

Tapi... komentarnya yang "berbobot" dong. Jangan asal komen, apalagi "nyepam" (meninggalkan komentar spam).

Makin OK dan berkualitas komentar kita, blogger lain yang baca komentar akan makin "tergoda" untuk membuka blog kita.

Ah jadi ngaco nih... Sudah, kembali ke chkme. Anda pernah mendengar kabar bahwa Chkme Terdeteksi Virus Malware? Itu terjadi sekitar awal Februari lalu... Kini Chkme AMAN.
"What is the current listing status for chkme.com? This site is not currently listed as suspicious. Has this site hosted malware? No, this site has not hosted malicious software over the past 90 days." Itu kata Google Safe Browsing ketika posting ini dibuat (2/6/2014).
Btw.... berapa skor SEO Blog Anda di sana? Jangan "terlalu percaya" sama Chkme. Makanya, jangan terlalu girang kalo skor tinggi, juga jangan kecewa jika skor seo rendah. Toh... konten berkualitas adalah penentu utama kesuksesan blog.

Content is STILL the King, isn't it?
Thursday, December 18, 2014

Template Blog Foto SEO, Keren, dan Responsive

Template Blog Foto SEO, Keren, dan Responsive
MELENGKAPI share tentang Template Responsif untuk Blog Foto, berikut ini CB tambahin satu lagi Template Blog Foto SEO, Keren, dan Responsive.

Penekanannya pada RESPONSIF alias Mobile Friendly ya, soalnya banyak banget photography atau photo gallery blogger template, tapi tidak responsive!

Template Blog Foto SEO, Keren, dan Responsive yang satu ini bernama ALTIS. Keren banget!!! Yang lebih penting, respinsif dan elegant!

Template Blog Foto (Phlog, Photolog, Photo Blog) ini tersedia dua versi: gratis dan download. Versi gratis tidak didukung dokumentasi dan tidak bisa menghapus credit link footer. 

Versi premiumnya seharga $4,95 saja. Murah lah... :) Tersedia dokumentasi alias tutorial settingannya untuk versi premium ini.

Kelebihan template ini, selain seo friendly, elegan, dan responsive, antara lain ada footer dan sidebar di homepage. Banyak template blog foto yang tidak menyediakan sidebar widget di home dan widget footer. Yang ini ada. Pokoe keren da ah!

Ini dia fiturnya:
  • Included Full Premium Documentation Manual
  • This blogger template sports Fully Responsive Design which in turns give the capability to work on different types of screen sizes.
  • Auto resize thumbnail image with text laying on right.
  • Large popular size thumbnail image which can be altered as per needs.
  • This responsive blogger template has a Threaded Comment feature that helps to track replies of the users.
  • This is Fully SEO Optimized, that gives ability to add your own meta data field to set for the SEO.
  • This is a free blogger template which has a Magazine Design plus it also has a very simple layout.
  • Labels used for Top Grid is very easy to use and understand and setup also it is given in the documentation that how to set the top area of the theme accurately.
  • The blogspot theme is compatible with major browsers (IE8+,Mozilla,Chrome,Safari)
  • This responsive blogger template has a well detailed Professional admin layout, help you easy work with layout.
Template ini bisa juga digunakan untuk Toko Online, untuk "display" alias "majangin" produk. Anda yang "males" nulis, bisa ngeblog dengan konten atau koleksi foto. Good luck!

Live DEMO (Original)
Live DEMO (Modif)
DOWNLOAD
Monday, December 29, 2014

Cara Memasang Back to Top Blog Tanpa jQuery

Cara Membuat Tombol "Back to Top" di Blog Blogspot murni CSS + HTML, Tanpa jQuery!


Cara Memasang Back to Top Blog Tanpa jQuery
KEBANYAKAN tutorial membuat tombol "Kembali ke Atas" (Bact to Top button) menggunakan jQuery alias JavaScript. Pengaruhnya, selain "ribet" pasangnya, adalah memperlambat loading blog.

Dampak lainnya jika pake jQuery adalah terjadi "bentrok" atau "konflik" antara javascript, jika lupa menghaspus salah satu jquery. Intinya, gak banget deh!

CB juga termasuk yang share tentang back to top yang pake jQuery. Kini tips tersebut gak lagi berlaku! Ganti dengan kode "Back to Top" yang murni CSS+HTML, tanpa JavaScript.

Kode "Back to Top" yang ini jelas SEO Friendly dan bisa dibilang tidak ada pengaruhnya terhadap loading blog. Artinya, blog tetap loading cepat, tidak diperlambat dengan kode "Back to Top" ini.

BUAT APA?
Buat apa ada "Back to Top" di blog? Ini menyangkut UX alias User Experience. Mempermudah user kembali ke bagian atas halaman blog tanpa perlu scroll.

Tombol "Back to Top" bagian dari upaya agar blog kita user friendly, bikin nyaman dan mudah pengunjung. Itulah sebabnya tombol "kembali ke atas" ini menjadi salah satu "trending" dalam desain situs web dan/atau template blog.

"Back to Top" Tanpa jQuery
CB juga sudah pasang tombol ini, tanpa jQuery. Ini kodenya, sudah seo friendly dan fast loads. Cara pasangnya juga gak mesti masuk ke template > edit HTML.

<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img alt="kembali ke atas" src="http://4.bp.blogspot.com/-hsRaTBL9lpY/USDb4Wzo2WI/AAAAAAAAAiU/2eSTakNmCOE/s1600/back+to+top.png "/></a>

Yang warna merah itu link gambar atau icon back to topnya. Bisa diganti. Lihat di posting sebelumnya.

CARA PASANGNYA:
1. Layout > Add a Gadget > pilih Javascript/HTML
2. Copas kode di atas di bagian content/isi.
3. Save! Beres da ah...!!!

KODE LAINNYA
Kode berikut ini sama bagus dan seo friendly. Tanpa jQuery juga. CB modif dari kode yang di-share blog MS2. Cara pasangnya agak ribet dikit sih, tapi hasilnya lebih wusss!!! Lebih kenceng karena tanpa url image.

1. Template > Edit HTML
2. Copas kode berikut ini tepat di atas kode </body> (lihat bagian template paling bawah banget!)


<span class='back-to-top'><a href='#'> &#8593; </a></span>
<span class='back-to-top-a'><a href='http://contohblognih.blogspot.com/'>CB</a></span>
<style>
.back-to-top {position: fixed ;bottom:20px;right:10px;z-index:9999999}
.back-to-top-a {font-size:10px;z-index:9999999;opacity:0.2;position:fixed;bottom:0;}
.back-to-top a {font-size: 30px ;background-color: #DD3434 ;color:#FFF;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;padding:12px 18px 20px;text-decoration: none}.back-to-top a:hover {background-color: #272727 ;text-decoration: none}
</style>

Note! Ganti http://contohblognih.blogspot.com/ dengan alamat blog Anda.

3. Save Template!

Itu dua dua kode tombol "kembali ke atas" (back to top button) seo friendly & fast loasing, murni CSS+HTML tanpa javascript --user friendly & aman bagi loading blog! Good Luck!
Saturday, June 6, 2015

Banyak Juga Alamat Blog yang Menggunakan Kata "Nih"

Contoh Blog Nih CB Blogger 2015
Alamat Blog (Blog Address) adalah link URL blog kita. Judul Blog (Blog Title) adalah Nama Blog yang muncul di Header (Logo).

ENTAH "nyontek" sama CB atau hanya kebetulan, banyak blogger yang menggunakan kata "nih" di belakangn nama blognya. Secara, nama blog CB 'kan Contoh Blog dengan nama domain "contohblognih".

Nah, rupanya, blog ini benar-benar menginspirasi banyak blogger untuk menambahkan kata "nih" di belakang alamat blognya.

Contohnya? Ah, jangan dong, nanti dituduh "pencemaran nama baik" :) CB menemukannya "gak sengaja" saat blogwalking atau browsing & surfing.

Beberapa di antaranya terang-terangan "mengaku" kepada CB, nama domain blognya terinspirasi alamat blog CB yang menggunakan kata "nih" di belakangnya.

Padahal, dalam perspektif dan konteks Pengoptimalan Mesin Pencari (SEO), kata kunci "nih" itu sama sekali tidak masuk itungan lho! Coba saja, ketik kata "nih" di Google. Hasilnya? Silakan cek sendiri.

Penambahan kata nih memang cara termudah untuk membuat alamat blog sesuai dengan keinginan, jika alamat yang kita pilih sudah diambil blogger lain.

CB sendiri, kenapa menggunakan nama "nih" di belakang "contohblog", karena alamat "contohblog" saja sudah diambil duluan sama blogger lain. 

Demikian halnya Top Level Domain dot com sudah ada yang punya. CB hanya "kebagian" yang dot net (www.contogblog.net).

Memilih alamat blog yang sesuai dengan niche atau topik posting sangat bagus buat SEO. Selengkapnya bisa disimak di posting ini: Cara Memilih Nama Blog.

Kembali ke laptop! Soal "nih", sekali lagi, itu salah satu cara agar kita mempunyai alamat blog sesuai dengan niche, produk, brand, nama blogger, dll.

Ternyata dan terbukti, menambahkan nama "nih" tidak masalah buat indeks Google. Buktinya? Ya... blog CB ini! Pake  "nih" bukan kendala bagi blog ini untuk sering "nongol" di halaman pertama hasil pencarian Google (SERP).

So, jika Anda ingin membuat alamat blog sesuai dengan nama Anda atau nama toko Anda, sedangkan alamat blog tersebut sudah diambil orang, maka tambahkan saja kata "nih" di belakangnya, bisa juga kata lain yang "lebih bermakna", seperti "keren", "seo", "media", "news", "store", "shop", dll.

Btw, bagi yang belum tahu, Alamat Blog dan Nama Blog itu berbeda ya! Alamat Blog (Blog Address) adalah Link URL blog kita, misalnya: http://contohblognih.blogspot.com. Judul Blog (Blog Title) adalah Nama Blog yang muncul di Header (Logo) dan di halaman hasil pencarian Google, seperti Contoh Blog.

Good Luck & Happy Blogging! (http://contohblognih.blogspot.com).*
Thursday, February 26, 2015

Contoh Komentar Berkualitas di Blog CB

Contoh Komentar Berkualitas di Blog CB
KOMENTAR yang masuk di blog CB ini lumayan banyak. Dalam sehari bisa sampai 20-an komentar, namun tidak semuanya bisa dipublish, karena banyak juga yang "nyepam" alias komentar spam, bahkan "sampah" (junk comments). Umumnya komentar spam itu dari blogger yang jual obat online.

Sejak CB menerapkan sebuah trik SEO ada penambahan jumlah pengunjung sekitar 2000-an per hari. Jumlah komentar pun bertambah banyak, banyak yang baru lagi! (Terima kasih kepada "new visitors" yang langsung mau komentar di blog ini).

Yang menggembirakan, di antara 4.405 komentar yang sudah dipublish hingga posting ini dibuat (26/2/2015), banyak komentar yang berkualitas, yaitu memberikan masukan, tambahan, relevan alias "nyambung" dengan isi tulisan.

Kebanyakan komentar yang masuk sih, komen berupa pertanyaan yang tentu "bikin repot aja" (JK). Risiko blog tips & trik memang begitu, banyak pertanyaan masuk, apalagi CB juga buka Ruang Konsultasi, meski tidak semua bisa dijawab --karena kelewat, gak sempet, atau CB sendiri belum tahu :)

Banyak juga komentar "modus", pura-pura tanya lah, nulis "nice info" tapi nyepam lah, dan banyak lagi, yang dikategorikan dalam 7 jenis komentar blog.

Contoh Komentar Berkualitas

Sebagai apresiasi atas komentar-komentar yang baik tersebut, sekaligus sebagai contoh komentar berkualitas yang layak ditiru blogger lain (khususnya newbie), CB tampilkan beberapa di antaranya. Mohon maaf, tentunya banyak yang tidak dimuat di sini, ini hanya "sample".

Yang ditampilkan di urutan pertama adalah komentar dari Maskolis, sekaligus penegasan bahwa CB bukan Maskolis, tapi "muridnya". Soalnya, banyak lho yang nyangka CB itu Maskolis, sampai-sampai manggilnya juga "Mas Kolis" (terutama via email).
  1. Makasih mas, jarang ngeblog/online belakangan. Iseng jalan2 eh nyantol kesini. Saya hanya bisa bilang anda seorang blogger sejati... salut mas. Salam jabat erat dari saya.
  2. Om CB kenapa gak pakai yang begini aja: expr:alt='data:post.title' kalau begitu kan sesuai dengan judul artikelnya?
  3. sedikit tambahan aja om cb , di title nya di kasih H3 (di popular post) biar h3 gak zero.
  4. Ternyata tidak semua tips SEO bisa kuikuti termasuk tips ini sebab menurutku tidak rapi kelihatannya kalau memakai tulisan rata kiri saja. Aku lebih suka memakai rata kiri dan kanan (justify) saat tulisan yang kubuat panjang karena terlihat lebih rapi. Tulisan pendek baru rata kiri saja. Btw, mau tanya kenapa blog ini tidak punya PR padahal raking Alexanya bagus sekali? Hehehehe!
  5. begitulah mas, komentar seperti itu memang sudah biasa dan sudah lumrah... kadang orang ingin mendapat keuntungan dengan menghalalkan segala cara termasuk spam komentar :)
  6. Sempet ngakak juga sebernanya pas jalan-jalan lihat spam dari penjual obat. eh, ktemu ni post, ntar ah kalo udah rame cukup share aja :3. ane ijin lanjutkan ya min, baru ngutak atik seo ma tampilan blog :3
  7. Yang suka porno yah..... gunakan MEMEX pasti disalah gunakan Yang tau gunakan teknologi....... 'MEMEX' salah satu solusi untuk kemajuan bangsa
  8. Ingatlah anak bangsa jangan dirusak mental, jiwa dan pribadimu oleh teknologi tapi kalahkan teknologi itu sendiri buat orang banyak
  9. Semoga blogger banyak yang insyaf dengan cara ini dan korban dari konten dewasa berkurang, makasih infonya mas.
CB batasi 9 saja contoh komentarnya, secara angka 9 itu 'kan angka tertinggi, 'tul gak?

Anda bisa seleksi dan nilai sendiri komentar-komentar yang masuk di blog ini, termasuk di daftar "Top 5 Most Commented :Posts" yang ada di sidebar.

Mari biasakan komentar yang baik dan berkualitas, bukan nyepam! Good Luck and Happy Blogging! Komentar Anda juga Diindeks Google lho! Nanti kita bahas. (http://contohblognih.blogspot.com).*
Wednesday, July 9, 2014

Tips Memaksimalkan Pendapatan Google Adsense

Memaksimalkan Pendapatan Google Adsense
Tips memaksimalkan pendapatan Google Adsense (GA) atau Iklan Google ini, tentu saja hanya berlaku bagi blogger yang sudah diterima ikutan program GA.

Yang belum daftar dan belum tahu syaratnya, baca deh: Cara Daftar dan Syarat Google Adsense.

Jika belom diterima, harap bersabar, keep blogging aja, suatu hari nanti Google akan mengirimkan email bahwa Anda diterima ikut program GA.

Tips terbaru dari Google Adsense sendiri, yang diterima di akun CB, adalah direkomendasikan menggunakan unit iklan ukuran 336×280 dengan konten "text and image" (teks dan gambar).

Tips Memaksimalkan Pendapatan Google Adsense

1. Jangan tempatkan banner GA di header, samping logo!
Nah loh... CB lakukan ini nih, nanti diubah deh! Alasannya, banner GA ukuran 468×60 dan 728×90 pixel itu tampak seperti banner dan biasanya diabaikan oleh pembaca!

2. Tempatkan Iklan Google di posisi yang mudah dilihat.
Yaitu di pisisi kiri atas (Top left), di atas posting, tepat di bawah judul posting (Top of content, right below the headline), dan di akhir posting --di atas kolom komentar dan di atas social buttons).

3. Simpan Iklan GA di sidebar kiri.
Ini artinya templatenya harus 3 kolom --ada dua sidebar, kiri dan kanan. Hmm... harus ubah desain template nih....!

4. Gunakan Ukuran yang tepat!
Ukuran 300×250, 336×280, dan 160×600 paling populer dan sukses memaksimalkan pendapatan Google Adsens.They are found to be the most successful ad sizes! Hmm.... yang ukuran ketiga harus bikin sidebar baru tuh di tengah atau di kiri. Abaikan dulu ah....!

5. Gunakan "Custom Google search"
Hmm... yang ini CB sudah coba, tapi kayaknya mengganggu kenyamanan user deh! Gak ah, UX itu bagian dari SEO blog, jadi CB abaikan dulu yang no. 5 ini.

Lha, apa cuma itu doang tips Tips Memaksimalkan Pendapatan Google Adsense? Banyak sih, lima itu aja dulu deh. Selengkapnya silakan klik dua link sumber di bawah ini. Good luck!

Sumber:
http://www.blogmarketingacademy.com/maximizing-adsense-revenue/ 
http://www.designerzblog.com/2013/12/5killertips-maximize-adsense-earning.html
Tuesday, May 6, 2014

Template Blog Mirip Detikcom Modifikasi Johny Kena Banned

Template Blog Mirip Detik
Template blog mirip Detik News atau detik.com adalah modifikasi template Johny Kena Banned, template blog SEO karya Mastemplate yang memang "dimaksudkan" untuk menjadi mirip tampilan situs detik.com.

Sebut saja nama template ini Detik News Style Blogger Template. Anda bisa modif sendiri tempate Johny Kenna Banned sehigga mirip banget sama detikcom, juga bisa dimiripkan sama situs Okezone yang juga mirip detikcom.

Untuk memodifikasnya, sebenarnya Anda "hanya" menyesuaikan warnanya menjadi warna biru khas detikcom (#003567) atau okezone (#164F85). Gunakan Kode Warna HTML untuk menyesuaikan warna lainnya.

Template Blog Mirip Detik News versi modifikasi CONTOHBLOG ini memang disengaja tidak mirip banget apalagi sama, takut "digugat" sama detik.com ah....!

Beberapa tampilan, elemen, atau kode yang dimodif CB dari Johny Kena Banned sehingga dibuat mirip situs detikcom ini antara lain:
1. Warna --tadinya merah, jadi biru detik.
2. Header --plus "top" header mirip detik.
3. Menu Navigasi --mengubah "headline" menjadi menu navigasi sekunder.
4. Related Posts --menjadi tanpa image plus media sosial
5. Kolom Komentar --dari reply comment pop up window menjadi tanpa pop pup.
6. Widget --disederhanakan biar mempercepat loading.
7. Jenis dan Ukuran Huruf (Font)
8. Heading Tag H1 dan H2 menjadi SEO Friendly
9. ...and more...

Selengkapnya silakan lihat DEMO dan bandingkan dengan detik.com.
Mau...? DOWNLOAD 
Friday, June 20, 2014

Cara Membuat Template Blog Valid HTML5

Cara Membuat Template Blog Valid HTML5
YANG dimaksud Cara Membuat Template Blog Valid HTML5 ini bukan membuat template baru, tapi mengedit, memperbaiki, atau memodifikasi template yang kita gunakan agar valid atau sesuai dengan program HTML5.

Jika template blog kita valid HTML5, maka menurut para pakar desain web, hal itu akan membuat blog kita mudah dibaca user (pengguna, pengunjung) dan mudah dikenali serta diindeks oleh mesin pencari.

Artinya, valid HTML5 sangat bagus untuk masa depan dan kejayaan blog kita. Seluruh internet browser utama (Firefox, Opera, IE, Chrome, Safari) mendukung HTML5.

Cara Cek Valid HTML5

Untuk mengecek apakah blog kita valid HTML5 atau tidak, bisa gunakan situs ValidatorW3. Blog CB ini mendapatkan data error dan warning: 6 Errors, 1 warning(s) (dengan memasukkan URL) dan 2 Errors, 3 warning(s) (dengan metode Direct Input).

Biarin da ah, yang penting nggak kebanyakan. Bandingkan misalnya dengan detik.com yang dinyatakan punya 221 Errors, 161 warning(s)! Tapi toh detikcom aman-aman saja!

Bahkan, template-template yang diklaim Valid HTML5, saat dicek di sana, masih saja mengandung error. Aneh ya?

Jadi, gimana dong? Itu tadi.... minimal  "jangan kebanyakan" errornya, di bawah 10 deh kayak punya CB ^_^

Cara Membuat Template Blog Valid HTML5

Untuk membuat blog kita valid HTML5, minimal mengurangi errror, maka lakukan langkah-langkah berikut ini. Backup dulu template blog Anda, kalau makin error, atau nanti tampilannya malah acak-acakan, balikin lagi aja ke semula.

Login > klik "Template" > klik "Edit HTML"
1. Cari (CTRL+F) atau temukan kode di bawah ini. Gampang... ada di bagian paling atas!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
Atau yang seperti ini:
<?xml version="1.0" encoding="UTF-8" ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> 
<head>
Hapus semuanya dan ganti (replace) dengan kode berikut ini:
<!DOCTYPE html>
<HTML>
<head>
<meta charset='utf-8'/>
2. Ganti kode </html> menjadi </HTML>  di bagian akhir/bagian bawah banget template Anda.

3. Hapus kode <b:include data='blog' name='all-head-content'/>
4. Ganti dengan meta tags Valid HTML 5 berikut ini:
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/> 
<meta content='blogger' name='generator'/> 
<link expr:href='data:blog.homepageUrl + &quot;favicon.ico&quot;' rel='icon' type='image/x-icon'/> 
<link expr:href='data:blog.url' rel='canonical'/> 
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/> 
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/> 
<link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/> 

<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/> 
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/> 

<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<b:if cond='data:blog.postImageThumbnailUrl'> 
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/> 
</b:if> 
<b:if cond='data:blog.metaDescription != &quot;&quot;'> 
<meta expr:content='data:blog.metaDescription' name='description'/> 
<b:else/> 
<meta expr:content='data:blog.pageName + &quot; - &quot; + data:blog.title' name='description'/> 
</b:if> 
</b:if>

5. Cari dan ganti kode <b:skin><![CDATA[ dengan kode di bawah ini
<link type='text/css' rel='stylesheet' href='//www.blogger.com/static/v1/widgets/3950009988-widget_css_bundle.css' /> &lt;style type=&quot;text/css&quot;&gt; &lt;!-- /*<b:skin><![CDATA[*/]] <style>
6. Ganti kode semua /*------ ----*/ dengan /* dan */ saja. Contohnya kode seperti ini:
/* ----------------------
Name: New Johny Wuss V3
Date : 16 Jun 2014
Url : http://contohblognih.blogspot.com
-------------------------*/
Ganti menjadi begini:
/* Name: New Johny Wuss V3
Date : 16 Jun 2014
Url : http://contohblognih.blogspot.com */
7. Hapus Navigasi Baru bawaah blogger! Cari kode <body> dan tambahkan kode di berikut ini di atasnya.
<!-- <body><div></div> -->
8. Hapus ikon QuickEdit atau gambar Obeng+Tang (Screwdriver)! Cari dan hapus semua kode 
<b:include name='quickedit'/> 

Jangan lupa, setiap kali menambah widget baru, akan muncul kode tersebu di template, dan hapus lagi!

9. Temukan kode seperti ini:
<span class='post-icons'>
        <!-- email post links -->
        <b:if cond='data:post.emailPostUrl'>
          <span class='item-action'>
          <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
              <img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
          </a>
          </span>
        </b:if>
       
<!-- quickedit pencil -->
        <b:include data='post' name='postQuickEdit'/>
      </span> <div class='post-share-buttons'>
        <b:include data='post' name='shareButtons'/>
      </div> </div>
Hapus semuanya dan ganti dengan kode berikut ini:
<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
</b:if>
</span>
</div>
10. Tambahkan kode type = "text/javascript" di semua kode JavaScript dan tambahkan type = "text/css" di semua kode css. Misalnya:
<script src="https://cbblogger.googlecode.com/files/code.js"></script>
<script src="https://cbblogger.googlecode.com/files/cibiblog.css"></script>
Ubah menjadi begini:
<script type="text/javascript" src=""https://cbblogger.googlecode.com/files/code.js"></script>
<script type="text/css" src="https://cbblogger.googlecode.com/files/cibiblog.css"></script>
11. Sembunyikan navigasi halaman (page navigation) di Homepage! Cari kode 
<b:include name='nextprev'/> dan ganti dengan kode berikut ini:
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<!-- navigation -->
<b:include name='nextprev'/>
</b:if>
12. Tambahkan "Alt Attributes" di semua gambar/images. Misalnya:
<img height='75' src='http://2.bp.blogspot.com/-uDWqr_GxsRo/Uy9DrYHuuXI/AAAAAAAAAwI/DY4ORHIDUxY/s1600/logo.png' width='75'/>
Ubah menjadi begini:
<img alt='no image' height='75' src='http://2.bp.blogspot.com/-uDWqr_GxsRo/Uy9DrYHuuXI/AAAAAAAAAwI/DY4ORHIDUxY/s1600/logo.png' width='75'/>

13. SAVE Template!

Kalaupun ke-13 langkah di atas tidak 100% membuat template blog kita jadi Valid HTML5, minimal bisa mengurangi error dan warning

Namun, jika langkah di atas malah menjadikan tampilan blog berantakan, balikin aja ke semula. Lakukan langkah "minimal", antara lain: ganti meta tags dan hapus quickedit doang.

Jangan terlalu "pusing" soal valid HTML5 ini. Pilih saja template blog seo dan fokus ke konten! Ingat, Content is STILL the King! Konten tetaplah raja. Maka, utamakan konten berkualitas
Good Luck!

Sumber:
http://html5doctor.com/designing-a-blog-with-html5/
http://www.leetblogger.com/2014/03/how-to-make-valid-xhtml-blogger-templates-seo.html