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

Baca Juga

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:

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