Memperbaiki Error Pada Template Blogspot oleh W3 Validator

Saya banyak melihat tingkat error yang blog-blog sahabat, khususnya yang agak "care" dengan hal ini dan yang pernah bertanya bagaimana mengurangi error tersebut, sering ditemukan masalah yang sama. Adapun beberapa error yang ditemukan tersebut adalah seputar:

• Penulisan url script:

Kalo kita menggunakan url script seperti ini:

<script src='http://iskaruji.googlecode.com/files/manyun_smiley.js' type='text/javascript'>

Tidak ada masalah dengan penulisan tersebut dan url script tersebut tetap bisa berjalan normal. Sayangnya penulisan tersebut tidak dianggap valid. Dan penulisan yang dianggap valid adalah:

<script type='text/javascript' src='http://iskaruji.googlecode.com/files/manyun_smiley.js'></script>

Hal ini juga berlaku untuk setiap kali penulisan yang di mulai dengan "script".

• Ada juga bentuk error seperti ini:

&adult=0&cat=news&big=big&cl=rainbow"></s…
&adult=0&cat=news&big=big&cl=rainbow"></…

Sebenarnya error tersebut hanya disebabkan oleh tanda & yang seharusnya ditulis &amp;

• Menghilangkan fungsi navigasi blog

Fungsi navigasi blog juga menjadi penyumbang error terbesar. Jika kamu berniat tidak menggunakan navigasi "post baru, beranda, post lama" seperti pada Iskaruji dot com, silahkan menhapus kode berikut:

<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</div>
</b:if>

<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</div>
</b:if>

<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>

<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
</div>

</div>
<div class='clear'/>

Secara default, kode ini berada pada dua tempat didalam template. Yaitu di bawah kode <b:includable id='nextprev'>

• Template Mobile

Bagi yang pernah mengaktifkan template mobile, ini juga akan menjadi penyumbang error. Pergi ke Setting > Email & Mobile > Pilih "No" untuk show mobile template. Jangan Khawatir, aksi ini tidak menghapus mobile blogging kamu di http://namablog.blogspot.com/?m=1

• Kode widget

Untuk kode-kode widget sendiri kalo bawaan blogspot dijamin "parah". Cobalah untuk menggunakan widget yang bisa kita "oprek" kodenya. khusus untuk blog archive gunakan yang flat list seperti pada blog ini. Walaupun fungsi linknya hilang. Hanya sekedar menampilkan jumlah post perbulan sejak blog ini dibuat. Lumayan!

Bagi para sahabat Web Code Base Programming, mohon pencerahannya. Tutorial ataupun tips ini bukan berdasarkan ke-ilmuan saya. Semua ini adalah hasil dari pengalaman saja. Jika terdapat istilah coding yang salah dalam web code terms itu semua terjadi karena keterbatasan pemahaman. Tapi apapun itu saya tetap berprinsip menurut perintah, "Sampaikanlah walau hanya satu kode saja"...Jika ada manfaatnya silahkan ambil dan jika ada salahnya sangat diharapkan pencerahannya..

Demikianlah, Happy blogging!

Read more »

Validasi xhtml Template Blogspot

Kembali lagi menulis tentang validasi xhtml template blogspot dengan W3 Validator. Memang artikel tentang validasi ini terpisah-pisah pada Blog Iskaruji dot com ini dikarenakan keterbatasan kemampuan saya meramu semua hasil pengalaman mengurangi error template blogspot di blog ini.

Mengenai manfaatnya sendiri dari berkurangnya error pada template blogspot, yang saya rasakan sendiri adalah load halaman yang ringan, begitu juga saat di coba pada Page Speed Online. Manfaat lainnya bisa juga di baca pada komentar sobat Tips Wisata Murah pada postingan tentang Halaman Blogspot Tidak Valid. Selain itu silahkan rasakan sendiri saat kamu mengunjungi blog ini dan membolak-balik halamannya. Jika memang terasa ada hal baik, silahkan di coba langkah-langkah validasi xhtml template blogspot berikut:

• Silahkan kunjungi W3 Validator. Masukkan url blog kamu, centang semua pada option agar bisa melihat letak kesalahannya dan validate. Lihat berapa error-nya dan jangan tutup W3 Validator hingga semua langkah Validasi xhtml Template Blogspot ini selesai.

• Expand Widget Templates. Ganti Document Type template blog kamu dengan:

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang='en' xml:lang='en' 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>

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link href='http://namablog.blogspot.com/atom.xml' rel='alternate' title='Isi dengan judul blog kamu - Atom' type='application/atom+xml'/>
<link href='http://namablog.blogspot.com/rss.xml' rel='alternate' title='Isi dengan judul blog kamu - RSS' type='application/rss+xml'/>
<b:skin><![CDATA[

• Pada sebagian template sering kita lihat deklarasi seperti ini misalnya:

/* Header
------------------------------ */

Hal yang harus dilakukan adalah menghapus semua bentuk deklarasi template blogspot yang menggunakan garis panjang tersebut. Sehingga format deklarasi yang benar adalah:

/* Header */

• Letakkan kode berikut diatas <body>

<!-- <body><div></div> -->

Ini untuk men-delete Widget NavBar bawaan blogspot yang biasanya cuma kita sembunyikan.

• Hapus semua kode:

<b:include name='quickedit'/>

Kode ini akan selalu ada setiap kali kita melakukan aksi Add Gadget. Jadi pastikan kamu menghapusnya lagi setiap melakukan penambahan gadget.

• Cari kode berikut:

<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>

dan ganti dengan kode:

<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
</b:if>
</span>
</div>

Sampai tahap ini, selesai sudah usaha kita mengurangi error pada template blogspot. Disarankan untuk Save Template setiap satu langkah selesai dipraktekkan dan dilanjutkan dengan revalidate di W3 Validator agar kita tahu kalo errornya berkurang.

Perlu diperhatikan bahwa langkah-langkah diatas hanya mampu menekan hingga 1 atau 2 error dan 2 warning. Jika ditemukan masih banyak error pada template kamu, itu disebabkan oleh kode widget atau halaman post kamu yang belum diperbaiki sesuai ketentuan W3 Validator. Lihat cara penulisan kode gambar dan video yang valid di halaman posting.

Demikianlah, halaman komentar sangat terbuka untuk kita berdiskusi bersama. Mohon kepada sobat yang bisa hingga Pass Check, sudilah untuk berbagi disini.

Happy blogging!

Read more »

Sumber Traffik Dari Sebuah Kontes SEO

Beberapa hari yang lalu saya me-review sebuah situs Pembayaran Online Indonesia iPayMu.com. Review ini juga sekaligus sebagai bentuk partisipasi Iskaruji dot com dalam kontes SEO yang diadakan oleh situs tersebut. Tapi yang namanya baru pertama kali ikut kontes yang demikian tentunya kita "buta" dalam hal optimasi SEO-nya sesuai dengan keinginan target keyword yang diinginkan yaitu "iPayMu.com Pembayaran Online Indonesia".

Dimana-mana yang namanya kontes atau lomba seharusnya memang ada bentuk kompetisi disana. Apalagi memang ada sebagian sahabat blogger yang justru menjadikan sebuah kontes SEO sebagai salah bentuk "Online Earning" layaknya Job Review. Dan saya banyak belajar dari blog-blog berpengalaman dalam optimasi kontes SEO semacam ini. Setelah melihat perbandingan review sobat lainnya dan dibandingkan dengan yang saya lakukan, didapat suatu perbedaan yaitu pada permanent link dan penekanan keyword yang tepat. Dan saya agak kurang memperhatikan itu dengan baik. Tulisanpun mengalir begitu saja layaknya tulisan diatas brosur. Alhasil, review saya berada pada posisi "antah berantah". Lalu gagalkah saya?

Tidak ada suatu kegagalan dari suatu hal yang bermanfaat. Mereview sebuah situs seharusnya adalah hal yang lumrah kita lakukan dalam aktifitas blogging. Salah satu cara untuk mempererat tali persahabatan antar blog, juga sebagai sumber traffik. Lihat beberapa review saya seperti Tips Wisata Murah, DeeahZone, Musik Cadas Bagollum, Didi Games, Pog Games dan banyak lagi termasuk blognya Nazaruddin. Apalagi me-review sebuah situs iPayMu.com yang digadang-gadang bisa menggantikan kebiasaan kita menggunakan PayPal ataupun AlertPay untuk pembayaran online.

Dan benar saja, menang adalah sebuah harapan yang gak boleh putus. Tapi suatu hal yang sudah kita dapatkan adalah ilmu blogging khususnya optimasi konten dan tentunya traffik. Lihat beberapa screenshoot yang saya ambil hari ini:

Statistik Blogger

Google Analytics

Statistik Histats

Entah, saya tidak punya alasan search engine bisa "bikin nyasar" pengunjung dengan keyword "iPayMu.com Pembayaran Online Indonesia" yang sudah dipastikan pengunjungnya adalah peserta ataupun calon peserta kontes SEO iPayMu.com tersebut. Padahal setelah saya cek di google posisi Iskaruji dot com terlindas pada halam 4...hiksss.

So, bagi kamu yang sama seperti saya sesungguhnya tidak ada alasan untuk gak pede, ngeri, takut kalah, atau apalah namanya yang bikin kamu semakin "bodoh" karena merasa gak pantas mengikuti sebuah kontes SEO. Tapi tetap harus selektif. Jangan memaksakan diri me-review sesuatu diluar tema blog ataupun diluar kemampuan untuk memahami.

Demikianlah, Keep on learning and happy blogging!

Read more »

Tentang Panda Tidak Butuh Backlink

Baru sempat baca jika hal ini ternyata di bahas dan menimbulkan perdebatan panjang dikalangan "periuk nasi google" [Baca: Orang yang makannya dari google]. Yaitu desas-desus seputar Algoritma Search Engine Google Panda yang tidak membutuhkan backlink lagi.

Adalah blog NoViku.Com yang "menghidangkan" cerita ini pada 8th May 2011 lalu. Entah apakah yang pertama atau blog kesekian yang membahas hal serupa. Tapi di blog tersebutlah saya nyasar, membaca dan mengamati perilaku dan pendapat komentator terhadap topik yang disajikan. Banyak informasi yang bisa diambil dari pembahasan tersebut termasuk alasan mengapa panda tidak butuh backlink lagi.

Bagi saya, judul "Panda tidak butuh backlink lagi" memang terkesan hiperbola. Kebiasaan komentator yang hanya membaca sekilas dan langsung berpendapat akan menimbulkan kontroversi dan perdebatan panjang. Tidak juga ada yang salah dengan judul, karena terkadang judul memang harus hiperbola agar menarik perhatian. Ingin rasanya memberikan pendapat pada post tersebut, sayangnya gue gak nemuin tempat komen..hehe. Katrok banget!

Tentang Panda yang tidak butuh backlink lagi itu dalam pemahaman saya adalah kira-kira begini; Kita ambil contoh sebuah blog Auto Generate Content [AGC] yang sengaja dipersiapkan untuk menjadi mesin uang PPC. Namanya usaha pasti membutuhkan modal dan kebetulan modalnya gede. Yang punya AGC beli backlink sebanyak-banyaknya hingga dapet PR 20...eh gak ada ya, cuma sampe 10...hehe. Jika Google panda sekarang ini masih mengacu ke "Backlink saja" mampuslah blog-blog seperti kita dengan PR yang "ecek-ecek". Setiap tulisan kita selalu digencet oleh AGC atau blog dengan modal gede yang ber-PR tinggi. Seumur hidup gak bakalan bisa bersaing di SERPs dan selalu jadi nomor satu dari belakang. Gak adil banget khan?

Mungkin sebagian teman ada yang merasakan keanehan saat update PageRank beberapa waktu lalu. Kok blog saya baru berumur 2 bulan dah dapet PR 3, beneran gak sich? Kok Widget Blogger Indonesia masih adem aja hingga saat ini, padahal saat ditulis, blog Iskaruji dot com ini baru mau "narik nafas". Baca ketiga post berikut dari blog yang sempat saya kunjungi sekalian baca juga komentarnya biar bisa dapet manfaatnya:

• http://www.kucoba.com/2011/06/google-update-pagerank-27-june-2011.html
• http://www.biidu.tk/dapet-pagerank/
• http://www.biidu.tk/pagerank-yang-aneh/

[Kepada link yang saya jadikan resume akan saya hapus jika tidak berkenan]

Hal ini seharusnya tidak menjadi polemik jika kita kembali ke "Pakem" [Bahasanya Budi Jolong...hehe] yang ada di Official Google Blog;

At the same time, it will provide better rankings for high-quality sites—sites with original content and information such as research, in-depth reports, thoughtful analysis and so on

Jika masih kurang, bisa juga di baca bagaimana Panda menilai sebuah konten berdasarkan 23 jenis pertanyaan yang ada di What counts as a high-quality site?

Dari sini bisa kita lihat, backlink saja tidak cukup, bahkan hampir tidak disinggung dalam pembahasan untuk menentukan suatu blog atau konten itu berkualitas atau tidak, layak dapet rangking atau tidak. Jadi wajar saja jika blogmu dapet PR 3 dalam 2 bulan dengan backlink "se-upil", karena memang tulisanmu sesuai dengan keinginan dari sumber diatas. Dan jangan kaget juga jika ada blog dengan PR 5, puluhan ribu pageviews per-hari jadi "ngedrop" hingga PR 2 dan belasan ribu pageviews saja. Why? Iyalah...copas semua. Mentah-mentah dan gak pake sumber lagi. Dapet backlink-pun pake beli. hanya dengan $100 langsung bisa PR 4. Gak nyampe 3 hari pulang modal. Sekarang? mampus!

Akhirnya, pilihan ada ditangan kita; Berburu backlink dengan seperti tehnik kita biasanya atau terus membenahi SEO on page dengan konten seperti yang di "blockquote" di atas. Personally saya pilih keduanya. Anda?

Happy blogging aja!

Artikel ini ditulis berdasarkan pandangan saya dari artikel :

• Panda Google Gak Butuh Backlink lagi
• Alasan Panda gak butuh backlink lagi

Read more »

Validasi Template blogspot | Penulisan Kode Gambar dan Video Menurut W3 Validator

Mencoba lagi menulis tentang validasi xhtml template blogspot ini. Semoga saja bisa membantu sahabat blogger lainnya yang kebetulan "care" dan lagi usaha untuk mengurangi tingkat error pada template blognya.

Apa yang yang share disini adalah berdasarkan step-step yang telah blog ini lalui untuk mencapai tingkat error seperti sekarang ini. Seandainya saja mau mengurangi widget ataupun sidebar yang bikin blog Iskaruji dot com terlihat ngejreeng, [setidaknya di mata saya selaku admin] mungkin bisa saja mencapai 100% pass check. Tapi masih sayang dan aku ingin tetap template blog ini seperti sekarang tanpa mengurangi widget.

Pada kesempatan ini, kita akan melihat bentuk penulisan kode gambar dan kode video pada post. Saat kita meletakkan gambar dan video pada post maka akan terlihat error seperti pada gambar berikut ini setelah di cek pada W3 Validator;

Dalam keadaan default saat pertama kali gambar di upload ke post akan tertampil kode sebagai berikut:

<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-B5dRf5tjoqc/TZlaDRYPLcI/AAAAAAAABGk/GDO0IKborqo/s1600/Video+lipsing+anggota+brimob+Gorontalo.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="143" src="http://2.bp.blogspot.com/-B5dRf5tjoqc/TZlaDRYPLcI/AAAAAAAABGk/GDO0IKborqo/s200/Video+lipsing+anggota+brimob+Gorontalo.JPG" width="200" /></a></div>

Dan ini adalah kode default saat kita embed video pada post. Kode-kode ini merujuk kepada post tentang video lipsing Briptu Norman.Jadi teringat Pak Yadi. EYD yang salah tapi ngetren. Masak Brigadir Satu disingkat Briptu...gak nyambung khan?...hehe

<iframe title="YouTube video player" width="480" height="350" src="http://www.youtube.com/embed/ZyhI3OG2raE" frameborder="0" allowfullscreen></iframe>

Kode-kode tersebut akan dianggap error oleh W3 Validator jika tetap dibiarkan demikian. Untuk membuatnya valid, hapuslah kode berwarna merah dan selalu tambahkan "alt" pada setiap gambar pada post. Maka kode gambar yang benar adalah:

<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-B5dRf5tjoqc/TZlaDRYPLcI/AAAAAAAABGk/GDO0IKborqo/s1600/Video+lipsing+anggota+brimob+Gorontalo.JPG" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Video lipsing briptu norman" border="0" height="143" src="http://2.bp.blogspot.com/-B5dRf5tjoqc/TZlaDRYPLcI/AAAAAAAABGk/GDO0IKborqo/s200/Video+lipsing+anggota+brimob+Gorontalo.JPG" width="200" /></a></div>

Dengan menghapus kode berwarna merah dan menambahkan alt seperti pada kode berwarna hijau, maka halaman post ataupun halaman utama kita yang dijejali dengan gambar akan berkurang error-nya. Load halamannya-pun akan terasa lebih cepat dari biasanya.

Sebelumnya, pastikan dulu kamu telah mengganti tipe dokumen template blogspot kamu seperti pada post tentang Validasi template blogspot sebelumnya.

Selamat mencoba and happy blogging!

Read more »

Validasi Template Blogspot | Cara Penulisan dan Validasi XHTML Template Blogger

Rasa penasaran terhadap ada atau tidak template blogspot yang lolos validasi xhtml, membawa saya searching di beberapa blog yang menulis tentang hal ini. Banyak blog-blog besar bahkan sampai bertanya langsung ke salah satu blog webmaster, tetap saja template Iskaruji dot com ini mentok pada posisi seperti sekarang ini. Lalu adakah template blogspot yang bisa lulus validasi xhtml? Jawabannya ada. Jika sebelumnya saya sempat berkomentar bahwa tidak ada, tapi sekarang saya sudah punya dua blog yang "menghijaukan" W3 Validator karena telah lulus validasi xhtml.

Inilah kedua blog platform blogspot yang telah lulus validasi xhtml dari W3 Validator.

1. http://mastotosugiarto.blogspot.com/
2. http://hendro-prayitno.blogspot.com/

Sementara hanya dua blog tersebut yang setelah saya cek hasilnya "hijau" [lulus validasi]. Silahkan cek di search engine dengan kata kunci, "W3 Validator, validasi template blogspot atau validasi xhtml". Cek saja pada halaman pertama google, disitu akan ada blog-blog yang membahas tentang validasi template blogspot. Tentunya selain dari blog Iskaruji dot com ini.

Dari kedua blog diatas saya lebih merekomendasikan cara penulisan template-nya seperti yang dilakukan oleh blog mastotosugiarto.blogspot.com. Karena dia menggunakan tipe dokumen yang sama seperti template blogspot rata-rata. Yaitu;

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang='en' xml:lang='en' 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'>

Untuk itu, sebelum usaha untuk validasi template blogspot, silahkan ganti dulu dengan tipe dokumen seperti diatas. Untuk hal detail lainnya, saya hanya bisa merekomendasikan link-link berikut:

1. http://www.oblo.web.id/2009/11/step-by-step-validasi-blogger.html
2. http://www.rikyrizkiyana.co.cc/2010/07/memvalidasi-template-blogger.html
3. http://www.masdoyok.co.cc/2011/04/mengurangi-error-validasi-template.html

Jangan cek hasil validasi xhtml blog-blog tersebut, baca dan praktekkan saja artikelnya. Karena artikel tersebut persis seperti yang aku temui saat ngoprek template blog Iskaruji dot com ini hingga seperti ini.

Untuk pengalaman sendiri, cobalah untuk mencentang semua option yang ada saat mem-validasi template blogger seperti pada screenshoot berikut. Ini sangat membantu kita mengenali apa yang error pada template ataupun cara penulisan kita, baik pada postingan maupun pada sidebar.

Powered by :

Read more »

W3 Validator | Usaha Untuk Validasi XHTML Template Blogspot Dengan W3 Validator

Usaha untuk mencoba mem-validasi template blogspot yang dipakai oleh blog Iskaruji dot com ini sepertinya hampir mencapai titik maksimal. Hingga saat ini saya hanya mampu menekan hingga 1 error dengan 2 warning. Itupun hanya jika kita memvalidasi halaman utama. Pada halaman post sendiri masih berkisar belasan error dan warning.

Tampilan Hasil Validasi Halaman Utama

Tampilan Hasil Validasi Halaman Posting

Suatu kemajuan tersendiri, karena awalnya memang tidak terpikirkan oleh saya jika tidak dapat masukkan dari sobat blogger Tips Wisata Murah mengenai pentingnya validasi XHTML ini. Dan betul juga, saat dicek hasilnya 200-an lebih error...

Usaha untuk memvalidasi xhtml ini sebenarnya agak lebih gampang jika kita coba membuang widget-widget yang tidak terlalu penting pada blog kita. Sayangnya, saya ingin tetap mempertahankan widget tersebut sambil terus membenahi cara penulisan kodenya yang benar menurut W3 Validator.

Jika ada sebagain sahabat masih bertanya-tanya mengapa dan kenapa W3 validator, saya mungkin hanya bisa menjawab dengan menunjukkan kode berikut:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Itu adalah kode yang selalu ada diatas kode html template blogspot kita. Ada tulisan www.w3.org, tempat dimana saya memcoba memvalidasi template blog ini. Jangan-jangan hak cipta xhtml yang dipake oleh template ini adalah bikinan w3.org? ...au' ah...

Pertanyaan diatas memang belum terjawab sempurna karena keterbatasan pemahaman saya tentang W3 Validator ini. Tapi, hal yang bisa saya rasakan secara langsung adalah load halaman yang lebih cepat dari sebelumnya walaupun masih dijejali dengan widget seabrek. Saat ditest pada Google Page Speed Online skor yang dihasilkan mencapai 80-an. Naik dari sebelumnya yang hanya 50-an. Selain itu, saya juga tahu cara penulisan kode html yang baik dan benar menurut W3 Validator.

Karena keyword W3 Validator ini masih bertengger "manis" pada SERPs Indonesia, semoga saja ada sahabat blogger yang lebih dulu paham tentang manfaat sebenarnya dari validasi xhtml ini bisa nyasar kesini dan dapat memberikan pencerahannya. Kolom komentar Iskaruji dot com selalu terbuka untuk kalian, dengan tetap menjunjung tinggi budaya ketimuran kita...

Moga manfaat and happy blogging!

Read more »

W3 Validator | Ketika Halaman Web Google Dan Blogspot Sama-Sama Tidak Valid

Post kali ini terinspirasi dari blog sobat Tips Wisata Murah yang begitu "care" dengan validitas sebuah halaman web, yang dalam hal ini adalah template blogspot. Validitas sebuah halaman web, entah suatu mitos ataukah benar adanya, sangat berpengaruh kepada posisi artikel kita di SERPs. Hal ini sangat berbanding terbalik dengan template blogspot yang memang tidak ada yang valid. Yang bisa dilakukan adalah hanya menekan tingkat error se-minimal mungkin.

Kelemahan template blogspot inilah yang membuat orang kurang suka blogspot karena takut tidak bisa bersaing di SERPs. Walaupun pada kenyataannya tidak demikian. Baca postingan tujuan dan pencapaian seorang blogger. Disitu bisa kita lihat, blog copas-pun asal ngeblog di blogspot bisa menguasai search engine hingga puluhan ribu kunjungan perhari. Kok bisa ya? Sepertinya Google telah "menjilat ludah" dari apa yang telah dibahas tentang kekeliruan dalam penulisan konten.

Iseng-iseng saya coba cek validitas halaman http://www.google.co.id di validator.w3.org, sebuah layanan untuk validasi halaman web. Dan hasilnya sungguh mengejutkan:

Bandingkan dengan hasil yang di dapat dari hasil pengecekan blog sobat Tips Wisata Murah di bawah ini.

Hohoo...Jadi bangga dech gue..Punya sahabat blogger yang halaman blognya lebih baik dari halaman Google itu sendiri. Apa mungkin ini sebabnya blog copas-pun bisa bersaing di SERPs asal ngeblognya di blogspot? Lha wong Mbah-nya ja dah gak bener...hehe. Tapi jika saya boleh mengutip salah satu Web Developer-nya W3 Validator, David Dorward;

Nothing wrong with the validator here, it just knows HTML better than you do.

mungkin ada benarnya. Tidak ada yang salah dengan urusan valid atau tidaknya sebuah halaman web. Tapi dengan W3 Validator kita bisa tahu bagaimana menulis HTML yang lebih baik dari yang sudah-sudah.

Happy blogging!

Read more »

Artikel SEO | Beberapa Kekeliruan Dalam Penulisan Konten Blog

Artikel kali ini merujuk kepada Google Webmaster Guidelines tentang prinsip dasar penulisan sebuah konten atau artikel blog yang sering saya abaikan. Bukan suatu keharusan, tapi prinsip inilah yang menjadi patokan dan diinginkan oleh Google.

Berikut Beberapa kekeliruan yang Iskaruji dot com alami sendiri dalam penulisan konten blog.

• Terkadang saya sering terjebak kepada penulisan artikel yang sengaja disajikan untuk google atau lebih condong kepada kebutuhan mesin pencarian, bukan kepada users atau pengunjung blog yang menjadi nyawa blog ini. Seperti pada koleksi foto toples Agni Pratistha, sama sekali tidak pro pengunjung, tapi lebih kepada tuntutan keyword popular saat itu.

Make pages primarily for users, not for search engines. Don't deceive your users or present different content to search engines than you display to users, which is commonly referred to as "cloaking."

• Adanya kesalahan niat sejak awal penulisan konten. Yang terbayang di kepala cuma SERPs. Apa yang terjadi jika mesin pencarian tidak ada. lalu siapa yang akan membaca blog kita jika artikel yang kita sajikan tidak seperti yang pengunjung inginkan.

Avoid tricks intended to improve search engine rankings. A good rule of thumb is whether you'd feel comfortable explaining what you've done to a website that competes with you. Another useful test is to ask, "Does this help my users? Would I do this if search engines didn't exist?"

• Iskaruji dot com ini adalah blog untuk semua dengan konten apa aja yang terlintas dikepala. Siapapun boleh nge-link tanpa pandang bulu. Lihat saja di form komentar, link exchange, banner exchange dan lainnya, gak perduli mau situs dewasa atau situs "blacklist" google, tetap saja diterima untuk tukar link. Karena memang sejak awal visi blog ini adalah "sharing". Sayangnya hal ini kurang disukai oleh Google.

Don't participate in link schemes designed to increase your site's ranking or PageRank. In particular, avoid links to web spammers or "bad neighborhoods" on the web, as your own ranking may be affected adversely by those links.

• Dan yang terakhir ini hanyalah bentuk ke-egoisan Google yang selalu tidak suka kita pake produk lain selain produknya sendiri. Ngapain juga kita harus pake web submit, histats counter, dan lainnya. Padahal google sudah menyediakan semuanya, mulai dari Google webmaster tools hingga Analitycs. Saya cuma bisa menjawab, "Suka-suka gue dong!"

Don't use unauthorized computer programs to submit pages, check rankings, etc. Such programs consume computing resources and violate our Terms of Service. Google does not recommend the use of products such as WebPosition Gold™ that send automatic or programmatic queries to Google.

Dari kesemua kekeliruan dalam setiap penulisan konten blog diatas bisa saya simpulkan, bahwa Google hanya menginginkan kita untuk memakai produk dan cara yang dia inginkan saja. Jika tidak maka itu akan dianggap keliru walaupun benar adanya. Dasar egois..!

Happy blogging!

Read more »

Webmaster Tools | Menambahkan Website atau Blog ke Mesin Pencarian Aol Mobile URL Submission

Dalam beberapa hari ini, Histats counter mencatat adanya beberapa kunjungan via search engine Aol.com. Dari beberapa kunjungan ini juga diketahui bahwa pengunjung tersebut menggunakan Java OS dengan browser Opera ataupun Android. Dari data histats ini, terlintas pikiran, mungkinkah ada cara untuk meng-optimasi konten blog kita ke Search Engine Aol.

Alhasil, memang tidak ditemukan cara atau tempat yang mengakomodasi kita sebagai webmaster untuk optimasi blog ke search engine Aol seperti pada Google Webmaster Tools, Bing, ataupun Yahoo. Bahkan hanya untuk menambahkan sitemap sekalipun seperti yang bisa kita lakukan pada Ask Webmaster Tools tidak bisa.

Web search results are Websites listed in order of relevance, with listings with the highest relevance appearing first. These listings are administered, sorted and maintained by Google. These results may contain objectionable material not endorsed by AOL®. For information on how Google sorts these listings, go to About Google.

Tapi, aku menemukan sebuah url yang menungkinkan kita bisa menambahkan konten blog kita ke Aol.com, walaupun format yang diterima hanya untuk mobile url. Mungkin ini sebabnya ada visitor dari Aol rata-rata ber-OS Java ataupun Android.

Untuk menambahkan website atau url mobile blog kita ke Search Engine Aol, silahkan isi data mobile blog kamu ke Mesin Pencarian Aol Mobile URL Submission. Dan jika kamu belum tahu url mobile blog kamu, silahkan baca lagi artikel sebelumnya tentang Mobile Blogging pada blogsapot.

Demikian, moga bermanfaat!

Read more »

Webmaster Tools | Menambahkan Sitemap Atau Peta Situs Blog Ke Ask Webmaster Tools

Postingan Iskaruji dot com tentang Webmaster Tools rencananya hanya berkisar pada Google, Yahoo dan Bing. Namun setelah melihat mesin pencarian Ask.com yang selalu nimbrung di statistik kunjungan via search engine, ini membuat saya mencari-cari cara untuk membantu mesin pencarian ask tersebut lebih mudah meng-index konten blog kita.

Berbeda dengan ketiga Webmaster Tools sebelumnya yang mengharuskan kita register untuk menggunakan layanan tersebut, Ask Webmaster Tools hanya menyediakan fitur "menambahkan sitemap blog kita ke Ask".

Q: How do I register my site/URL with Ask so that it will be indexed?
A: We appreciate your interest in having your site listed on Ask.com and the Ask.com search engine. Your best bet is to follow the open-format Sitemaps protocol, which Ask.com supports. Once you have prepared a sitemap for your site, add the sitemap auto-discovery directive to robots.txt, or submit the sitemap file directly to us via the ping URL. (For more information on this process, see Does Ask.com support sitemaps?) Please note that sitemap submissions do not guarantee the indexing of URLs.

Format sitemap yang didukung oleh Webmaster Tools Ask adalah sebagai berikut:

http://submissions.ask.com/ping?sitemap=http://www.Nama_Blog _kita.xml

Melihat format sitemap tersebut, gue yang hidup matinya hanya bisa ngeblog di blogspot, jadi "down". Apa lacur, blogspot hanya mendukung format sitemap .html dan tidak mendukung format sitemap .xml seperti pada contoh diatas.

Namanya otak manusia yang sudah diset default untuk "La'allakum tatafakkaruun", akhirnya gue coba dengan ide format sebagai berikut:

http://submissions.ask.com/ping?sitemap=http://www.iskaruji.com/rss.xml

dan hasilnya seperti yang ditunjukkan pada screenshoot di bawah.

Alhamdulillah, postingan kali ini juga sekaligus sebagai penambahan format sitemap blogspot yang bisa ditambahkan ke Webmaster Tools, dengan format:

http://Nama_Blog_Kamu.com/rss.xml

Demikian, moga bermanfaat!

Read more »

Sitemap | Mengenal dan Menambahkan Sitemap Blog di Blogspot Kedalam Webmaster Tools

Post kali ini khusus untuk menjawab pertanyaan dari salah satu sobat blogger yang bertanya tentang sitemap. Jika kita lihat dari pengertian kata, maka sitemap bisa diartikan peta situs. Didalam wikipedia sendiri kita bisa menemukan arti yang lebih mendalam;

A site map (or sitemap) is a list of pages of a web site accessible to crawlers or users. It can be either a document in any form used as a planning tool for web design, or a web page that lists the pages on a web site, typically organized in hierarchical fashion. This helps visitors and search engine bots find pages on the site.

Dari pengertian diatas, kita bisa menjelaskan bahwa sitemap adalah daftar halaman [daftar isi] sebuah website, dalam hal ini adalah blog kita, yang bisa diakses oleh mesin pencarian ataupun oleh pengunjung blog kita. Bentuk nyata sebuah Sitemap pada blog Iskaruji dot com adalah seperti yang ditunjukkan oleh arsip blog pada sidebar blog ini. Fungsi utama dari sitemap pada blog adalah untuk memudahkan search engine meng-crawls atau meng-index konten atau artikel blog kita dan juga memudahkan para pengunjung untuk melihat artikel lainnya di blog kita.

Format Sitemap untuk Blog pada Blogspot
Untuk menambahkan sitemap blog kita, khusus blog yang hosting di blogspot kedalam Webmaster Tools cukup dengan menggunakan alamat feed default blog kamu dengan format:

http://nama-blog-kamu.blogspot.com/feeds/posts/default

Jika terjadi error atau tidak terdeteksi saat menggunakan alamat feed default [biasanya dikarenakan alamat feed telah dialihkan ke layanan feed pihak ketiga seperti feedburner], maka ada alternatif lain dengan menggunakan format sitemap sebagai berikut [Pilih salah satu]:

• http://nama-blog-kamu.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=100
• http://nama-blog-kamu.blogspot.com/rss.xml?redirect=false&start-index=1&max-results=100

ScreenShoot Penambahan Sitemap Blog Kedalam Webmaster Tools

Gambar Penambahan Sitemap Feed Pada Yahoo Webmaster Tools

Gambar Penambahan Sitemap Pada Bing Webmaster Tools

Gambar Penambahan Sitemap Pada Google Webmaster Tools

Update!!!

Sitemap blogspot-pun bisa dalam format .xml dengan format:

http://Nama_Blog_Kamu.com/rss.xml
http://Nama_Blog_Kamu.com/atom.xml

Update ini merujuk kepada postingan tentang menambahkan sitemap pada ask.com

Read more »

Webmaster Tools | Mengenal dan Menambahkan Website atau Blog Ke Bing Webmaster Tools

Postingan kali ini adalah post ketiga tentang Webmaster Tools. Pada post-post Sebelumnya, baik tentang menambahkan blog ke Google Webmaster Tools maupun Yahoo Webmaster Tools, kita sudah mendapatkan pencerahan tentang betapa pentingnya menambahkan blog kita ke Webmaster Tools. Dan kali ini kita mengenal dan menambahkan Website atau Blog Ke Bing Webmaster Tools.

Jika memang harus diurutkan, mesin pencarian bing masuk urutan ketiga yang layak untuk diprioritaskan bagi blog kita. Ketenaran bing sudah kita ketahui dari kepercayaan facebook untuk menggunakan mesin pencarian satu ini. Tidak ada salahnya jika kita juga menambahkan website kita ke Bing Webmaster Tools.

Tampilan blog kita pada dashboard Bing Webmaster Tools

Menambahkan Blog Ke Bing Webmaster Tools
Bagi sobat blogger yang ingin menambahkan blognya ke Bing Webmaster Tools, silahkan mengunjungi halaman Bing Webmaster Tools. Untuk sign up agar bisa menggunakan layanan ini, kamu cukup menggunakan alamat email kamu yang ada di Yahoo. Juga, pastikan kamu meletakkan meta tag dari Bing Webmaster Tools pada blog kamu agar cepat di verifikasi dan terindex. Biasanya tampilan keterangan blog kita pada dashboard Bing Webmaster Tools baru akan tampak setelah tiga hari dari waktu kita memverifikasi blog kita.

Contoh meta tag dari Bing Webmaster Tools:

<meta content='DACDC90C9BF556FCCD26DCF8272FC3B1' name='msvalidate.01'/>

Selamat mencoba...!

Read more »

Webmaster Tools | Mengenal dan Menambahkan Website atau Blog ke Yahoo Webmaster Tools

Tidak ada bedanya dengan Google Webmaster Tools yang telah kita bahas sebelumnya, menambahkan website atau blog kita ke Yahoo Webmaster Tools juga penting. Setidaknya Yahoo merupakan saingan terdekat Google dalam urusan mesin pencarian ini. Maka sebagai pemilik blog, tidak ada salahnya jika kita juga menambahkan blog kita ke Yahoo Webmaster Tools.

Gambar tampilan blog kita pada Yahoo Webmaster Tools [Klik untuk melihat tampilan penuh]

Menambahkan Blog ke Yahoo Webmaster Tools
Bagi sahabat blogger yang ingin menambahkan blognya ke Yahoo Webmaster Tools, silahkan kunjungi Yahoo Site Explorer. Pastikan kamu memiliki akun di Yahoo agar bisa menikmati layanan ini. Dan jangan lupa untuk meletakkan meta tag dari Yahoo Webmaster Tools pada template blog kamu agar cepat terverifikasi dan terindex.

Contoh Meta tag dari Yahoo Webmaster Tools:

<META content='d18d3d0c310965db0a' name='y_key'></META>

Selamat mencoba..!

Read more »

Webmaster Tools | Mengenal dan Menambahkan Website atau Blog Ke Google Webmaster Tools

Bukan suatu keharusan, tapi menambahkan sebuah website atau blog ke dalam Webmaster Tools sangat penting untuk dilakukan. Sesuai dengan namanya, Webmaster Tools merupakan media bagi para pemilik atau pembuat website/blog untuk mengelola dan mengoptimasi blog miliknya. Dan pada kesempatan ini, kita akan berkenalan dengan Google Webmaster Tools yang sangat direkomendasikan untuk kita sebagai pemilik blog di blogspot.

Berikut beberapa hal yang bisa kita dapatkan dengan menambahkan website atau blog kita ke Google Webmaster Tools:

• Kita bisa mendapatkan verifikasi atas kepemilikan sebuah website atau blog berdasarkan akun email di Gmail yang kita miliki.

• Kita bisa mendapatkan informasi seputar cara Google meng-crawls, meng-index ataupun memberi rangking kepada website atau blog kita.

• Kita bisa mengetahui seberapa banyak orang menemukan keyword kita di Search Engine berdasarkan impressions serta berapa banyak orang mengunjungi blog kita yang ditunjukkan dengan klik pada keyword artikel kita.

• Kita akan mendapatkan pemberitahuan via inbox jika ada sesuatu seputar blog kita, semisal terdeteksi malware atau lainnya.

• Google Webmaster Tools akan meng-track semua website yang menambahkan link ke blog kita, lengkap dengan detail link url yang dimaksud.

• Dengan menambahkan website atau blog kita ke Google Webmaster Tools, maka kemungkinan konten kita akan cepat terindex akan lebih besar. Hal ini dimungkinkan dengan fitur penambahan sitemap ke Google webmaster Tools.

• Dan masih banyak manfaat lainnya untuk optimasi website atau blog kita.

Menambahkan Blog ke Google Webmaster Tools
Bagi kita yang ngeblog di blogspot, menambahkan blog ke Google Webmaster Tools akan terasa lebih mudah dan secara otomatis akan terverifikasi, baik dengan menambahkan meta Tag ataupun tidak. Silahkan kunjungi halaman Google Webmaster Central untuk menambahkan website atau blog ke Google Webmaster Tools.

Format Sitemap untuk Blog pada Blogspot
Untuk menambahkan sitemap pada Google Webmaster Tools, cukup dengan memasukkan alamat feed default blog kamu dengan format:

http://nama-blog-kamu.blogspot.com/feeds/posts/default

Link Bantuan Google Webmaster Tools

• Pusat Bantuan Webmaster
• Forum Bantuan Webmaster
• Panduan Untuk Webmaster
• Blog Google Webmaster
• Video Bantuan Webmaster

Read more »

Artikel SEO | Ketika SEO Hanya Sebatas Artikel

Mungkin judul post ini agak hiperbola, tapi itulah yang sering aku rasakan saat berkunjung [blogwalking] ke beberapa blog sahabat. Banyak manfaat yang saya dapatkan dari sana, khususnya tentang SEO. Namun ada sedikit pertanyaan dibenak saya yang awam tentang SEO ini. Apakah memang seperti ini yang kita sebut dengan SEO?


Kalo melihat definisi SEO dari Wikipedia;

Optimisasi mesin pencari (bahasa Inggris: Search Engine Optimization, biasa disingkat SEO) adalah serangkaian proses yang dilakukan secara sistematis yang bertujuan untuk meningkatkan volume dan kualitas trafik kunjungan melalui mesin pencari menuju situs web tertentu dengan memanfaatkan mekanisme kerja atau algoritma mesin pencari tersebut. Tujuan dari SEO adalah menempatkan sebuah situs web pada posisi teratas, atau setidaknya halaman pertama hasil pencarian berdasarkan kata kunci tertentu yang ditargetkan. Secara logis, situs web yang menempati posisi teratas pada hasil pencarian memiliki peluang lebih besar untuk mendapatkan pengunjung.

Kalo melihat dari arti SEO itu sendiri, berarti banyak sekali dari kita yang gak nyambung dalam prakteknya. Seandainya memang SEO itu dipraktekkan, kemungkinan tujuan dari SEO itu sendiri akan tercapai. Yaitu mendapatkan kunjungan yang signifikan dari Search Engine. Sayangnya, banyak sahabat blogger yang menulis tentang SEO, justru blognya sepi kunjungan dari Search Engine. Mungkinkah SEO hanya sebatas artikel?

Secara pribadi, saya termasuk kurang meperhatikan secara detil tentang SEO ini. Apalah artinya berada pada peringkat satu google jika memang keyword yang dimaksud tidak ada yang mencarinya. Tetap saja tidak ada kunjungan ke blog kita. Demikian juga jika SEO tersebut memang dipraktekkan, tapi blog kita miskin artikel, tetap saja akan sepi pengunjungnya.

Saya membandingkan beberapa blog yang mungkin tidak terlalu memperhatikan SEO. Bahkan sebagian besar kontennya kemungkinan adalah copas [lihat artikel tentang antisipasi duplikasi konten]. Tapi tetap saja, kunjungan dari Search Engine mencapai ribuan.

Kenapa bisa demikian? Jawabannya cuma satu, "content is the king". Blog yang kaya dengan konten pasti akan "panen" traffic dari search engine. Lihat blog http://besteasyseo.blogspot.com yang memadukan SEO dengan konten yang kaya, kunjungannya berlimpah dari search engine.

Sebagai kesimpulan, mungkin SEO itu adalah ilmu blogging yang memang sedikit banyaknya harus kita pahami. Sedangkan konten adalah bahan olahan dari SEO itu sendiri. Seperti orang memasak nasi, ia akan menjadi nasi uduk dengan sedikit pengetahuan cara memasak nasi uduk. Tapi tetap saja tidak bisa jika nasi dan santannya [konten] kurang..

Demikian pemahaman saya dan moga bermanfaat!

Read more »