Programo Web

En Tensaiweb han publicado un artículo donde nos muestran 10 herramientas SEO gratuitas las que nos pueden ayudar a encontrar las mejores palabras clave para nuestros sitios. Asegúrate de probar algunas de estas herramientas, que de seguro te serán muy útiles.

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

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:

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:

Seguir Leyendo esta Entrada

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:

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

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

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.