24 April 2012

Cara Mengatasi Error XHTML Part-1

Do you want to share?

Do you like this story?

Mengatasi Error xhtml Melanjutkan postingan sebelumnya tentang Validasi Blog via Validator W3. Pada artikel tersebut kita sudah menge-check seberapa ERROR kah blog kita. Secara konsep Blogger/Blogspot memang sulit untuk valid 100% karena masih banyak widget yang tidak didukung secara valid oleh W3. Sebenarnya Blogger/Blogspot hanya bisa valid CSS dan HTML melalui template Klasik dan HTML5. Setelah ditelusuri memang Template New Blogger dengan Template Klasik Blogger sedikit berbeda dan untuk mencari Tutorial Validasi Template Klasik di Mbah Google pun terbilang sulit.

Apa Manfaat Valid HTML dan CSS?
Valid CSS dan HTML adalah sesuai standar W3, sebab template website dan blog akan lebih bersahabat dengan search engine. Secara teknis search engine akan mudah mengindeks data website dan blog dengan mudah tanpa gangguan error. Hasil tersebut memudahkan web dan blog anda untuk cepat tampil pada mesin pencari seperti Google, Yahoo, Bing dsb. Valid CSS dan HTML berpengaruh erat untuk SEO (Search Optimization Engine).

SEO berperanan penting dalam kesuksesan website dan blog yang anda kelola, bagaimana tidak! Rata-rata pengunjung lebih banyak melalui search engine. Posisi serp teratas menjanjikan bisnis atau usaha yang anda kelola terbilang sukses. SEO penting untuk dipelajari lebih lanjut jika anda betul-betul mengelola website atau blog secara serius.
Blog yang Anda buka ini SENGAJA TIDAK SAYA VALIDASI dengan alasan tertentu,dan jika sobat ingin lihat beberapa blog yang berhasil saya Validasi silahkan cek blog ini:
1. http://blog-indolaron.blogspot.com

Gimana sobat hasil setelah blog sobat di cek Validatro W3, Passed(Lulus) atau Error? Jika setelah dicek dan ternyata muncul bebereapa Error dan Warning,maka perlu perbaikan mulai dari penulisan html yang benar,meletakkan code-code tepat pada tempatnya,mengatur widget dan lain sebagainya.
Langkah-langkah Cara Mengatasi Error XHTML
1. Memperbaiki "DOCTYPE",letaknya pada bagian paling atas
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Ubah menjadi:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

2. Menghapus Navbar pada template,Letakkan kode ini tepat sesudah kode </head>
<!-- <body><div></div> -->

3. Pada sebagian template sering kita lihat deklarasi seperti ini misalnya:
/* Header
------------------------------ */ atau /*------------Header----------*/
Hal yang harus dilakukan adalah menghapus semua bentuk deklarasi template blogspot yang menggunakan garis panjang tersebut. Sehingga format deklarasi yang benar adalah:
/* Header */

4. Setiap kali kita melakukan aksi Add Gadget/Menambahkan Widget baru,pasti di bagian html akan muncul kode seperti ini:
<b:include name='quickedit'/>
Jadi pastikan kamu MENGHAPUSNYA lagi setiap melakukan penambahan gadget.

5. Setiap kita upload gambar diposting akan tampil html-nya sbb:
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7Ob8-bt0JJxa0aoIeUy7k9H6InJ9zyRlZJ9UHXjNhZutiO65WVayvMd4BHC6QTRyLFTVsqdXDxPPugjS6T2xOfaS9Ft9DSm3LbxrCzIbeTbft4UTDzqZM552pGpwyFgVPqRyaTybD57g/s1600/W3+Validator.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="143" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7Ob8-bt0JJxa0aoIeUy7k9H6InJ9zyRlZJ9UHXjNhZutiO65WVayvMd4BHC6QTRyLFTVsqdXDxPPugjS6T2xOfaS9Ft9DSm3LbxrCzIbeTbft4UTDzqZM552pGpwyFgVPqRyaTybD57g/s1600/W3+Validator.jpg" width="200" /></a></div>

Kode uploadan akan dianggap ERROR oleh W3 Validator jika tetap dibiarkan begitu. Untuk membuat valid jika kita habis upload gambar maka hapus kode yang berwarna merah dan tambahkan kode "alt" pada setiap gambar yang diposting, sehingga menjadi:
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7Ob8-bt0JJxa0aoIeUy7k9H6InJ9zyRlZJ9UHXjNhZutiO65WVayvMd4BHC6QTRyLFTVsqdXDxPPugjS6T2xOfaS9Ft9DSm3LbxrCzIbeTbft4UTDzqZM552pGpwyFgVPqRyaTybD57g/s1600/W3+Validator.jpg" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Masukan kata kunci yang berhubungan dengan artikel yang sedang sobat buat" border="0" height="143" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7Ob8-bt0JJxa0aoIeUy7k9H6InJ9zyRlZJ9UHXjNhZutiO65WVayvMd4BHC6QTRyLFTVsqdXDxPPugjS6T2xOfaS9Ft9DSm3LbxrCzIbeTbft4UTDzqZM552pGpwyFgVPqRyaTybD57g/s1600/W3+Validator.jpg" width="200" /></a></div>

6. Jika pada template sobat menggunakan Meta Content:
<b:include data='blog' name='all-head-content'/>
Ubah menjadi:
<!-- Blogger Default Meta -->
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link href='http://www.blogger.com/profile/IDBLOGGERANDA' rel='me'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link href='http://www.blogger.com/rsd.g?blogID=IDBLOGANDA' rel='EditURI' title='RSD' type='application/rsd xml'/>
<link href='http://www.blogger.com/feeds/IDBLOGANDA/posts/default' rel='service.post' title='NAMABLOGANDA - Atom' type='application/atom xml'/>
<link href='http://www.URLANDA.blogspot.com/feeds/posts/default' rel='alternate' title='NAMABLOGANDA - Atom' type='application/atom xml'/>
<!-- End Blogger Default Meta -->
Tunggu postingan berikutnnya cara untuk mengurangi Error xhtml

ARTIKEL TERKAIT :

37 komentar :

  1. Terima kasih , aku masih tanya Mbah google karena punyaku pakai wordpress.

    ReplyDelete
  2. Nice post. I went through the post I found it very informative and useful. Thanks for sharing.

    ReplyDelete
  3. Makasih ya...aq udah pake tips yg di atas dan berhasil, sekali lagi makasih ya....tipsnyaaaa

    ReplyDelete
  4. langsung saya praktekan saja biar tahu hasilnya

    ReplyDelete
  5. saya pakai trik ini, untuk beberapa theme seperti saya malah 4 hari tidak di index sama mbah google.
    apa theme saya yang jelek ya? hahahhaha

    ReplyDelete
  6. trik ini di pakai untuk theme default, hasilnya lebih bagus dan kuat di serp google

    ReplyDelete
  7. makasih mas, saya sedang mencoba menerapkan tips anda ini :)

    ReplyDelete
  8. info yg bermanfaat bgt..
    Oya saya mau tanya stlh sy cek blog sy di validator,w3,org hny trdpt 2 errors 2 warning..sy ingin memperbaiki'y tp pd template blog'y tdk ada kode trsbt..yg error kode javascript'y..kira2 gmn cara'y ya??

    ReplyDelete
  9. Walah sob nak ga paham, script banyak macam ni :s

    ReplyDelete
  10. wong disini jug error validatex boanyak kali gann... agan ini gmana nech

    ReplyDelete
  11. @faiqah azzahrah
    Iya gan blog saya yang ini SENGAJA TIDAK saya validasi dengan alasan tertentu. Untuk liat blog saya yang udah saya validasi bisa agan liat di List Blog postingan :)

    ReplyDelete
  12. Nice post, really informative. I had to translate it on google but it was worth translating for :)

    ReplyDelete
  13. @captcha work
    O.K buddy. Simply translated, and hopefully this information is useful to us.
    Thans for visiting :)

    ReplyDelete
  14. Thangkyu Gan ngilmunya...
    Salam Sukses.

    ReplyDelete
  15. siipp.
    tp yg terakhir kok ga muncul ya..

    ReplyDelete
  16. akhirnya berkurang juga errornya, thanks ya infonya :-d

    ReplyDelete
  17. Kl untuk cms WP gimana caranya ya gan??

    ReplyDelete
  18. mantap gan dari 100 lebih jadi 25 25 Errors, 30 warning(s)

    ReplyDelete
  19. saya malah makin nambah Errornya bang... dari hanya 14 error jadi "125 error" setelah nerapin yg ini.
    ad solusi??

    ini blog ane gan udah ane kembaliin seperti asal lagi. GaRis KeCil

    #untung di backUP td... wkwk

    ReplyDelete
  20. sip inponya ..agar valid template kita...

    ReplyDelete
  21. Bang, template yang buat demo itu mana.. \m/

    ReplyDelete
  22. @Valid Zhu
    Mas bro mau pake template tsb..? Klo pengen pakai,ntar ya mas biar saya rapi in dulu. Soalnya msh brantakan :)
    Klo dah mendingan ntar sya ksh kbr dech :ya:

    ReplyDelete
  23. makasih tipsnya gan, saya coba dulu siapa tau berhasil

    ReplyDelete
  24. Saya kena masalah di nomor 5. tentang imageanchor="1". ini kodenya yang muncul

    href="http://www.blogger.com/blogger.g?blogID=1296155329538592623" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">

    Setiap saya ketik posting selalu locat2 tulisannya jadi ga bisa posting. saya ganti entry barupun kasusnya sama. saya sdh ikuti ptunjuk utk merubah imageanchor="1" menjadi Alt tapi tetap saja kode itu muncul lagi, smakin banyak saya ngtik semakin banyak pula dia muncul di halaman HTML, bisa di katakan dia muncul setiap kalimat.

    Gimana solusinya

    ReplyDelete
  25. @Sugi
    Sepertinya agan kurang teliti baca-nya :)
    Kan pda kasus no.5:
    - hapus kode imageanchor="1" dan
    - tambahkan kode alt="Masukan kata kunci yang berhubungan dengan artikel yang sedang sobat buat" (antara img dan border="0" )

    ReplyDelete
  26. Waw....manfaat sekali Gan buat perbaikan blog saya. Mathur Thangkyu.

    ReplyDelete
  27. trims sharingnya, nanti dicoba dehhh

    ReplyDelete
  28. sepertinya langkah nomer 6 juga gak valid xhtml.
    silahkan cek di http://ngocop16.blogspot.com/

    ReplyDelete
  29. luar biasa gan,,,, mantab
    trimakasih atas infonya salam kenal dari : http://www.obatkuat-kamasutra.com/

    mohon kunjungan baliknya gan,,

    ReplyDelete
  30. Blog saya masih banyak errornya mas

    ReplyDelete
SILAHKAN TULIS KOMENTAR ANDA, DENGAN CATATAN :
* Komentator "Anonymous" tidak diprioritas-kan, jadi gunakan salah satu Profile untuk respon lebih cepat
* Jika anda tidak memiliki akun Google anda bisa gunakan Name/URL
   - isi Name dengan Nama Anda
   - isi URL dengan link/url profile Facebook Anda atau Twitter Anda atau yang lainnya
* Mohon jangan menyisipkan Link Hidup..!!!
* Please do not insert Live Links ....!!!

Advertisements

Advertisements

 

Cara Mengatasi Error XHTML Part-1 Oops ! | Error 404