Cara Optimasi Gambar Secara Otomatis Agar Lebih SEO - TRIK SIMPLE

Cara Optimasi Gambar Secara Otomatis Agar Lebih SEO - Perlu diketahui sobat bahwa gambar yang berada pada artikel sobat itu juga dapat mempengaruhi SEO pada artikel yang sobat bikin, diantaranya memberikan alt dan src pada gambar yang diupload sobat secara manual tidak otomatis. Kenapa sih haru soptimasi gambar? gambar juga muncul dalam search engine google sob jadi dengan menambahkan alt dan title pada gambar search google dapat dengan mudah merayapi dan mendeteksi keyword - keyword yang tercantum dalam gambar tersebut.

Baca Juga : Cara Mempercepat Loading Blog Dengan Memasang Script LazyLoad Ads

Nah pada kesempatan kali ini saya akan share bagaiman cara optimasi gambar secara otomatis alias sobat tidak usah edit - edit gambar yang sobat upload dengan menambahkan kode JavaScript tentunya, jika sobat minat langsung saja ke caranya sob...

Cara Optimasi Gambar Secara Otomatis Agar Lebih SEO


Pertama sobat masuk terlebih dahulu ke Blogger > Tema > Edit HTML copy kode JavaScript dibwah ini dan pastekan tepat diatas kode </body> atau &lt;/body&gt;

<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 klik simpan pada template sobat.

Baca Juga : Meta Tag Seo Friendly Blogger Terbaru Valid HTML5

Oke sekian yang bisa saya sampaikan tentang Cara Optimasi Gambar Secara Otomatis Agar Lebih SEO Terima Kasih yang sduah berkunjung semoga bermanfaat bagi kalian semua.

Cara Optimasi Gambar Secara Otomatis Agar Lebih SEO


السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ

Cara Optimasi Gambar Secara Otomatis Agar Lebih SEO - Perlu diketahui sobat bahwa gambar yang berada pada artikel sobat itu juga dapat mempengaruhi SEO pada artikel yang sobat bikin, diantaranya memberikan alt dan src pada gambar yang diupload sobat secara manual tidak otomatis. Kenapa sih haru soptimasi gambar? gambar juga muncul dalam search engine google sob jadi dengan menambahkan alt dan title pada gambar search google dapat dengan mudah merayapi dan mendeteksi keyword - keyword yang tercantum dalam gambar tersebut.

Baca Juga : Cara Mempercepat Loading Blog Dengan Memasang Script LazyLoad Ads

Nah pada kesempatan kali ini saya akan share bagaiman cara optimasi gambar secara otomatis alias sobat tidak usah edit - edit gambar yang sobat upload dengan menambahkan kode JavaScript tentunya, jika sobat minat langsung saja ke caranya sob...

Cara Optimasi Gambar Secara Otomatis Agar Lebih SEO


Pertama sobat masuk terlebih dahulu ke Blogger > Tema > Edit HTML copy kode JavaScript dibwah ini dan pastekan tepat diatas kode </body> atau &lt;/body&gt;

<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 klik simpan pada template sobat.

Baca Juga : Meta Tag Seo Friendly Blogger Terbaru Valid HTML5

Oke sekian yang bisa saya sampaikan tentang Cara Optimasi Gambar Secara Otomatis Agar Lebih SEO Terima Kasih yang sduah berkunjung semoga bermanfaat bagi kalian semua.

وَ السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ

Disqus Codes
  • To write a bold letter please use or
  • To write a italic letter please use or
  • To write a underline letter please use
  • To write a strikethrought letter please use
  • To write HTML code, please use or
    or

    And use parse tool below to easy get the style.
Show Parser Box

strong em u strike
pre code pre code spoiler
embed

Jangan Lupa Subcribe