Cara optimasi ALT Tag dan Title pada Gambar

Dengan memasang alt tag dan title tag pada gambar, itu artinya kita telah berusaha mengoptimalkan SEO artikel yang kita publikasikan melaui bantuan gambar. Mengapa? Alasannya juga sederhana karena search engine tidak dapat membaca suatu gambar.
Penerapan keyword yang sedang kita bidik harus dilakukan dengan benar, misalnya adalah “Cara optimasi ALT Tag dan Title Gambar di Blog“ maka alt tag dan title pada gambar yang ada haruslah berisikan judul yang sedang kita bidik tadi. Jelasnya, ALT Tag Image adalah sebuahalternatif agar search engine menemukan artikel yang kita publikasikan dengan keyword tertentu melalui gambar sedangkan Tag Title gambar (Image) adalah judul gambar sebagai keterangan singkat tentang gambar tersebut.

Kode manual memasang ALT Tag dan title pada gambar

<a href=”URL Gambar”><img alt=”isikan dengan keterangan ALT Tag Image” title=”Isi Dengan Title pada Gambar” src=”URL Targat” /></a>

Dan perlu di ketahui bahwa optimasi seperti ini masih bagian dari SEO On Page, namun bagaimana caranya jika kita ingin memasang ALT Tag dan Titlenya di seluruh gambar yang ada di blog kita. tentunya hal yang merepotkan bukan???
Untungnya masih ada alternatif lain sehingga kita tidak perlu repot memasangnya satu persatu.

Cara otomatis memasang ALT Tag dan title pada gambar (semuanya di letakkan di atas kode </body>) :

<script src=’https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js’ type=’text/javascript’/>
<script type=’text/javascript’>
//<![CDATA[
$(document).ready(function() {
$('img').each(function(){
var $img = $(this);
var filename = $img.attr('src')
$img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
});
});
//]]>
</script>

<script type=’text/javascript’>
//<![CDATA[
$(document).ready(function() {
$('img').each(function(){
var $img = $(this);
var filename = $img.attr('src')
$img.attr('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
});
});
//]]>
</script>
<script type=’text/javascript’> if(document.location.protocol==&#39;http:&#39;){ var Tynt=Tynt||[];Tynt.push(&#39;cXIEhKYVSr4lJ5adbi-bpO&#39;);Tynt.i={&quot;ap&quot;:&quot;Sumber :&quot;}; (function(){var s=document.createElement(&#39;script&#39;);s.async=&quot;async&quot;;s.type=
&quot;text/javascript&quot;;s.src=&#39;http://tcr.tynt.com/ti.js&#39;;var h=document.getElementsByTagName(&#39;script&#39;)[0];h.parentNode.insertBefore(s,h);})(); } </script>

Cara otomatis seperti ini kebanyakan masih bisa berjalan di platform blogspot. Sedangkan untuk platform wordpress alternatifnya bisa dengan menginstal berbagai plug in yang handal