Cara Membuat Alt Text dan Title Text Otomatis pada Gambar Posting Blog (Tips SEO)

Romeltea | Follow @romel_tea

Cara Membuat Alt Text dan Title Text Otomatis pada Gambar Posting Blog (Tips SEO)
Cara Membuat Deskripsi Image Alt Text dan Title Text Otomatis dan Manual pada Gambar Posting Blog untuk meningkatkan SEO Blog.

GAMBAR atau image yang kita sisipkan sebagai ilustrasi ataupun pelengkap postingan blog harus dikasih deskripsi, berupa Title & Alt Text.

Title Text adalah Judul Gambar. Alt Text adalah alternatif teks. Maksudnya, jika gambar gak muncul, misalnya link gambarnya sudah tak ada, maka akan muncul alternatif teks itu.

Title & Alt Text Gambar harus dilakukan agar postingan blog kita SEO Friendly, ramah mesin telusur. Di search engine 'kan ada tuh menu All, News, Image, Video, dll.  Nah, itu dia salah salah alasan pentinnya Title & Alt Text Gambar di postingan blog.

Mengisi kolom Title & Alt Text Gambar bisa dilakukan secara otomatis dan manual. Secara otomatis dengan cara memasukkan kode script.

Cara Membuat Deskripsi Alt Text dan Title Text Otomatis 

Berikut cara memasang javascript otomatis untuk menambahkan alt tag dan title tag pada gambar.
1. Buka dashboard blogger

2. Template - edit template

3. Copas kode berikut ini di atas kode </head> atau kode </body>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/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>

4. Kode yang warna merah adalah link ke kode jQuery. Abaikan/hapus jika sudah ada di template blog Anda.

5. Save! Simpan template.

Catatan: Teks yang akan menjadi judul dan alternatif teks (title & alt text) adalah nama file gambar. Karenanya, pastikan gambar yang Anda upload dikasih nama. Jangan IMGXXX.jpg, tapi ubah nama file gambar menjadi teks yang bermakna, misalnya "pemain-persib-bandung".

Sumber Kode

Pasang Title & Alt Text Gambar secara Manual!

Sebaiknya sih, membuat alt text dan title text dilakukan secara manual saja.  Soalnya, kalao otomatis, title dan alt text diambil dari nama file, sedangkan nama file gambar sebailnya menggunakan tanda hubung, seperti pemain-persib-bandung.jpg dan yang pemain-persib-bandung itulah yang akan menjadi alt-title-text.

Cara Membuat Deskripsi Image secara Manual:
1. Setelah upload gambar, klik gambar sekali, nanti di bawah ada link menu.
2. Klik link menu "Image properties", dan isi --misalnya sama dengan judul posting, sebagaimana gambar berikut ini:


Title & Alt Text Gambar

Itu dia cara  Cara Membuat Deskripsi Alt Text dan Title Text Otomatis dan Manual pada Gambar Posting Blog untuk meningkatkan SEO Blog.*

Previous
« Prev Post
Author Image

Romeltea
Romeltea adalah onair dan online name Asep Syamsul M. Romli aka Kang Romel. Praktisi Media, Blogger, Trainer Komunikasi from Bandung, Indonesia. Follow me: facebook twitter instagram linkedin youtube

Recommended Posts

Related Posts

Show comments
Hide comments

9 comments on Cara Membuat Alt Text dan Title Text Otomatis pada Gambar Posting Blog (Tips SEO)

  1. Thanks artikelnya ngebantu banget

    ReplyDelete
  2. Terima Kasih, Informasinya Sangat Bermanfaat Sekali

    ReplyDelete
  3. Kalau untuk menonaktifkan ajax script nya bagaimana ya kak? Karena hasil tampilan di blog aku jadi ada - nya,

    ReplyDelete
  4. Trima kasih infonya, masih pemula, nanti akan di coba. Trims

    ReplyDelete
  5. makasih ilmunya om, sangat membantu

    ReplyDelete

No Spam, Please!