Cara Membuat Template Blogspot 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.

Logo HTML5

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/

Bagaimana, error atau valid? Kalau dugaan saya benar, pasti HTML template / blog yang sobat kelola pasti errornya lumayan banyak.

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.
Sekian dulu artikel tentang Cara Membuat Template Blogger Valid HTML5 ini, semoga berguna untuk sobat blogger semua...

Sumber

Sabtu, 06 April 2013