Membuat Gambar Valid HTML5 Pada Blogger

Membuat Gambar Valid HTML5 Pada Blogger

Jika sebelumnya Saya menulis artikel tentang Breadcrumbs SEO Friendly dan Valid HTML5. Kali ini Saya berbagi tips membuat gambar Valid HTML5. Artikel ini mirip dengan artikel Saya berjudul  Memasang Tag Alt Pada Gambar.

Seperti yang kita ketahui, saat kita unggah gambar di blogger kode gambar tersebut tidak Valid HTML5 atau lebih tepatnya seperti contoh pada kode dibawah ini.

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_92xncCc-bEjROHF2JgqEjQZoFSN0iYJqt02XUfa-S7IoMi-aMEFjDmNjXkoHSKb9qqWP9tZaFHYkMSOV9VIEvHioZ_lBMbQP9ELbHLYSZ0Por3sA_rTRR9vHn3e_ikfepDffAnkobQnt/s1600/BOX+HTML5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_92xncCc-bEjROHF2JgqEjQZoFSN0iYJqt02XUfa-S7IoMi-aMEFjDmNjXkoHSKb9qqWP9tZaFHYkMSOV9VIEvHioZ_lBMbQP9ELbHLYSZ0Por3sA_rTRR9vHn3e_ikfepDffAnkobQnt/s1600/BOX+HTML5.jpg" />
</a>
</div>

Silakan Anda rubah kode diatas menjadi seperti kode dibawah ini agar Valid HTML5. Anda isi tag alt pada kode dibawah dengan nama gambar.

<div class="separator" style="clear: both; text-align: center;">
<img alt="Judul" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_92xncCc-bEjROHF2JgqEjQZoFSN0iYJqt02XUfa-S7IoMi-aMEFjDmNjXkoHSKb9qqWP9tZaFHYkMSOV9VIEvHioZ_lBMbQP9ELbHLYSZ0Por3sA_rTRR9vHn3e_ikfepDffAnkobQnt/s1600/BOX+HTML5.jpg" />
</div>

Artikel Terkait

Komentar

Vivia
Kang web yang paling ok untuk ngecek validasi dan seo blog di mana?
Bisa tolong liat blog saya? Sering eror kemarin2. Sekarang saya pake template yang Sang SEOnya Kang Mousir. Keren beneeer :-d
Vivia
Nih blognya Kang http://vialitha.blogspot.com
Asyaf Syaffar
gila ini artikelnya singkat bangat bisa masuk SERP google
terus didalamnya ada iklan Google Adsense lagi
pake ramuan apa gan ?
Insan Biasa
Kang, mau tanya bagaimana caranya agar kode gambar di bagian template bisa valid HTML 5? Saya pasang kode gambar Alexa tapi tidak valid HTML 5. Keterangannya : Bad start tag in img in head.
Kang Mousir
bisa lebih jelas lagi error nya seperti, mungkin lupa menambahkan tag penutupnya :)

Silakan berkomentar sesuai dengan topik. Jangan menyisipkan link pada komentar dan jangan sampai komentar Anda masuk komentar SPAM.

Jangan salahkan Saya bila komentar Anda dihapus !

Batal