Cara Membuat Alt Title Tag Generator Otomatis Pada Blogger

Cara Membuat Alt Title Tag Generator Otomatis Pada Blogger - Auto Alt Title Tag Generator for Blogger - Kita kadang kala memang memnutuhkan pemasangan gambar pada artikel-artikel kita. Gambar-gambar tersebut dapat berupa bahan tambahan untuk penjelasan sebuah artikel maupun untuk memperindah dan memberi kesan tertentu pada pembaca. Bahkan tidak jarang kita berada dalam posisi harus meletakkan banyak gambar dalam artikel kita.

Nah, ketika banyak gambar yang kita terapkan dalam blog arau sebuah artikel dengan judul tertentu, maka kita akan sedikit menambah pekerjaan jika harus memberi setiap gambar tersebut 'alt' dan 'title' tag untuk masing-masing gambar. Padahal untuk memberikan 'alt' dan 'title' tag tersebut harus kita lakukan agar search engine crawler (perayap mesin pencari) seperti yang dimiliki Google dan mesin pencari lainnya dapat dengan mudah menterjemahkan gambar tersebut dalam bentuk keyword yang akan dicari oleh pengguna mesin pencari tersebut. Karena jika sebuah gambar tidak memiliki tag "title" dan "alt" sama saja gambar tersebut tidak memiliki nama.


Maka untuk tujuan SEO tersebut dan memudahkan kita dalam pekerjaan memposting artikel bergambar dengan sistem otomatis memberi tag title dan alt pada gambar-gambar yang kita pasang di artikel, kita bisa menggunakan metode dengan menambahkan sedikit script pada template kita.

Berikut caranya :

  • Buka bagian Desain Template
  • Klik "Edit HTML" dan "Lanjutkan"
  • Cari kode </body> menggunakan "Ctrl+F".
  • Copy/paste kode berikut ini sebelum </body> :

    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.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('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
    
    $img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
     });
    });
    //]]>
    </script>
  • Simpan Template.
Untuk memeriksa apakah sudah berjalan semestinya silakan buka blog sobat atau refresh dan arahkan mouse pada setiap gambar dalam postingan sobat. Apakah sudah memiliki 'alt' dan 'title' tag dengan sendirinya..?

alt dan title tag pada script tersebut diambil dari nama file gambar yang kita upload sebelumnya, jadi sebelum diupload, hendaknya kita berikan nama yang catik dahulu atau jika perlu kita menyembelih sapi untuk pemberian nama gambar tersebut agar lebih menempel di halaman utama Search Engine. :v

Script dan sumber dari www.alltechbuzz.net, www.allblogtools.com
Gambar bloggingehow.com

Terima kasih telah membaca artikel Cara Membuat Alt Title Tag Generator Otomatis Pada Blogger, semoga bermanfaat bagi kita semua.
Jika sobat berminat, silakan sobat Share artikel Cara Membuat Alt Title Tag Generator Otomatis Pada Blogger ini dan jangan lupa untuk mencantumkan link sumbernya :
Apabila ada pertanyaan dan lain-lain silakan berkomentar atau Contact Saya, dan jangan lupa Follow blog ini.
Blog Optimized | Ben Nafi | Share

Artikel Terkait

3 komentar:

Jordan Setiawan mengatakan...

makasih gan scriptnya. work :D
salam : www.jordanvengeance.com

Jordan Setiawan mengatakan...
Komentar ini telah dihapus oleh pengarang.
Jordan Setiawan mengatakan...
Komentar ini telah dihapus oleh pengarang.