Blogspot: Cara Menambahkan Otomatis Alt Dan Tag Title di Gambar

Tomata LikuangTomata Likuang November 09, 2018

Optimalkan Gambar Blogspot Dengan Menambahkan Alt Dan Tag Judul Secara Otomatis

Blogger.com-Kami selalu berusaha meningkatkan SEO blog kami untuk menjadi bagian dari peningkatan balapan SEO. SEO yang lebih baik mari kita bersaing dengan pesaing kita dan peringkat lebih baik daripada yang lain di mesin pencari. Ini menjadi tugas yang sangat sulit ketika datang untuk mengoptimalkan gambar blog untuk SEO. Blogger secara default menyediakan penambahan Alt dan Title tags ke gambar secara manual untuk SEO yang lebih baik tetapi itu benar-benar menjadi sakit kepala untuk menambahkan tag ini secara manual ke setiap gambar. Jadi hari ini saya memperkenalkan skrip hebat yang secara otomatis menambahkan tag Alt dan Judul ke semua gambar blog Anda sekaligus. Anda hanya perlu mengganti nama gambar blog Anda sebelum mengunggah karena skrip ini menjemput nama gambar dan menambahkannya sebagai tag Alt dan Judul. Jadi mari kita mulai menambahkan skrip hebat ini ke blog blogger Anda.
Blogspot: Cara Menambahkan Otomatis Alt Dan Tag Title di Gambar

Bagaimana skrip ini bekerja? :


Skrip ini hanya mengambil nama gambar dan menggunakannya sebagai judul dan tag alt untuk gambar tertentu.
Jadi untuk menggunakan skrip ini dengan hati-hati, Anda harus memberi nama gambar posting Anda dengan benar. Contoh gambar dengan alt dan tag judul di bawah ini:

Cara Menambahkan Kode untuk Menambahkan Alt dan Tag Judul Secara Otomatis:


Anda hanya perlu mengikuti langkah-langkah sederhana di bawah ini untuk berhasil menambahkan skrip hebat ini. Jadi ayo mulai:
  1. Buka Dasbor Blogger Anda.
  2. Buka Tab Tema dan Klik Edit HTML.
  3. Edit template Anda.
  4. Cari tag </body> di editor template Anda. (Gunakan Ctrl + F untuk menemukan cepat)
  5. Kemudian tempelkan kode di bawah sebelum tag </ body>.
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/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 simpan.

Kamu selesai! Anda telah berhasil menambahkan skrip yang meningkatkan SEO blog Anda dan tentunya meningkatkan kunjungan organik juga. Sekarang periksa gambar blog Anda dengan mengarahkan kursor mouse ke mereka.

Jika Anda memiliki blog atau situs web yang didorong e-commerce yang diberdayakan oleh wordpress dan jika Anda memerlukan layanan SEO lanjutan untuk situs e-commerce, Anda mungkin harus berkonsultasi dengan agen SEO profesional.

Jika Anda memiliki pertanyaan atau saran, Anda dapat menuliskan komentar di bawah ini.
Tags