Cara Pasang Tag Title dan ALT Gambar Otomatis Untuk Optimasi SEO

Cara Pasang Tag Title dan ALT Gambar Otomatis Untuk Optimasi SEO

Cara memberikan Tags ALT Otomatis pada setiap gambar di Blogspot.  Penting gak penting lebih banyak pentingnya sih, diantaranya dengan Tags ALT ini bila image/foto kita di upload dan di copas bisa kebaca oleh google bot.

Jadi Sedikit banyak ngaruh juga di Image SEO. Yang pasti google lebih tahu mana yang asli dengan yang copas. Disamping itu juga ada manfaatnya buat validalitas di CSS Validation Service biasanya image yang ada di blog kita bila tidak ada Tags ALT kedetect error sob.

Bila sudah males baca basa-basi saya silahkan langsung saja klik menu dibawah ini:

Nah bila tidak perlu repot-repot dalam kita memberi Tags ALT alangkah lebih baiknya bisa sobat memakai cara ini. Pastinya lebih efisien.

Kode yang digunakan disini yaitu dengan JavaScript simak lebih lanjut dibawah ini.

Kode JavaScript

<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>

Note: 

Perhatikan kode JS yang saya tandai dengan warna merah, bila ditemplate sobat sudah ada kode JS tersebut, hapus saja kode tersebut. Tujuannya agar tidak terjadi Crash.

Cara Pemasangan

1. Login pastinya

2. Masuk Template - Edit HTML - Lanjutkan - Ceklist Expand template widget.

3. Cari kode </body>

4. Bila sudah ketemu, letakan kode script'nya diatas kode </body>

5. Save Template.