Cara Menyesuaikan Gambar Artikel agar Seo Friendly

Posted by: Bona Pasogit Rabu, Maret 29, 2017 Posting Komentar

Cara Menyesuaikan Gambar Artikel agar Seo Friendly ~ Tuturial kali ini YogiKeling Site akan menjelaskan tentang bagaimana sih cara membuat agar gambar artikel kita bisa terindex secara otomatis. Sehingga ketika kita mencari di search engine gambar kita bisa otomatis masuk dan sesuai ukurannya. Dengan cara seperti ini kita tidak perlu repot-repot menambahkan script dibawah ini secara manual.

<img alt="description of the image" height="125" scr="/gambar.png" width="125" />

Menurut saya menggunakan cara seperti itu adalah buang-buang waktu dan kuota saja. hihihi.
Kenapa sih gambar kita harus seo? karena pengunjung sebelum mencari artikel biasanya menuliskan keyword dan menelusuri gambar terlebih dahulu. Kemudian pengunjung akan mencari gambar yang otomatis sudah disesuaikan oleh seo google.

Berikut adalah script dan tutorialnya :

1. Masuk ke dashboard blogger anda

2. Masuk ke menu Tema > Edit HTML

3. Kemudian cari kode </body> , Jika sudah ketemu copy script dibawah ini dan pastekan 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'>
//<![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>

4. Jika sudah klik simpan tema. jeng jeng jeng sudah selesai.

Bgaimana guys cukup mudah bukan menambahkan script agar gambar artikel seo secara otomatis.
Semoga gambar pada artikel kita dapat dengan mudah terindex oleh search engine google aminnnn.
Sekian artikel tentang Cara Menyesuaikan Gambar Artikel agar Seo Friendly, semoga bermanfaat bagi kita semua.

Location: