Cara Membuat ALT tag di setiap Gambar Otomatis

Redi

Seo

Senin, 30 September 2013

Belum ada komentar

Cara Membuat ALT tag di setiap Gambar Otomatis  - di pagi hari yang cerah ini saya akan berbagi ilmu tentang optimasi seo . salah satu pakar seo mengatakan bahwa salah satu sifat blog atau template yang seo adalah harus ada title disetiap link dan gambar , serta harus ada tag alt pada setiap gambar . nah kali ini kita akan membahas tentang membuat Tag Alt otomatis disetiap gambar pada blogger.

Jika sobat teratrik nah beriku Cara Membuat ALT tag di setiap Gambar Otomatis di blogger :

1. Masuk ke dasbhor terlebih dahulu
2. Kemduadian Pilih Menu template => Edit HTML
3. Kemudian sobat cari kode </body> ( biasanya kode terletak di paling bawah pisan )
4. Setelah itu salin dan pastekan kode dibawah ini tepat di atas kode </body>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.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:not([alt])").attr('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
$("img:not([alt])").attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
//]]>
</script>

Note :

bila sobat sudah mempunyai kode jquery ( <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> ) maka sobat tidak usah pasang lagi .

6 . Kemudian simpan template ..
7. Done ( selesai )

Gimana sob mudahkan Cara Membuat ALT tag di setiap Gambar Otomatis . cukup disini dulu ya tutorial saya kali ini . akhirul kalam wasaalam wr.wb.