Memang bisa juga kita mengisinya secara manual, namun hal itu akan merepotkan dan menyita sebagian waktu untuk memposting konten blog. Dengan menggunakan tehnik gambar secara otomatis SEO, akan lebih memudahkan sobat untuk memposting gambar. Namun, jangan sampai lupa untuk memberi nama gambar yang sesuai judul artikel.
Baca juga: Cara Menghilangkan Kotak Rekomendasi Disqus di Blog
Mungkin sobat bertanya "Kenapa gambar harus SEO?" Jawabannya adalah gambar juga salah satu bagian dari SEO. Sebuah gambar bisa saja membuat trafik blog menjadi tinggi, karena pada umumnya sebagian dari audiens pada waktu browsing hanya mencari-cari dan melihat-lihat gambar internet.
Jika sobat ingin membuat blog lebih indah, tambahkan gambar yang sesuai dengan isi konten, agar bisa menarik perhatian pengunjung saat membuka blog sobat. Berikut ini cara mengoptimasi gambar otomatis SEO.
Cara Membuat Gambar Otomatis SEO
Login ke akun Blogger ↬ Template ↬ Edit HTML ↬ Kemudian copy semua kode dibawah ini, dan letakan tepat diatas 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'>
// Gambar SEO otomatis by Vihamblog
//<![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>Kalau sudah, simpan perubahan template dan lihat hasilnya. Dengan begitu semua gambar yang sobat pasang di sebuah artikel akan mempunyai kode SEO Friendly secara otomatis. Demikian tutorial Cara Membuat Gambar Otomatis SEO. Semoga bermanfaat.
0 komentar