Como Optimizar las imagenes Para SEO Automaticamente - Experto Blogger

Header Ads

Como Optimizar las imagenes Para SEO Automaticamente


Esto se hace para que las imágenes de las páginas del blog sean indexados automáticamente por los motores de búsqueda como Google para que no les sea molesto ir añadiendo manualmente (añadir una descripción de la "descripción de la imagen" <img alt = height = "125" scr = "/ image.png "width =" 125 "/> al publicar fotos).


La forma en que puede decirse que es una molestia. Con esta forma automática cada imagen tiene las mismas características con el cuadro del título. Por lo tanto, hay que darles nombres adecuados para cada imagen que se ha escrito.

Debido a que las imágenes de la página del blog son un medio que puede ser utilizado para el tráfico en los motores de búsqueda debido a que la mayoría de los usuarios de Internet son muy propensos a buscar o simplemente se les da por mirar fotos.


Aquí se explica cómo instalar el código de SEO automatizado en la imagen

Encuentra </ body> en la plantilla de su blog, a continuación, copiar y pegar el siguiente código justo por encima de la etiqueta </ 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> 


A continuación, guarde la plantilla.


Cada publicación de imágenes se conecta en un artículo de forma automática tendrá código de SEO amigable.


Espero sea de utilidad.

No hay comentarios:

Con la tecnología de Blogger.