Cara Membuat Template Blog / Website 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 sebuah struktur HTML dapat mempengaruhi posisi SERP dan SEO blog atau website 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 sehingga akan memberikan dampak yang negatif.





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 dan bagi yang ingin mencobanya, silahkan perhatikan langkah-langkah berikut ini :





Sebelum saya jelaskan lebih lanjut, terlebih dahulu silahkan periksa kevaliditasan blog yang sobat kelola di http://validator.w3.org/ [saya tunggu deh... hehehe]





Bagaimana, error atau valid? Kalau dugaan saya benar, pasti HTML template / blog yang sobat kelola pasti errornya lumayan banyak... Hehehe...!!! HTML blog saya sendiri sebelum saya minimalisir, errornya mencapai 256 dan warning 8, tetapi setelah saya minimalisir akhirnya menjadi hampir valid yakni 4 error dan 1 warning.





Kembali ke laptop...!!!


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


  • Sekarng tekan simpan dan periksa kembali kevaliditasan blog atau website sobat.




Selamat mencoba dan terima kasih telah membaca artikel ini.


Artikel Terkait Blog Tips ,it

No comments:

Post a Comment