Cara Optimalisasi Gambar Blog Agar SEO Friendly Secara Otomatis | NIGHT002

NIGHT002 - Nah berhubung banyak yang kirim - kirim via email minta tutorial Cara Optimalisasi Gambar Blog Agar SEO Friendly Secara Otomatis, jadi saya akan berbagi langsung ke pada Anda. Dari pada kita harus manual menulis kode :  <img alt="description of the image" height="125" scr="/image.png" width="125" />    Cara berikut memang dibilang sangat merepotkan Kawan, mendingan pake cara otomatis kaya blog NIGHT002 hehe, dengan cara ini di setiap gambar memiliki deskripsinya masing - masing oleh karena itu Kawan harus mempunyai nama yang sesuai dengan gambar yang di publikasikan. Cara ini saya dapatkan ketika saya berselancar di google hehe, langsung saya bagikan saja dari pada di pake sendiri :)


Tutorialnya .

Pertama Anda login dulu ke blogger.com setelah itu masuk ke Template > Edit HTML > Klik di kolom script ketikan CTRL + F lalu cari kode </body> setelah ketemu kode berikut letakan script dibawah ini tepat di atas kode </body>


Ini scriptnya 

<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>

Setelah itu simpan template, maka di setiap gambar yang Anda tulis di artikel blog akan secara otomatis memiliki kode SEO Friendly. Semoga bisa membantu Anda, Jika ada pertanyaan langsung saja berkomentar.

Share :

Facebook Google+ Twitter