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/AVvXsEhQcpxpExWtoPWML0uroPlI68MFoed4zEbc_MQ31hc2I_FE2SkZntvUctyX-5bl8jbz6wCA6dXdL5iS-O05vRGs4R2LH72OXHpKvPwoDcZlNnbnRRI2UgtzLQ9rDjKH7RHDvZ-Hro7SB_Z5/s1600/BOX+HTML5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQcpxpExWtoPWML0uroPlI68MFoed4zEbc_MQ31hc2I_FE2SkZntvUctyX-5bl8jbz6wCA6dXdL5iS-O05vRGs4R2LH72OXHpKvPwoDcZlNnbnRRI2UgtzLQ9rDjKH7RHDvZ-Hro7SB_Z5/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/AVvXsEhQcpxpExWtoPWML0uroPlI68MFoed4zEbc_MQ31hc2I_FE2SkZntvUctyX-5bl8jbz6wCA6dXdL5iS-O05vRGs4R2LH72OXHpKvPwoDcZlNnbnRRI2UgtzLQ9rDjKH7RHDvZ-Hro7SB_Z5/s1600/BOX+HTML5.jpg" />
</div>
