Cara Otomatis Membuat Alt Tag pada Gambar
Cara Otomatis Membuat Alt Tag pada Gambar -- Cara ini adalah cara untuk membuat Alt Tag pada gambar secara otomatis, Namun akan saya terangkan pula Alt tag yang manual. Banyak sekarang Blogger yang melupakan Alt tag pada gambar yang ada di blognya padahal Alt tag itu sangat berpengaruh sekali terhadap SEO. Sebelum saya jelaskan, ada baiknya Anda mengetahui fungsi atau kegunaan Alt tag pada gambar ini.
Perlu diingat bahwa fungsi dari membuat Alt tag itu untuk memudahkan mesin pencari atau search engine menemukan gambar yang kita upload. Sebab mesin pencari atau search engine itu tidak dapat membaca sebuah gambar yang ada di blog itu. Namun mesin pencari akan membaca Alt tag yang telah anda buat. Cara mesin pencari membaca sebuah gambar ialah dengan mengetahui description dari gambar tersebut. Maka segeralah pasang atau buat Alt tag sekarang juga.
Setelah mengetahui Fungsi atau Kegunaan Alt tag pada gambar, sekarang waktunya saya jelaskan Cara Otomatis Membuat Alt Tag pada Gambar. Caranya sebagai berikut :
- Anda harus masuk ke Dashbor Blogger Anda.
- Kemudian Anda menuju ke Tempalte masuk ke dalam Edit HTML.
- Centang terlebih dahulu kotak kecil yang ada di pojok kiri atas yang bertuliskan "Expand Template Widge".
- Kemudian Copy script yang ada di bawah ini dan Paste script Alt tagnya sebelum kode </body>
Berikut Script Alt Tag :
<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',
<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>
$("img:not([alt])").attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
//]]>
</script>
Langkah terakhir untuk membuat Alt tag pada gambar ini berfungsi dengan optimal adalah dengan mengeklik "Simpan Template".
Nah begitulah Cara Otomatis Membuat Alt Tag pada Gambar yang dapat Teknologi Komputer sampaikan. Untuk cara yang manual mungkin besok penerangannya. Terima kasih telah berkunjung di blog ini.
0 comments:
Post a Comment