How To Automatically Optimize Images In Blogger For Better SEO

Hello friends Today, I'm about to share special tips. No one has ever shared that. Today's topic is How To Automatically Optimize Images In Blogger For Better SEO .  And this is a very unique formula. Knowing which you will be very happy about. I guarantee this.

Friends, you know that search engine optimization has to be done to rank every blog website, every single post. Then every post of ours appears in the search engine. If we make a small mistake then our content does not show.But we have to do everything we can to optimize the image. You do not even optimize your search engine. And because of this mistake our post is seen in the first page. But the photos do not look.

How To Automatically Optimize Images In Blogger For Better Search Engine Ranking

Every image has to be used alt tag for optimization. But every human has to do this process manually.

•  No longer have to do anything manually from now on. From now on it will be automatically. Meaning photo optimization will be automatic.

In my previous post I told the process of automatically adding the internal link to the link. If you want to know about it, click here. 👇

 How To Install Multi Related Articles In Blogger Blog Posts

How To Optimize Images For Web Without Losing Quality

Friends, if you want to automatically optimize every photo uploading on your website then follow the steps below.

 ✓ 👉 Visit your blogger.com dashboard

✓ 👉  Click the Theme Option

✓ 👉 finally click EDIT/HTML

✓ 👉 Press the ctrl+f

✓ 👉 Search </body> tag.

✓ 👉 Now copy below JAVASCRIPT CODE and paste above the </body> tag....

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

FINALLY SAVE THEME 😋😋😋

Image Optimization Seo 

I hope all of you have liked this How To Automatically Optimize images For Better SEO In Blogger. If anyone gets benefit from this post then Please share this as much as possible in the social media. So that every person can lift its benefits.....