Optimasi Gambar supaya Seo secara otomatis 

maksud dari optimasi gambar ialah menambahkan title dan alt yang berada dan wajib untuk di tambahkan kedalam gambar agar lebih SEO dan lebih membantu para visitor yang berkunjung juga,, alhamdulilah saya menerapkan metode ini dan sayapun sekarang walau baru 8 postingan dengan yang ini tetapi rank alexa sudah melejit ke bagian 8 juta besar :D cukup memuaskan apabila blog kalian baru, di buat, dan postingan masih sedikit, cukup bermanfaat bagi saya mah tidak tau kalau bagi kalian bagaimana :)

dimana agar gambar bisa SEO ialah harus menambahkan deskripsi pada gambar tersebut seperti alt dan sebagainya,, maka kita buat agar lebih mudah dan praktis, mungkin diantara kalian ada yang masih menambahkan deskripsi secara manual di gambar tersebut, tetapi saya sarankan akan lebih baik kalian, menggunakan cara yang saya posting disini. cukup menghemat waktu yang kalian butuhkan untuk menambahkan deskripsi pada gambar kalau satu persatu akan ribet dan membutuhkan waktu yang cukup lama kalau begitu mari kita simak bersama pokok dari postingan saya kali ini :)

dikarenakan pada zaman ini sudah banyak sekali orang orang yang maunya praktis dan praktis, jadi daripada susah dan ribet, menambahkan deskripsi pada gambar apalagi kalau gambarnya banyak kan merepotkan sekali yaa :D..sebelum saya mendapatkan ilmu ini, sebenarnya ini ada di beberapa blog di google, tetapi akan lebih baik jika saya pun ikut memposting yang beginian tetapi ini tidak copas lhoo,, postingan ini di buat original dan di tulis secara manual.

disini saya ada jalan pintas nya supaya gambar SEO dengan sendiirnya, hanya dengan menambahkan script di bawah sini kalian sudah bisa membuat gambar SEO otomatis dengan sendirinya.

tambahkan kode / script di bawah ini tepat di atas kode </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>

 jika sudah silahkan simpan template dan lihat hasilnya dengan mengarahkan cursor ke gambar yang belum di tambahkan deskripsi apakah ada deskripsinya atau tidak kalau ada berarti Tutorial Optimasi Gambar supaya Seo secara otomatis ini sudah berhasil dan sukses di terapkan di template dan blog anda,, semoga postingan kali ini bisa bermanfaat dan juga bisa membuat kalian lebih senang lagi dalam menulis di blog yaa,,
dengan begitu semua gambar yang ada di blog kalian akan SEO dengan sendirinya cukup memuaskan bukan script di atas :)

terimakasih atas kunjungan kalian, semoga kalian betah di blog yang kecil ini. ya :)  mungkin pada postingan kali ini ada yang tidak di mengerti dan tidak dipahami silahkan tanyakan langsung lewat komentar dan juga apabila postingan saya kali ini ada yang merasa kurang lengkap silah

 

Subscribe to receive free email updates: