Comment optimiser les images automatiquement pour le (SEO) Référencement

Comment optimiser les images automatiquement pour le (SEO) Référencement - Cette opération est effectuée de sorte que les images de votre page de blog soient indexées automatiquement par les moteurs de recherche tels que Google, Bing... afin que vous ne soyez pas dérangé par leur ajout manuel (<img alt = "description de l'image" height = "125" scr = "/ image.png" width = "125" /> lors de la publication de photos). De cette manière, chaque image aura la même description que le titre de l'image. Par conséquent, vous devez donner le nom approprié à chaque image qui sera publiée.

Pourquoi l'optimisation des images devrait-elle être un référencement automatique?

Parce que l'image sur la page du blog est l'un des médias pouvant être utilisés pour le trafic sur les moteurs de recherche, car certains internautes aiment beaucoup faire des recherches en parcourant des images.

Voici comment installer un code de référencement automatique dans l'image

1- Recherchez le code </ body> dans votre modèle de blog,

2- Copiez et collez le code ci-dessous, juste au-dessus du code </ body>.

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

3- Enregistrez le modèle.

En conclusion chaque image d'article aura automatiquement un code convivial pour le référencement.

Félicitations !! au revoir et à bientôt !! 😊