Cara Menciptakan 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 tambahan postingan blog harus dikasih deskripsi, berupa Title & Alt Text.

Title Text yakni Judul Gambar. Alt Text yakni alternatif teks. Maksudnya, bila gambar gak muncul, contohnya link gambarnya sudah tak ada, maka akan muncul alternatif teks itu.

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

Mengisi kolom Title & Alt Text Gambar dapat dilakukan secara otomatis dan manual. Secara otomatis dengan cara memasukkan instruksi 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 instruksi berikut ini di atas instruksi </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 yakni link ke instruksi jQuery. Abaikan/hapus bila sudah ada di template blog Anda.

5. Save! Simpan template.

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

Sumber Kode

Pasang Title & Alt Text Gambar secara Manual!

Sebaiknya sih, menciptakan 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 memakai tanda hubung, menyerupai 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 sajian "Image properties", dan isi --misalnya sama dengan judul posting, sebagaimana gambar berikut ini:

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