Tutorial: Automatización del SEO en imágenes en Blogger

  • Autor Autor xcite
  • Fecha de inicio Fecha de inicio
xcite

xcite

Delta
Verificación en dos pasos activada
Verificado por Whatsapp
Hola Betas!
Hoy en día es muy pero muy molesto eso de andar optimizando imágenes de cara al SEO en blogger. Es por ello que les quiero compartir este script que automatiza el SEO en Imágenes.
Cuando me refiero a SEO en imágenes, me refiero a los atributos "alt" y "title".



De tal manera que todas tus imágenes pasarán de estar así:

HTML:
<img border="0" src="/Título de la Imagen.jpg" height="" width="">

A estar así:
HTML:
<img border="0" src="/Título de la Imagen.jpg" height="" width="" alt="Título de la Imagen" title="Título de la Imagen">

Y todo sin mover ningún sólo dedo
Una maravilla no?
Bueno se trata de un script que hace todo ese trabajo en automático. Y lo mejor de todo! Lo hace en TODAS tus imágenes, no importa si son anteriores.

Este es el script y hay que colocarlo en la plantilla antes de </head> :

HTML:
<!-- SEO SCRIPT COMPARTIDO EN FOROBETA POR XCITE -->
<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>

Cómo funciona?
Es simple, cualquiera que sea el nombre de la imagen que subieron anteriormente a blogger, ése mismo nombre será el que se pondrá en "alt" y en "title" y todo usando este simple script, asegúrense que la imagen tiene escrita correctamente su nombre.


Todo blog debería de usar este script, ya que eso de optimizar cada imagen es una tarea algo tediosa, pero en fin la decisión es suya.

Espero les agrade mi primer aporte a los tutoriales, saludos a todos :encouragement:

Cualquier duda o comentario de cómo instalar el script coméntelo y con gusto les ayudaré
 
Última edición:
Muchas gracias, de verdad, me ahorras mucho trabajo en mi blog de imágenes.
 
Me parece muy interesante, pero tenía entendido que, para mejorar el SEO, era mejor que el "Title" y el "Alt" tuvieran textos diferentes. Gracias por tu aporte.
 
Lástima que fui tan perezoso que no le puse nombre a ninguna imagen 🙁
 
Sería genial algo así en WP 🙁
 
El problema con esto es que sea hace mediante javascript luego de que se carga la página, y como es sabido Google no se lleva muy bien con javascript.

La consecuencia de esto es que hay muchas posibilidades de que Google no indexe las etiquetas alt y title que generas con javascript (por lo que de SEO poco y nada)
 
Se agradece el aporte, pero me gusta hacerlo manual, mas de algún usuario te lo va agradecer ya que ahorras tiempo.
 
https://wordpress.org/plugins/seo-image/

Sería genial algo así en WP 🙁

- - - Actualizado - - -

¿Y si dejas el JS al final de la plantilla?
Habría que hacer una prueba con el bot de Google para ver si alcanza o no a convertir las etiquetas.
Alguien con un sitio con el código al final para hacer el test?

El problema con esto es que sea hace mediante javascript luego de que se carga la página, y como es sabido Google no se lleva muy bien con javascript.

La consecuencia de esto es que hay muchas posibilidades de que Google no indexe las etiquetas alt y title que generas con javascript (por lo que de SEO poco y nada)
 
Gracias por el aporte :encouragement:
 
Gracias por el tutorial, la verdad es que estaba buscando algo similar, te aviso si me sirve! :encouragement:
 
voy a probarlo amigo gracias
 
Buen aporte! Gracias :encouragement:
 
El problema con esto es que sea hace mediante javascript luego de que se carga la página, y como es sabido Google no se lleva muy bien con javascript.

La consecuencia de esto es que hay muchas posibilidades de que Google no indexe las etiquetas alt y title que generas con javascript (por lo que de SEO poco y nada)

No solo hay muchas posibilidades, simplemente el bot de google nunca se enterará de ello, pues cuando google bot te escanea lo hace en modo "Solo Texto", las herramientas para web masters tienen una opcion para saber como vería tu pagina el mencionado bot.

Aún así la intención es la que cuenta :encouragement:
 
Me parece un excelente aporte para los que tenemos blogs en Blogger...Muchas gracias.
 
jejeje yo lo tenia hecho pero que reconciera divisiones en el texto Ej: Clases de Perros|perros de Jupiter.png la primera parte seria para el titulo(title) y la segunda para texto alternativo(alt), ya que el mismo texto para ambas no tiene sentido.Aunque el nombre de la imagen es algo raro pero para casos praticos me basta.:encouragement:
 
jejeje yo lo tenia hecho pero que reconciera divisiones en el texto Ej: Clases de Perros|perros de Jupiter.png la primera parte seria para el titulo(title) y la segunda para texto alternativo(alt), ya que el mismo texto para ambas no tiene sentido.Aunque el nombre de la imagen es algo raro pero para casos praticos me basta.:encouragement:

Así es. Pero para los que tienen imágenes viejas no les serviría de mucho, por eso lo puse de esta forma :encouragement:
 
Atrás
Arriba