
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í:
A estar así:
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> :
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é
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: