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>