- Desde
- 10 Abr 2016
- Mensajes
- 437
Muchos son expertos y demasiados novatos. asi es, la mayoría de usuarios y personas, le ponen empeño y dedicacion a sus sitios webs en este caso blogs. y creo que a varias personas siempre se les pasa por alto este tipo de cosas. ponerle el SEO correspondiente a las imagenes que publicamos, y es que aunque no lo parezca, podemos atraer mucho trafico hacia nuestros blogs por medio de ellas.
Me he dispuesto a traer una serie de tutoriales con mucha informacion SEO sobre lo que es blogguer, lo cual a lo largo de muchos años y con empeño me he especializado un poco.
Hoy les compartire un script el cual lo que hara sera poner automaticamente las etiquetas alt y title en sus imagenes de cada tema.
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).
Para instalar el script deberemos de seguir los siguientes pasos
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 continuacion solo nos queda guardar los cambios a la plantilla.
y eso seria todo lo que tocaremos. algo tan facil que nos ahorrara tiempo y nos llevara trafico organico por medio de los buscadores de imagenes.
Me he dispuesto a traer una serie de tutoriales con mucha informacion SEO sobre lo que es blogguer, lo cual a lo largo de muchos años y con empeño me he especializado un poco.
Hoy les compartire un script el cual lo que hara sera poner automaticamente las etiquetas alt y title en sus imagenes de cada tema.
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).
Para instalar el script deberemos de seguir los siguientes pasos
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 continuacion solo nos queda guardar los cambios a la plantilla.
y eso seria todo lo que tocaremos. algo tan facil que nos ahorrara tiempo y nos llevara trafico organico por medio de los buscadores de imagenes.
