Cara Membuat Template Blogger Valid HTML5

Cara Membuat Template Blog / Website Valid HTML5
HTML merupakan singkatan dari Hyper Text Markup Language dan mempunyai arti   sebagai sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan struktur pemformatan hiperteks sederhana yang ditulis dalam bentuk kode-kode dan instruksi sehingga menampilkan sebuah naskah atau dokumen pada website.

Pada masa sekarang ini, banyak pakar yang menilai bahwa kevalidan struktur HTML dapat mempengaruhi posisi SERP dan SEO blog dimata search engine. Selain itu, sebuah web atau blog yang mempunyai HTML tidak valid, otomatis beberapa browser tidak akan mampu mengurai struktur serta tidak dapat menampilkan secara maksimal isi dari sebuah website.

Validitas HTML Blog

Dari beberapa kasus yang pernah saya dapati, kebanyakan template blogger mempunyai struktur HTML yang tidak valid, termasuk template yang saya gunakan sekarang ini. Namun untuk memperbaikinya sehingga menjadi valid (paling tidak mengurangi error) ada beberapa cara yang bisa ditempuh sehingga errors dan warnings bisa diminimalisir  sekecil mungkin.

Sebelum saya jelaskan lebih lanjut, terlebih dahulu silahkan periksa kevaliditasan blog yang anda kelola di http://validator.w3.org/

Langkah-Langkah mengurangi / meminimalisir errors dan warnings blog / website

  • Pertama, cari kode seperti di bawah ini :
<!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'>
  • Ganti kode di atas menjadi :
<!DOCTYPE html>
<html expr:dir='data:blog.languageDirection'>
  • Atau dengan yang ini :
<!DOCTYPE html>
<HTML>
  • Langkah selanjutnya, copy kode di bawah ini dan pastekan tepat di bawah tag <head>
<meta charset='utf-8'/>
  • Lanjutkan dengan mencari kode di bawah ini kemudian Hapus
<b:include name='quickedit'/>
  • Cari tanda dash pada kode CSS kemudian hapus. Contohnya :
/*-------------- HEADER --------------*/ 
  • Sehingga menjadi :
/* HEADER */ 
  • Jangan simpan dulu, tetapi cari kode seperti di bawah ini :
<b:include name='nextprev'/>
  • Jika sudah ketemu, tambahkan kode conditional <b:if....> dan penutupnya sehingga akan terlihat seperti ini
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:include name='nextprev'/>
</b:if>
  • Selanjutnya, cari dan hapus kode seperti dibawah ini (optional)
<a expr:name='data:post.id'/>
  • Sekarang tekan simpan dan periksa kembali kevaliditasan blog anda.
Selamat mencoba dan terima kasih telah membaca artikel ini.

Unknown
Unknown

14 comments:
Write comment
  1. Makasih sob...tutorilnya...
    sekarang blog saya sudah valid html5...
    Salam kenal....always keep sharing...
    Semoga semakin sukses...

    ReplyDelete
  2. Aamiin...!!! Makasih mas ats doanya...

    ReplyDelete
  3. Langsung ke tkp gan, makasih informasinya.

    ReplyDelete
  4. Seharunya penjelasan mengapa dihapus diberitahu sob. Saya jadi enggan untuk menghapus. Buktinya masih minus sob.

    ReplyDelete
  5. makasi bg udah aku terapin di blog aku
    cek http://padang-prediksi.blogspot.com/

    ReplyDelete
  6. makasih sobb ...
    Trik ini udah saya terapin diblog saya ...
    Yg sebelumnya 60an eror nya ...
    Skrang jadi 4error 1warning ...

    Ke 4 errornya terletak pada tanda ">" sobb ...
    Tau cara ngatasinnya gak ?

    www.mvahlepi.net

    ReplyDelete
  7. sob coba tolongin cek blog saya,,, ada error'y gak.....
    http://nonimaxidoid.blogspot.com/

    sebelumnya makasih ni infonya

    ReplyDelete
  8. ok thanks sob,
    langsung di praktekan..

    ReplyDelete
    Replies
    1. Silahkan, tp inget praktekin yg bener ya, jng smpe jadi valid HTML-2... Ckckckc...
      Bcanda gan, hehehe...!!!

      Delete
  9. thanks sob,,,
    hasil yang sangat memuaskan...
    dari ratusan error saya bisa mengurangi menjadi puluhannn
    sungguh artikel ini sangat memabntu saya...
    http://mitradecapri.blogspot.com/

    ReplyDelete
  10. Nice post gan ditunggu kunjungan baliknya http://panca-hero.blogspot.com

    ReplyDelete
  11. makasih sekarang blog aku sudah lumayan sedikit errornya

    ReplyDelete
  12. Naini.. Patut di coba..

    ReplyDelete
  13. sukses gan,,
    kunjungi balik http://andyputra3i.blogspot.com/

    ReplyDelete