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

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

Title & Alt Text Gambar harus dilakukan biar 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 isyarat 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 isyarat berikut ini di atas isyarat </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 yaitu link ke isyarat jQuery. Abaikan/hapus kalau sudah ada di template blog Anda.

5. Save! Simpan template.

Catatan: Teks yang akan menjadi judul dan alternatif teks (title & alt text) yaitu 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.*

Tweet