Cara Meningkatkan Secara Optimal Gambar Secara Otomatis Biar Lebih Seo
Cara Optimasi Gambar Secara Otomatis Agar Lebih SEO - Perlu diketahui teman bahwa gambar yang berada pada artikel teman itu juga sanggup mempengaruhi SEO pada artikel yang teman bikin, diantaranya memperlihatkan alt dan src pada gambar yang diupload teman 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 sanggup dengan gampang 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 aku akan share bagaiman cara meningkatkan secara optimal gambar secara otomatis alias teman tidak usah edit - edit gambar yang teman upload dengan menambahkan instruksi JavaScript tentunya, bila teman minat pribadi saja ke caranya sob...
Cara Optimasi Gambar Secara Otomatis Agar Lebih SEO
Pertama teman masuk terlebih dahulu ke Blogger > Tema > Edit HTML copy instruksi JavaScript dibwah ini dan pastekan sempurna diatas instruksi </body> atau </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 klik simpan pada template sobat.
Baca Juga : Meta Tag Seo Friendly Blogger Terbaru Valid HTML5
Oke sekian yang sanggup aku sampaikan tentang Cara Optimasi Gambar Secara Otomatis Agar Lebih SEO Terima Kasih yang sduah berkunjung biar bermanfaat bagi kalian semua.
Sumber https://www.triksimple.com/