Trik Menyisipkan Link Pada Gambar Di Blog Semoga 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 sanggup 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 mempunyai size di bawah 100 kb, lantaran gambar dengan size besar akan menambah berat beban blog. Agar gambar yang disimpan di blog berkualitas anggun namun mempunyai size yang kecil, Anda sanggup mengompress size gambar.
2. Lupa memperlihatkan tag "alt" dan "title". Hal ini sanggup mengurangi nilai SEO blog dan memperlihatkan error pada validasi HTML5.

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

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

 
 <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik6QTM02SJT68I-S01148Px6bBp-pWGW-SFGv4SJKxB-q1VMoh8EFssXObOWeig6rSXRXQ8RpkimDcU5Q2G6EBTdwcCf8qordi1wF2qjRn4xxDptHk_Fqnj5PUjCH1cx4jeIE3gfA2Gbo/s1600/inp12_paddock-girls_p1l8634_original.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik6QTM02SJT68I-S01148Px6bBp-pWGW-SFGv4SJKxB-q1VMoh8EFssXObOWeig6rSXRXQ8RpkimDcU5Q2G6EBTdwcCf8qordi1wF2qjRn4xxDptHk_Fqnj5PUjCH1cx4jeIE3gfA2Gbo/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 menyerupai di bawah ini.

 
 <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik6QTM02SJT68I-S01148Px6bBp-pWGW-SFGv4SJKxB-q1VMoh8EFssXObOWeig6rSXRXQ8RpkimDcU5Q2G6EBTdwcCf8qordi1wF2qjRn4xxDptHk_Fqnj5PUjCH1cx4jeIE3gfA2Gbo/s1600/inp12_paddock-girls_p1l8634_original.jpg" title="Trik Menyisipkan Link Pada Gambar Di Blog Agar lebih SEO Dan Valid HTML5" ><img alt="menyimpan gambar di postingan atau di blog Trik Menyisipkan Link Pada Gambar Di Blog Agar lebih SEO Dan Valid HTML5" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik6QTM02SJT68I-S01148Px6bBp-pWGW-SFGv4SJKxB-q1VMoh8EFssXObOWeig6rSXRXQ8RpkimDcU5Q2G6EBTdwcCf8qordi1wF2qjRn4xxDptHk_Fqnj5PUjCH1cx4jeIE3gfA2Gbo/s320/inp12_paddock-girls_p1l8634_original.jpg" title="Trik Menyisipkan Link Pada Gambar Di Blog Agar lebih SEO Dan Valid HTML5" /></a>
 

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

 
 <img alt="menyimpan gambar di postingan atau di blog Trik Menyisipkan Link Pada Gambar Di Blog Agar lebih SEO Dan Valid HTML5" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik6QTM02SJT68I-S01148Px6bBp-pWGW-SFGv4SJKxB-q1VMoh8EFssXObOWeig6rSXRXQ8RpkimDcU5Q2G6EBTdwcCf8qordi1wF2qjRn4xxDptHk_Fqnj5PUjCH1cx4jeIE3gfA2Gbo/s320/inp12_paddock-girls_p1l8634_original.jpg" title="Trik Menyisipkan Link Pada Gambar Di Blog Agar lebih SEO Dan Valid HTML5" />
 

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

Hal ini terbukti saat 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 menyerupai di atas, skor SEO blog saya bertambah. Nah tentunya hal ini menjadi perhatian khusus saya dalam mengelola blog. Biar pun hal ini berdasarkan kita sepele, namun menjadi penting saat kita berbicara perihal ke-SEO-an sebuah blog.

Memang ini akan menambah kerja saat kita menciptakan 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 sanggup memperlihatkan citra kepada Anda perihal Menyisipkan Link Pada Gambar Di Blog Agar lebih SEO Dan Valid HTML5. Semoga sanggup dimengerti dan bermanfaat. Seperti biasa bila ada yang salah mohon dikoreksi ya... hehhhehe...

Sumber https://www.kompiajaib.com/

Share this post