Trik Menyisipkan Link Pada Gambar Di Blog Agar lebih SEO Dan Valid HTML5

Ini memang pekerjaan sepele, hanya menyimpan gambar di postingan atau di blog. Karena pekerjaan sepele, maka banyak orang melupakan dan melewati hal yang dapat mengurangi nilai SEO dan ke-valid-an HTML5 termasuk saya sendiri hehehe...

Hal-hal sepele tersebut diantaranya:

1. Size gambar yang besar. Sebaiknya gambar yang akan disimpan di blog memiliki size di bawah 100 kb, karena gambar dengan size besar akan menambah berat beban blog. Agar gambar yang disimpan di blog berkualitas cantik namun memiliki size yang kecil, Anda mampu mengompress size gambar.
2. Lupa menunjukkan tag "alt" dan "title". Hal ini dapat mengurangi nilai SEO blog dan menunjukkan error pada validasi HTML5.

Hal tersebut di atas akan bertambah parah lagi dikala kita menyisipkan sebuah link pada gambar tersebut. Biasanya hal ini terjadi dikala kita menyimpan banner iklan di blog atau lainnya.

Biasanya dikala kita mengupload gambar di postingan atau blog, akan berupa aba-aba HTML ibarat di bawah ini.

 
 <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI23MnbjoSum8duyzOJaQjtW5pr2Wrpo7eRH0ThwhdE4owMuW0X28B-zaFDtl2yr4TWUSBWOg4J7QlwfT8swj8TsDaQWm3EF7UWXL8xEuv5z8r3vRYqP8GyarosQTutX8LIbRJ8DKlGO8/s1600/inp12_paddock-girls_p1l8634_original.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI23MnbjoSum8duyzOJaQjtW5pr2Wrpo7eRH0ThwhdE4owMuW0X28B-zaFDtl2yr4TWUSBWOg4J7QlwfT8swj8TsDaQWm3EF7UWXL8xEuv5z8r3vRYqP8GyarosQTutX8LIbRJ8DKlGO8/s320/inp12_paddock-girls_p1l8634_original.jpg" /></a>
 

Agar gambar tersebut valid HTML5 dan tidak mengurangi nilai SEO blog kita, silahkan hapus aba-aba yang berwarna merah di atas, dan tambahkan tag "title" pada linknya dan tag "alt" dan "title" pada gambarnya. Sehingga akan menjadi ibarat di bawah ini.

 
 <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI23MnbjoSum8duyzOJaQjtW5pr2Wrpo7eRH0ThwhdE4owMuW0X28B-zaFDtl2yr4TWUSBWOg4J7QlwfT8swj8TsDaQWm3EF7UWXL8xEuv5z8r3vRYqP8GyarosQTutX8LIbRJ8DKlGO8/s1600/inp12_paddock-girls_p1l8634_original.jpg" title="TITLE LINK" ><img alt="ALT GAMBAR" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI23MnbjoSum8duyzOJaQjtW5pr2Wrpo7eRH0ThwhdE4owMuW0X28B-zaFDtl2yr4TWUSBWOg4J7QlwfT8swj8TsDaQWm3EF7UWXL8xEuv5z8r3vRYqP8GyarosQTutX8LIbRJ8DKlGO8/s320/inp12_paddock-girls_p1l8634_original.jpg" title="TITLE GAMBAR" /></a>
 

Jika Anda akan menyisipkan link pada gambar, silahkan ganti goresan pena yang berwarna biru di atas dengan link/URL yang Anda inginkan. Namun bila Anda tidak ingin menyisipkan link pada gambar, maka kodenya cukup ibarat di bawah ini.

 
 <img alt="ALT GAMBAR" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI23MnbjoSum8duyzOJaQjtW5pr2Wrpo7eRH0ThwhdE4owMuW0X28B-zaFDtl2yr4TWUSBWOg4J7QlwfT8swj8TsDaQWm3EF7UWXL8xEuv5z8r3vRYqP8GyarosQTutX8LIbRJ8DKlGO8/s320/inp12_paddock-girls_p1l8634_original.jpg" title="TITLE GAMBAR" />
 

Tulisan yang berwarna biru di atas yaitu URL dari image atau gambar. 

Hal ini terbukti dikala saya mengecek nilai atau skor SEO blog saya di Chkme, di situ disebutkan bahwa ada error yang mengurangi skor SEO yang disebabkan oleh link dan gambar yang tidak menyertakan tag "alt" dan "title".

Setelah saya mengoreksi kesalahan saya untuk link dan gambar ibarat di atas, skor SEO blog saya bertambah. Nah tentunya hal ini menjadi perhatian khusus saya dalam mengelola blog. Biar pun hal ini menurut kita sepele, namun menjadi penting dikala kita berbicara perihal ke-SEO-an sebuah blog.

Memang ini akan menambah kerja dikala kita membuat sebuah postingan yang menyertakan gambar di dalamnya atau menyimpan banner di blog. Namun hal ini harus dilakukan kalau kita mau postingan kita atau blog kita lebih SEO dan valid HTML5.

Semoga pengalaman di atas dapat menunjukkan gambaran kepada Anda perihal Menyisipkan Link Pada Gambar Di Blog Agar lebih SEO Dan Valid HTML5. Semoga dapat dimengerti dan bermanfaat. Seperti biasa bila ada yang salah mohon dikoreksi ya... hehhhehe...