fsA6ryRw4VJGo0KOM3RYkC0R1drzd9KnJAXoz4K8

Cara Menambah Alt Text dan Title Text Otomatis pada Gambar Posting Blogger

Optimasi SEO sangat diperlukan untuk blog anda. Dan Anda perlu mengoptimalkan semua elemen situs sesuai SEO. Image Alt tag sangat penting. Karena google tidak bisa membaca gambarnya, namun google menentukan jenis gambar dari alt teksnya. Jadi, untuk mendapatkan gambar Anda di hasil pencarian Google Images Anda perlu menambahkan title dan alt teks ke gambar Anda. Jadi, di sini saya akan berbagi plugin blogger lain yang bagus dan secara otomatis akan menambahkan title dan teks alt ke semua gambar blogger.


Jika Anda memiliki banyak gambar, maka sangat menyita waktu  untuk menambahkan alt dan title text ke setiap gambar satu per satu. Untuk mempermudah pekerjaan ini, saya telah merancang sedikit plugin untuk blogger yang secara otomatis menambahkan alt dan title text ke semua gambar. Berarti anda tidak perlu menambahkan alt teks secara manual. Upload saja gambarnya dan anda selesai. 


Dan jika Anda memiliki beberapa gambar posting lama yang juga kehilangan judul dan tag alt, maka Anda tidak perlu menambahkan tag alt ke gambar secara manual, script ini akan secara otomatis menambahkan tag judul dan alt ke semua gambar situs blogger Anda.

Cara Menambahkan Tag title / Alt Secara Otomatis 

ikuti langkah-langkah sederhana berikut ini:
  • Masuk ke Blogger Dashboard
  • Pilih  Template Tab
  • Klik Edit HTML
  • Sekarang cari tag </ body>
  • Sekarang tempelkan kode di bawah ini tepat di atas tag </ 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>
  • Sekarang klik Save Template. 
  • Itu sudah berhasil anda pasang widgetnya

Keterangan

Jika kode yang berwarna merah di template blogger anda sudah ada hapus saja kode yang berwana merah, jika belum ada tidak usah di hapus

Bagaimana Widget ini Bekerja?

Jika Anda penasaran dengan widget itu bagaimana cara kerjanya? Bagaimana menambahkan title dan alt teks ke gambar dan dari mana ia mendapatkan title dan teks alt? Lalu di sini saya akan menjelaskannya. Widget ini mendapatkan nama gambar yang telah Anda masukkan ke gambar sebelum mengunggah dan menambahkan nama itu sebagai judul dan teks alt gambar.
Catatan: Jadi, ingatlah bahwa sebelum mengupload gambar jangan lupa mengganti nama file gambar dengan benar sesuai dengan topik posting Anda, sehingga Anda bisa mendapatkan teks alt yang tepat untuk gambar Anda.

Related Posts

Related Posts

Posting Komentar