Cara Membuat Gambar di Blog Valid HTML

oleh pada Wednesday, 13 November 2013
Cara Membuat Gambar di Blog Valid HTML BandungCara Membuat Gambar di Blog Valid HTML. Untuk memperkuat SEO, maka template harus valid html. Nah salah satu penyumbang eror pada template adalah adanya gambar. Secara default saat kita upload gambar di blogger, setidaknya ada beberapa eror. Itu hanya 1 gambar. Semakin banyak gambar yang ada di dalam sebuah halaman, maka tingkat erornya semakin besar.

Nah diartikel kali ini kita belajar bagaimana membuat gambar yang valid html sekaligus lebih membuat seo blog menjadi semakin bagus.

- Tambahkan alt dan title pada gambar
- Hapus imageanchor dan border pada gambar

Contoh ketika saya mengupload gambar dibawah ini.

Cara Membuat Gambar di Blog Valid HTML

Kode HTML gambar tersebut adalah

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHef4oQpLOjiHRU9vhN6kajYs9II6xV5Mn4HtRCz4bJt75I9JPlivzARQcyGQeGVIhx5WXKH9TZYH0mZ9uPWpzFRK04oRuqphdEoygnimxF3ykg1PcZ1pZmGir0prgrwjRovXjA4VvRHo/s1600/Cara+Membuat+Gambar+di+Blog+Valid+HTML.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHef4oQpLOjiHRU9vhN6kajYs9II6xV5Mn4HtRCz4bJt75I9JPlivzARQcyGQeGVIhx5WXKH9TZYH0mZ9uPWpzFRK04oRuqphdEoygnimxF3ykg1PcZ1pZmGir0prgrwjRovXjA4VvRHo/s320/Cara+Membuat+Gambar+di+Blog+Valid+HTML.jpg" width="240" /></a></div>

Nah untuk membuat gambar menjadi valid html maka harus hapus kode warna merah dan tambahkan alt dan title pada gambar, sehingga hasilnya menjadi seperti ini

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHef4oQpLOjiHRU9vhN6kajYs9II6xV5Mn4HtRCz4bJt75I9JPlivzARQcyGQeGVIhx5WXKH9TZYH0mZ9uPWpzFRK04oRuqphdEoygnimxF3ykg1PcZ1pZmGir0prgrwjRovXjA4VvRHo/s1600/Cara+Membuat+Gambar+di+Blog+Valid+HTML.jpg" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Gambar di Blog Valid HTML" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHef4oQpLOjiHRU9vhN6kajYs9II6xV5Mn4HtRCz4bJt75I9JPlivzARQcyGQeGVIhx5WXKH9TZYH0mZ9uPWpzFRK04oRuqphdEoygnimxF3ykg1PcZ1pZmGir0prgrwjRovXjA4VvRHo/s320/Cara+Membuat+Gambar+di+Blog+Valid+HTML.jpg" title="Cara Membuat Gambar di Blog Valid HTML" width="240" /></a></div>

Selamat mencoba, semoga informasi tentang Cara Membuat Gambar di Blog Valid HTML bermanfaat bagi Anda yang membutuhkan.

Terkait