
Esto se hace para que las imágenes en las páginas del blog se indexan automáticamente por los motores de búsqueda como google, así que no te molesta añadiendo manualmente (añadir una descripción de la "descripción de la imagen" <img alt="description of the image" height="125" scr="/image.png" width="125" /> al publicar una foto 125).
La forma en que puede decirse que es una molestia. Con esta forma automatizada cada imagen tiene las mismas características con el cuadro del título. Por lo tanto, usted debe darles nombres adecuados para cada imagen que se envió.
La forma en que puede decirse que es una molestia. Con esta forma automatizada cada imagen tiene las mismas características con el cuadro del título. Por lo tanto, usted debe darles nombres adecuados para cada imagen que se envió.
¿Por qué debería la optimización automática de imágenes para SEO?
Debido a que las imágenes de la página del blog es un medio que puede ser utilizado para el tráfico de motores de búsqueda porque la mayoría de los usuarios de Internet son muy propensos a buscar o simplemente navegar para ver las imágenes.
He aquí cómo instalar código SEO automática en la imagen
Encontrar </body> en la plantilla del blog, a continuación, copie y pegue el siguiente código justo 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>
Siguiente guardar la plantilla.
Cada blog imagen que se enchufa en un artículo tendrán automáticamente un código amigable SEO.
Puede ser útil.