Wednesday, June 29, 2016

Cara Mudah Optimasi Gambar Dalam Artikel

Chat on Whatsapp

Halo teman-teman ada yang pernah mengalami error image saat cek optimasi blog di chkme ? Nah itu biasanya disebabkan karena image yang kamu sisipkan didalam artikel kamu itu tidak SEO Friendly atau tidak mudah dibaca oleh google. Biasanya untuk mengurangi error tersebut, kita harus cek satu per satu gambar yang kita sisipkan tersebut, apakah sudah memiliki tag alt dan title ? Jika Artikel masih sedikit sih menurut Kang Wira ada baiknya kamu memberikan tag alt dan title pada gambar yang kamu sisipkan satu per satu. tapi jika artikel kamu sudah terlalu banyak dan menjadi suatu tugas berat bagi kamu untuk mengedit satu per satu gambar yang kamu sisipkan, Trik Mudah Optimasi Gambar Dalam Artikel ini lah jawabannya.



Cara Mudah Optimasi Gambar Dalam Artikel

Karena dengan Javascript yang saya tampilkan dibawah ini, maka seluruh gambar yang belum kamu pasang tag alt dan title nya, akan secara otomatis menampilkan tag alt dan title nya yang diikuti dengan nama pada gambar tersebut.



Caranya cukup mudah. yaitu kamu tinggal sisipkan kode javascript dibawah ini tepat diatas </body> pada halaman Edit HTML blog kamu.

Baca juga: Trik Membuat Text Mengikuti Mouse


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

Baca juga: Cara Menampilkan Widget Random Post


Cara Mudah Optimasi Gambar Dalam Artikel ini tidak direkomendasikan oleh saya, karena google akan tetap membaca Javascript yang ada, bukan SEO pada Gambar. Tapi apabila teman-teman tetap ingin menggunakan script diatas, silahkan kamu praktekan sendiri pada blog kamu. lalu lihat hasilnya artikel yang berisi sisipan gambar.


DMCA.com Protection Status

Previous
Next Post »

KASIH KOMENTAR DISINI

BLOGGER
DISQUS
Pilih System Komentar

No comments