Latest News

Cara Optimasi Gambar Artikel Supaya SEO Secara Otomatis

Sepenting apakah gambar itu? Gambar sangat penting gan supaya artikel anda lebih menarik dan bukan hanya sebuah goresan pena yang mungkin mampu membuat pembaca jenuh. Selain penting untuk memperindah artikel gambar ternyata juga pengaruh dalam mencari trafik. Karena gambar yang SEO akan membuat blog anda ramai pengunjung.

Anda pernah mencoba google search image atau pencarian gambar. Tentu kalau gambar tidak SEO tidak bakalan muncul di page one dikala dicari di google search image. Walaupun artikel yang memuat gambar tersebut berada dipage one. Jika gambar anda muncul di google search image maka tentu akan meningkatkan trafik blog anda. Ada juga pengguna yang menggunakan google search image untuk mencari artikel yang dicari berdasarkan gambar.

Mengoptimasi gambar biar seo dan muncul dipencarian google secara otomatis. Dengan menambahkan title tag atau deskripsi gambar maka gambar mampu muncul di google page one halaman pertama. Secara otomatis.

Membuat gambar menjadi SEO ini sangatlah mudah anda hanya perlu menambahkan title tag dan alt tag di gambar. Title tag anda isi sesuai dengan judul artikel sedangkan alt tag anda isi dengan deskripsi gambar. Untuk cara menambahkan title tag dan alt tag gambar anda mampu baca artikel berikut Cara Membuat Gambar Menjadi SEO Friendly

Cara ini sangat merepotkan alasannya yaitu anda harus menambahkan title tag dan alt tag untuk setiap gambar. Nah bagaimana untuk postingan lama sedangkan anda gres membaca artikel yang aku buat ini tentu anda harus mengedit artikel lama untuk menambahkan title tag dan alt tag. Tenang ada cara sederhananya dan otomatisnya.

Cara Optimasi Gambar Agar SEO Otomatis

Dengan cara ini maka anda tidak perlu menambahkan alt tag dan title tag gambar secara manual untuk setiap gambar. Alt tag dan title tag akan ditambahkan secara otomatis disetiap gambar. Kaprikornus untuk postingan lama anda tidak perlu khawatir. Tapi untuk postingan selanjutnya silakan tambahkan secara manual. Karena title tag akan ditambahkan sesuai judul artikel jadi mungkin tidak sesaui dengan gambarnya. Berikut ini caranya :

1. Silakan buka Blogger, pilih Template → Edit HTML

2. Salin arahan dibawah ini dan letakkan/pastekan diatas arahan </body>

<script type='text/javascript'> //<![CDATA[ $(document).ready(function() { $('img').each(function(){ var $img = $(this); var filename = $img.attr('src') $img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.'))); }); }); //]]> </script> <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('.'))); }); }); //]]> </script> <script type='text/javascript'> //<![CDATA[ var scrollTimer = null; $(window).scroll(function() {    var viewportHeight = $(this).height(),        scrollbarHeight = viewportHeight / $(document).height() * viewportHeight,        progress = $(this).scrollTop() / ($(document).height() - viewportHeight),        distance = progress * (viewportHeight - scrollbarHeight) + scrollbarHeight / 2 - $('#scroll').height() / 2;     $('#scroll')         .css('top', distance)         .text(' (' + Math.round(progress * 100) + '%)')         .fadeIn(100);     if (scrollTimer !== null) {         clearTimeout(scrollTimer);     }     scrollTimer = setTimeout(function() {         $('#scroll').fadeOut();     }, 1500); }); //]]> </script> 

3. Simpan template. 

Selesai,itu beliau tutorial cara meningkatkan secara optimal gambar supaya lebih seo secara otomatis. Semoga mampu membantu dan bermanfaat.