Jumat, 29 Desember 2017

Cara Optimasi Gambar Dengan ALT Tag Secara Otomatis

Cara Optimasi Gambar Dengan ALT Tag Secara Otomatis - Untuk membuat blog kita menjadi blog yang SEO Friendly (Search Engine Optimization), banyak hal yang harus kita lakukan, salah satunya adalah dengan menambahkan ALT Tag pada setiap gambar yang menyertai postingan kita.

Cara Optimasi Gambar Dengan ALT Tag Secara Otomatis


Tapi cara tersebut bukan merupakan suatu hal yang mudah untuk melakukan optimasi setiap gambar yang dipublikasikan untuk Search Engine. Jadi, disini saya sudah menyiapkan kode JavaScript yang gunanya untuk menambahkan ALT Tag untuk semua gambar lalu mengoptimalkan semua gambar tersebut untuk Search Engine (Mesin Pencari).

Cara ini merupakan cara yang paling mudah untuk proses optimasi gambar untuk setiap blog post sobat blogger. Untuk menerapkan teknik ini, sobat blogger hanya membutuhkan waktu tidak lebih dari satu menit.

Cara Buat Gambar Otomatis SEO:
  • Log In di http://www.blogger.com
  • Di bagian Dashbour, klik Design lalu klik Layout
  • Selanjutnya klik Edit HTML
  • Copy kode di bawah ini :
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.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:not([alt])").attr('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.'))); $("img:not([alt])").attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.'))); //]]> </script>
  • Paste kode tersebut sebelum kode </body>
  • Simpan Template
Dengan menerapkan Automatic SEO for Images, semoga blog sobat blogger menjadi blog yang SEO Friendly.

Demikian Cara Optimasi Gambar Dengan ALT Tag Secara Otomatis, Semoga Bermanfaat.

Tidak ada komentar: