Cara Menciptakan Alt Text Dan Title Text Otomatis Pada Gambar Posting Blog (Tips Seo)

Cara Membuat Alt Text dan Title Text Otomatis pada Gambar Posting Blog 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 suplemen postingan blog harus dikasih deskripsi, berupa Title & Alt Text.

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

Title & Alt Text Gambar harus dilakukan semoga postingan blog kita SEO Friendly, ramah mesin telusur. Di search engine 'kan ada tuh hidangan All, News, Image, Video, dll. Nah, itu beliau 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 aba-aba 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 aba-aba berikut ini di atas aba-aba </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 ialah link ke aba-aba jQuery. Abaikan/hapus jikalau sudah ada di template blog Anda.

5. Save! Simpan template.

Catatan: Teks yang akan menjadi judul dan alternatif teks (title & alt text) ialah 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 hidangan "Image properties", dan isi --misalnya sama dengan judul posting, sebagaimana gambar berikut ini: