This is done so that the
picture on your blog pages indexed automatically by the search engines like
google so you are not bothered by adding manually (add a description on <img
alt = "description of the image" height = "125" scr =
"/ image.png" width = "125" /> * when posting images).
The way it can be said to be
troublesome. With this automatic way each image has the same description with
the title picture. Therefore, you have to give them appropriate names for each
picture to be posted.
Why should order SEO Image
Optimization Automatically?
Because the pictures on the blog page is one medium that can be used for traffic on the search engines because the majority of Internet users really like searching or just browsing to look at pictures.
Here's how to install
automated SEO code on the picture:
1. Find </body> in the template of
your blog, then copy and paste the code below just above the </body>
Javascript - Go Widget
<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>
2. Then save the template.
Each picture blog you plug
in an article automatically will have a SEO friendly code. Thanks….if this
article useful, please share in your social media accounts