Programo Web » SEO http://programoweb.com Desarrollo Web y WordPress Sat, 07 Aug 2010 00:10:59 +0000 en hourly 1 http://wordpress.org/?v=3.0 Eliminar utm_source de la URL con htaccess http://programoweb.com/eliminar-utm_source-url-htaccess.html http://programoweb.com/eliminar-utm_source-url-htaccess.html#comments Mon, 24 May 2010 22:19:36 +0000 JuanK http://programoweb.com/?p=1460 A través de Sentido Web encuentro una excelente forma de eliminar utm_source de la URL, usando htaccess. Según explica él en su post, este parámetro agregado a la url puede crear contenido duplicado, aunque usando la etiqueta canonical no debería haber problema, nunca está demás conocer nuevas alternativas.

]]> http://programoweb.com/eliminar-utm_source-url-htaccess.html/feed 1 Analizar la velocidad de carga de tu blog http://programoweb.com/analizar-velocidad-carga-blog.html http://programoweb.com/analizar-velocidad-carga-blog.html#comments Thu, 06 May 2010 21:44:30 +0000 JuanK http://www.blooging.net/?p=1426

Hace un tiempo les mostré una herramienta que nos permitría medir la velocidad de carga de un blog, ahora les mostraré algo similar, pero mucho más completo y que vale la pena probar.

Se trata de GTmetrix, un sitio que analiza en profundidad nuestra web, mostrándonos que debemos mejorar y como hacerlo, utilizando YSlow de Yahoo! y Page Speed de Google.

El reporte es muy completo y preciso, de modo que no tendremos la necesidad de hacer un análisis manual y sólo preocuparnos por mejorar los errores que estamos cometiendo.

Aún quedan cosas por mejorar, pero vamos por buen camino.

¿Y tú web, que tan rápido carga?

Vía: B de Bloggers

]]> http://programoweb.com/analizar-velocidad-carga-blog.html/feed 11 Optimizar carga de AdSense http://programoweb.com/optimizar-carga-de-adsense.html http://programoweb.com/optimizar-carga-de-adsense.html#comments Wed, 24 Mar 2010 00:14:53 +0000 JuanK http://www.blooging.net/?p=1397 Y seguimos hablando temas SEO referentes a la carga de un sitio y me toca hablar de AdSense (lo hago porque mi nuevo hosting me pide usarlo). Aviso: este script sirve para cualquier objeto, pero ahora lo usaremos para AdSense.

El efecto que se logrará será similar al de Lazy Load, pero con la diferencia que se cargará al final de todo lo demás, independiente de su posición.

Primero debemos señalar un "div", el cuál contiene nuestra publicidad, ejemplo:

PLAIN TEXT
<div id="publicidad" class="redireccion">
Aquí está mi publicidad
</div>

Nosotros agregaremos el "class redireccion", con este lograremos el efecto. El mensaje "Aquí está mi publicidad" no debe escribirse, dejamos el espacio en blanco.

Ahora usamos un poco de CSS:

PLAIN TEXT
.oculto {display: none}


El "class oculto" es necesario, ya verán para qué. Ahora debemos agregar nuestro código de AdSense, al final de nuestro blog, osea en footer.php:

PLAIN TEXT
<div class="oculto">
    <!-- Publicidad -->
    <div class="redireccion">
        <script type="text/javascript">
google_ad_client = "pub-[id-adsense]";
google_ad_slot   = "[slot-id]";
google_ad_width  = 250;
google_ad_height = 250;
        </script>
        <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
    </div>
</div>

Por estar en el footer se carga al final de todo y por usar el class oculto no se muestra. Ahora haremos que se sitúe en el lugar que queramos, con un poco de jQuery, usando el class "redireccion" que agregamos en nuestro div de publicidad.

PLAIN TEXT
<script type='text/javascript'>
$(function() {
    var $ads;
    $('div[class^="redireccion"]').each(function() {
        $ads = $('#publicidad' + this.id.substr(7)).empty();
        $('ins:first', this).appendTo($ads);
    });
});
</script>

Esto último lo agregaremos justo antes del código de AdSense.

El script completo hace lo siguiente:

Ocultamos la publicidad en el footer y luego, con jQuery movemos .redireccion dentro de #publicidad.

Listo, ahora verán que el contenido se carga antes que la publicidad, evitando perder tiempo valioso para nuestro posicionamiento.

Vía: How to optimize Adsense to make your blog faster

]]> http://programoweb.com/optimizar-carga-de-adsense.html/feed 10 Lazy Load – Retrasar carga de Imágenes http://programoweb.com/lazy-load-retrasar-carga-imagenes.html http://programoweb.com/lazy-load-retrasar-carga-imagenes.html#comments Tue, 23 Mar 2010 21:45:54 +0000 JuanK http://www.blooging.net/?p=1392 Cómo ya sabemos el tiempo de carga de nuestro sitio es un factor SEO importante en este tiempo, es por eso que aprendimos a medir la velocidad de carga de un blog. Para disminuír aún más este tiempo, podemos usar Lazy Load.

Lazy Load es un script en jQuery que nos permite retrasar la carga de las imágenes hasta el momento que un usuario se acerqué a esa imágen, lo que nos disminuye considerablemente las peticiones http realizadas a un sitio.

Para agregar este excelente efecto debemos agregar el siguiente script a nuestro footer.php:

PLAIN TEXT
<script type='text/javascript' src='http://blooging.googlecode.com/files/lazyload.js'></script>

Pero debemos tener instalado jQuery en nuestro sitio, si no lo tienes agrega esto a tu footer.php:

PLAIN TEXT
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js'></script>

Con esto ya tenemos la mayor parte hecha, sólo nos falta agregar el código que hará funcionar Lazy Load, que es este:

PLAIN TEXT
<!--Lazyload-->
<script type='text/javascript'>
jQuery(document).ready(function($){
  jQuery(".entry img").lazyload({
    effect:"fadeIn",
    placeholder: "http://img130.imageshack.us/img130/2134/ajaxloader.gif"
  });
});
</script>

En este caso usamos #entry img, para que haga el efecto solamente en las imágenes de los posts, aunque podemos usar img (sin # ni .) para que haga el efecto en todas las imágenes del sitio.

También podemos usar una imagen de fondo, para que ocupe el lugar de la imagen original antes de cargarla. Podemos usar la misma imágen que usamos en el efecto cargando que hacemos con CSS.

P.D: Usamos los servidores de Google para alojar scripts.

]]> http://programoweb.com/lazy-load-retrasar-carga-imagenes.html/feed 10 Medir velocidad de carga de un Blog http://programoweb.com/medir-velocidad-carga-blog.html http://programoweb.com/medir-velocidad-carga-blog.html#comments Sat, 20 Mar 2010 02:29:25 +0000 JuanK http://www.blooging.net/?p=1376 La velocidad de carga de un sitio es un factor SEO muy importante y estos últimos días he estado observando que mi blog cargaba muy lento entonces empecé a hacer pruebas utilizando principalmente Firebug y la extensión del mismo, YSlow, de Yahoo!.

Al hacer las pruebas dí con que la velocidad de carga del blog era mucha e YSlow me daba una calificación "F" en velocidad, caché y las otras cosas que trae. Eso no me gustó para nada y empecé a arreglar lo que me decía hasta que llegué a una calificación "C", mejor, pero no excelente.

Ahora lo que les traigo es una aplicación online que nos permite observar la velocidad de carga de un sitio y ver los objetos que más tardan en responder, de esta forma podremos arreglarlos y mejorar la eficiencia de nuestro blog.

Se trata de Pingdom Tools, una herramienta gratuita que nos muestra los resultados en gráficos, para obtener resultados faciles de entender.

Para usarlo sólo debemos ingresar la url de nuestro sitio y empezará. Si ya lo habías utilizado antes, te encontrarás con los datos anteriores para poder comparar los nuevos resultados.

Enlace: Pingdom Tools

]]> http://programoweb.com/medir-velocidad-carga-blog.html/feed 7 Herramientas para conseguir visitas http://programoweb.com/herramientas-para-conseguir-visitas.html http://programoweb.com/herramientas-para-conseguir-visitas.html#comments Thu, 26 Nov 2009 20:10:22 +0000 JuanK http://www.blooging.net/?p=1276 Desde Tengoun.com.ar nos muetran una lista con herramientas para aumentar las visitas de nuestro sitio. Todas ellas son herramientas gratuitas que nos permitiran analizar a fondo los distintos factores que favorecen a nuestro SEO, para mejorar nuestro posicionamiento.

]]> http://programoweb.com/herramientas-para-conseguir-visitas.html/feed 4 Consejos SEO http://programoweb.com/consejos-seo.html http://programoweb.com/consejos-seo.html#comments Thu, 05 Nov 2009 17:03:03 +0000 JuanK http://www.blooging.net/?p=1260 En Reparación de PC nos dan a conocer una serie de posts con consejos SEO para mejorar nuestra posicionamiento y visibilidad en los buscadores. No están nada mal y a más de alguno le servirá.

]]> http://programoweb.com/consejos-seo.html/feed 4 El “secreto SEO” http://programoweb.com/secreto-seo.html http://programoweb.com/secreto-seo.html#comments Sun, 04 Oct 2009 20:35:06 +0000 JuanK http://www.blooging.net/?p=1236 En TengoUn.com.ar nos revelan el secreto SEO. Muy útil si intentas posicionar palabras claves.

]]> http://programoweb.com/secreto-seo.html/feed 1 Romper Iframes [Script] http://programoweb.com/romper-iframes-script.html http://programoweb.com/romper-iframes-script.html#comments Sun, 20 Sep 2009 19:29:19 +0000 JuanK http://www.blooging.net/?p=1220 Mientras me daba una vuelta por ForoBeta me encontré con un script que nos permite eliminar cualquier iframe, como por ejemplo, en los resultados de busqueda en las imágenes de google. Al entrar a una imágen se muestra una barra blanca, con el enlace hacia la imágen, pero aunque se cargue nuestro sitio, no nos envía visitas.

Bloquear Iframes [Script]

Para arreglar esto podemos implementar un script que nos elimine ese iframe, de tal forma que las visitas se vean obligadas a entrar a nuestro sitio.

Este código lo agregaremos dentro de las etiquetas <head> </head> (según los usuarios de ForoBeta deberíamos agregarlo justo debajo de <body>, pero al hacerlo se demora más en cargar el script y es una molestia para los usuarios. Ya probé que  funciona perfectamente dentro de <head>, no se preocupen)

PLAIN TEXT
<!--Romper Iframes-->
   <script type="text/javascript"><!--
   if(top.location!=this.location) top.location=this.location;
   //--></script>

Podrán sacarle mucho provecho si reciben hartas visitas desde Google Images, ya que ahora todas las visitas entrarán a nuestro sitio por obligación ;)

Espero que les sea igual de útil que a mí.

]]> http://programoweb.com/romper-iframes-script.html/feed 8 El PageRank explicado con agua http://programoweb.com/el-pagerank-explicado-con-agua.html http://programoweb.com/el-pagerank-explicado-con-agua.html#comments Sun, 26 Jul 2009 22:16:13 +0000 JuanK http://www.blooging.net/?p=1158 En Adseok nos muestran un interesante video, en el cual un científico intenta explicar el funcionamiento del PageRank de forma gráfica.

El video es muy simple: con unos tubos de colores intenta explicar como funciona el PageRank llenandolos con agua.

El video está en Inglés.

Vía: Adseok
Enlace: El PageRank explicado mecánicamente

]]> http://programoweb.com/el-pagerank-explicado-con-agua.html/feed 1