Cara meminimakan error html dan css

Error pada skrip HTML dan CSS laman blog memang biasa berlaku. Kadang tu susah juga kita nak elakkan error ni sebab semua tu bergantung pada skrip yang terdapat pada theme/template yang kita gunakan. Bagaimanapun, macam yang saya tulis dalam entri Statistik Blog Bulan Ogos 2010 semalam, saya ada nyatakan bahawa error pada HTML dan CSS tu boleh diminimakan.

Jadi, seperti yang dijanjikan dan untuk menjawab pertanyaan beberapa rakan, kali ni saya nak kongsikan tutorial ringkas bagaimana cara untuk meminimakan error pada skrip html dan css. Perkongsian ni khas untuk rakan-rakan yang bertanya apa yang dimaksudkan dengan HTML/CSS error dan bagaimana untuk mengetahui error tu.

Secara ringkas HTML (HyperText Mark-up Language) CSS (Cascading Style Sheets) error maksudnya kod atau skrip yang terdapat pada laman tak sah atau tak mematuhi standard untuk bahasa web. Kesalahan itu sebenarnya tidaklah mengganggu secara keseluruhan laman web/blog. Maknanya laman berkenaan mungkin masih boleh berfungsi secara normal, tapi kesalahan ini boleh menyebabkan gangguan kepada web robot semasa proses web crawling atau spidering.  Sebagai contoh, Google bot datang ke blog kita untuk proses index, tapi disebabkan terdapat kesalahan HTML dan CSS, proses kerja Google bot akan terganggu dan tidak dapat “merangkak” ke seluruh laman. Serta merta Google bot tadi akan meninggalkan laman web/blog kita tanpa sempat mengindex. Jadi, dikhuatiri, ia akan mendatangkan kesan tidak baik kepada enjin carian seperti Google, Bing dan Yahoo termasuklah Alexa. Malah lebih buruk lagi, ini akan membuat nilai laman web/blog kita berkurang kerana tidak sesuai dengan standard web. Begitulah kalau ikut kefahaman saya.

Error tu boleh dikesan dengan menggunakan beberapa validation service secara percuma, misalnya menggunakan: validator.w3, jigsaw.w3 atau xhtml-css. Sebagai contoh, kalau nak guna validator.w3 untuk mengesahkan laman blog anda, hanya ikut beberapa langkah berikut:

Buka laman yang dimaksudkan, kemudian pilih tab Validate by URl. Pada box Address, masukkan laman blog anda. Kemudian, klik button – Check

Lepas tu keputusan akan dipaparkan macam gambar di bawah. Kalau tiada error, anda akan dapat mesej tahniah. Kalau terdapat 1 atau beberapa errors, jangan risau sangat. Pertama, lihat dulu pada bahagian Option di bawah, kemudian tick pada pilihan Show Soure, Validate error pages dan Show Outline. Kemudian klik button Revalidate.  Keputusan yang sama akan dipaparkan, tapi dengan option yang dipilih tadi, lebih mudah untuk anda check sumber/mana-mana kod/skrip yang ada error.

Seterusnya yang kedua saya menggunakan XHTML-CSS Validator. Cara penggunaan tak jauh beza dengan yang di atas. Anda cuma perlu masukkan URL blog pada ruang tersedia, kemudian klik button – Check it.

Ni error untuk blog kulanzsalleh.com, ada 11 kesemuanya. Keputusan yang sama macam di atas.

Okey, dah tahu mana yang ada error, langkah seterusnya adalah baiki mana-mana yang patut. Ingat, yang patut saja! Yang tak patut tu sila abaikan.

Untuk WordPress – Cara untuk ubahsuai/baiki skrip tu bergantung kepada kebiasaan masing-masing. Misalnya kalau permission setting blog membenarkan anda ubahsuai kod terus dari wordpress admin (wp-admin), boleh lakukan terus dari sana. Pergi ke Appearrance -> Editor. Kalau error tu melibatkan skrip CSS, lihat pada fail Stylesheet (Style.css). Untuk error HTML, boleh cari kod tu di Header (header.php) atau Main Index Template (index.php). Tak susahpun cari fail yang dimaksudkan tu. Lebih kurang macam kita nak masukkan skrip Nuffnang atau Innity saja.

Kalau permission setting tak membenarkan anda adjust skrip/template blog dari wp-admin, kenalah buat melalui cpanel/direct admin. Boleh cari fail tu style.css, header.php atau index.php tu di: /public_html/wp-content/themes/namathemeanda.

Untuk blogspot – Login ke blogger dashboard -> Design -> Edit HTML. Tick pada box Expand Widget Templates. Kemudian, cari (Ctrl+F) skrip error yang dimaksudkan.

Tadi dah tunjuk cara untuk cari fail di WordPress dan Blogspot, nak ubahsuai/baiki skrip apa pula kan? Contoh paling mudah. Saya gunakan error di bawah.

Error tu berlaku hanya disebabkan saya tak masukkan simbol ( / ) sebelum kod ( > ). Sepatutnya ia ditulis seperti berikut:

<META name="y_key" content="7413f6ae1f1dfaa3" />

Setelah satu kod dimasukkan, error tu dah tak ada lagi.

Jadi macam tu lah secara ringkas cara untuk baiki kesalahan pada skrip/kod HTML dan CSS. Harap dapat menjawab persoalan beberapa rakan dalam entri Statistik Blog sebelum ni. Kalau ada mana-mana part yang sukar difahami, jangan segan-segan untuk bertanya.

• Share
• Tweet

Kata kunci artikel:

Terima kasih kepada semua pembaca Kulanzsalleh.com. Semua Artikel di blog ini adalah berdasarkan pandangan peribadi saya sendiri melainkan artikel berbentuk ilmiah, berita, petikan dan perkongsian lain yang tiap satunya akan saya nyatakan sumber asalnya (Baca Terma & Syarat). Jika anda dapati artikel di blog ini bermanfaat, anda boleh kongsikan kepada pembaca lain di FACEBOOK atau TWITTER.