10 Kesalahan Code HTML Dalam Blog

|

Berikut ini adalah 10 besar kesalahan code HTML yang biasanya di tulis pada blog. Kesalahan ini dapat menurunkan kebahagiaan Google dalam membaca blog sobat, jadi untuk lebih dicintai Google cobalah untuk menghindarinya.

1. Jangan letakkan Block element didalam Inline Element

Sebuah elemen HTML biasanya menampilkan codenya ke dua ketegori. Block Element dan Inline Element. Block Element, seperti div atau paragraph, akan membentuk sebuah struktur paragraf. Sedangkan Inline Element seperti anchor atau span berada pada Block element.

Salah : <a href="#"><h2>Block didalam Inline</h2></a>
Benar : <h2><a href="#">Inline didalam Block</a></h2>

2. Selalu gunakan ALT tag pada sebuah gambar

Atribut ALT dibuthkan untuk elemen gambar. ALT mendiskripsikan tentang gambar itu. Google tidak dapat menikmati keindahan sebuah gambar, tapi dia membacanya melalui ALT tag.

Salah : <img src="profilepic.jpeg"/>
Benar : <img src="profilepic.jpeg" alt="Profile pic of the user"/>

3. Jangan gunakan Line-break untuk menampilkan list

Kalau sobat ingin menampilkan list dengan nomor atau titik. Jangan gunakan line-break <br/> untuk membuatnya.

Salah :

1. Satu <br/>
2. Dua <br/>
3. Tiga

Benar :

<ol>
<li>Satu</li>
<li>Dua</li>
<li>Tiga</li>
</ol>

4. Jangan gunakan <b> dan <i> untuk bold dan italic

<b> dan <i> memang digunakan untuk memberikan efek bold dan italic pada text. Dalam blog gunakan aturan CSS dan XHTML yang menggunakan <strong> dan <em> untuk memberikan efek dan secara penggunaannya ini lebih dibanarkan.

Salah : <b>Tebal tapi salah</b>
Benar : <strong>Tebal dan benar</strong>

5. Jangan gunakan Line-break 2 kali untuk membuat paragraf

<br/> digunakan untuk membuat line baru bukan ditujukan untuk membuat paragraf baru. Jika sobat hendak membuat sebuah paragraf baru maka gunakanlah ta paragraf <p> atau gunakan CSS margin.

Salah :

Paragraf
<br/>
<br/>
Paragraf lagi

Benar :

<p>Paragraf</p>
<p>Paragraf lagi</p>

6. Jangan gunakan Inline Style

HTML dan CSS dibuat terpisah untuk memisahkan antara struktur dan style. Jadi ngga akan enak kalau dicampur-campur.

Salah : <h2 style="color:red;">Salah</h2>

Benar :

HTML : <h2>Benar</h2>
CSS : h2 .red{
color: red;
}

7. Jangan tambahkan (atau hilangkan) border pada HTML

Atribur border sifatnya sama dengan tag pada no 4. Dan lebih digunakan pada CSS dari pada HTML.

Salah : <img src="mypic.png" border="0"/>

Benar :

HTML : <img src="mypic.jpg"/>
CSS : img .no-border{
border: 0px;
}

8. Jangan pernah gunakan <blink> atau <marquee>

Tag ini tidak pernah masuk kedalam standar dari konsorsium W3C. Selain memberikan tampilan yang jelek dan tidak representatif. Kalau ingin menraik perhatian pengunjung mengapa tidak menggunakan cara yang lebih halus?

Salah : <marquee>Jelek!</marquee>
Benar : Pokoknya ngga usah dipake!

9. Hindari gunakan tag jadul

Ada beberapa tag jadul yang sudah tidak masuk lagi ke konsorsium W3C. Mungkin browser sekarang masih (ada) yang support. Tapi gimana besok? Ini ada artikel yang menyebutkan tag-tag terlarang itu.

10. Jangan lupa cek di DOCTYPE

Doctype akan melakukan pengecekan terhadap HTML dan CSS blog sobat. Mereka akan memberikan list kesalahan yang terdapat di blog sobat dan memberikan pemecahannya. Minatalah bantuan untuk menyelesaikan hal ini:

• HTML Validator
• CSS Validator

Tapi dalam prakteknya... Ehmm.. saya masih sulit untuk yang no 10! :). Yang bisa no 10 tolong ajarin ya!

Share