Gestionar los tiempos de inactividad en una web

Conocido como «downtime» el periodo de inactividad es el tiempo durante el cual una página web no está disponible cuando el robot de Google, Googlebot (u otros robots, no debemos olvidarnos), intenta rastrearlo. La cuestión es que ese tiempo de inactividad puede afectar significativamente a los resultados de nuestro sitio web en las búsquedas de Google, por tanto hay que gestionar dichos periodos lo mejor posible para evitar penalizar nuestro sitio web tal y como recomiendan desde Google.

Muchas veces no hay más remedio que poner una página web fuera de servicio para labores de mantenimiento importantes o por un problema de seguridad, pero hay opciones para indicar a los robots que habrá dichos periodos de inactividad y que por tanto lo tengan en cuenta de cara a no perjudicar a nuestro sitio web en los resultados. Para ello, se sustituiría el código HTTP 404 devuelto normalmente cuando no se encuentra un sitio web por el código HTTP 503 que indica precisamente que un Servicio no está disponible. Este estado nos permitirá además ofrecer un tiempo estimado añadiendo un encabezado opcional “Retry-After header” en el cual podremos indicar al robot que vuelva a rastrear la url nuevamente en un plazo determinado. Eso si debemos tener cuidado con devolver esté código durante un periodo de tiempo ajustado, ya que la devolución de un estado 503 durante un tiempo prolongado podría ser tomado como una señal de que el servidor no está disponible de forma permanente y se eliminen las URL de los resultados de Google.

Pagespeed de Google sale de su fase Beta

Así lo han anunciado en el blog de desarrollo de Google, el complemento pagespeed desarrollado por Google y lanzado en 2010 sale por fin de su fase Beta. Este mod, contribuye a mejorar la rapidez de carga de las páginas web, algo que sin duda es de gran importancia en internet, donde un tiempo de carga excesivo podría dar al traste con la experiencia de uso de un sitio web. Según indican, habría unos 120.000 sitios web utilizando este complemento para mejorar su rendimiento y es que tras 18 versiones, creen que este módulo de código abierto para Apache, ya es lo suficientemente estable como para dejar de considerarse una versión Beta. Sin duda es un interesante complemento a considerar, que de hecho, muchos hosting incorporan de serie y si gestionáis un sitio web, quizás debáis revisar si os conviene utilizar este mod.

W3 Total Cache para mejorar el rendimiento de WordPress

W3 Total Cache es un plugin con el cual podrás mejorar el rendimiento de tu blog o página basada en WordPress. Todos sabemos de la importancia en la velocidad de carga de una página, así un usuario si visita una web lenta podría acabar por cansarse y abandonarla y los buscadores por ejemplo tienen en cuenta la velocidad de carga para el posicionamiento de una web. Con este plugin se optimizará la velocidad de carga y se reducirá el consumo de recursos. Para ello lo que hace es generar páginas estáticas en HTML a partir de las páginas dinámicas generadas por WordPress almacenandolas para luego servirlas en lugar de realizar una petición. Su configuración es muy sencilla y sin duda la mejora puede ser muy sustancial sobre todo cuando nuestro site con WordPress es visitado por un número elevado de personas.

Página oficial del desarrollador.

 

LoremPixel, ayuda para encontrar imágenes con las que diseñar una web

Cualquier diseñador web se encuentra muchas veces con la necesidad de encontrar imágenes (además de los habituales textos LoremIpsum) adecuadas a la hora de presentar un «diseño», tarea que a veces puede hacerse complicada ya que encontrar imágenes con ciertas características puede requerir de bastante tiempo. Aquí es donde entrar en juego LoremPixel, un nuevo servicio online que permitirá a los diseñadores generar imágenes con unos tamaños concretos. Con un par de clicks se puede definir el tamaño que se desea que tenga la imagen, la temática y si es en color o en escala de grises. Las imágenes, eso si, se proporcionan con derechos Creative Commons pero solo para labores de diseño, si se quieren utilizar con otra finalidad será necesario pedir autorización. En su base de datos se almacenan casi 200 millones de imágenes y sin duda se convertirá en una referencia para cualquier diseñador web.

 

Nuevo algoritmo de Google

Optimización para los buscadores

El algoritmo de búsqueda de Google es algo como la ansiada fórmula secreta de la Coca Cola. Todo el mundo querría saber como es exactamente este algoritmo, porque sin duda eso puede ayudarles a posicionar sus páginas, y en consecuencia seguramente generar unos mayores niveles de tráfico (y eso redunda en más ingresos seguramente). Aunque durante algunos días no se dijo nada, finalmente Matt Cutts hizo una publicación en Twitter donde confirmó el cambio en la implementación del algoritmo con el cual se clasifican los resultados de las búsquedas.

En un principio esta actualización, considerada como menor, estaría destinada a permitir que aparezcan más dominios en los resultados de búsqueda. De esta forma se trataría de evitar que en una misma página apareciese un número muy elevado de resultados de un mismo dominio y ofrecer así una mayor diversidad a los usuarios en sus búsquedas.

Aún habrá que esperar un tiempo a ver cuales son los efectos, ya que estos tardan algún tiempo en materializarse y hacerse notar. No obstante a cualquier webmaster le convendría estar atento a las estadísticas de visitas para ver si este cambio afecta de forma significativa al tráfico de sus webs.

Medir la velocidad de carga de una web con GMetrix

Cualquier desarrollador web debería saber de la importancia en lo que se refiere a los tiempos de carga de una página web. Si bien, con la mejora de las velocidades de las conexiones actuales (aunque no sea por igual dicha mejora en todos los países) este factor se ha reducido ligeramente en comparación con las obsoletas y lentas conexiones de modem de años atrás. También habría que tener en cuenta que en la actualidad, hay otros dispositivos en movilidad donde las velocidades son algo más lentas que las ADSL pero lo que está claro es que cuanto más rápida sea la carga de nuestra página mejor. Si una página se demora mucho en cargar y mostrar los resultados a los usuarios, puede acabar por hacer que estos se marchen a otra parte.

Pues bien, GMetrix.com nos ofrece una interesante herramienta para poder monitorizar dicho rendimiento. Accediendo a su web simplemente tendremos que meter la URL del sitio web que queremos monitorizar y nos devolverá el correspondiente informe. Un informe que por un lado nos ofrece una valoración global tras realizar la medida de diferentes parámetros lo cual nos permitirá analizar en que punto está fallando el rendimiento de nuestro sitio web. Podremos ver si por ejemplo el número de peticiones es muy elevado, si estamos empleando técnicas para optimizar las imágenes, etc. El servicio ofrece también la posibilidad de comparar dos sitios de forma que podríamos hacer una comparación por ejemplo con una web de nuestra competencia y así verificar si lo estamos haciendo mejor o peor que ellos en este aspecto.

El contenido a simple vista de una web, lo más importante

Cuando se diseña una página web hay que tratar de encajar muchos elementos y esto lleva en muchos casos a que no podamos tenerlos todos a simple vista. El motivo, es que las resoluciones de pantalla no permitan visualizar todo el contenido. Y es que prácticamente tres de cada cuatro usuarios solo se quedan si el contenido que se ve de un vistazo es lo que necesitan, prácticamente solo un 23% de los usuarios hacen scroll para buscar el contenido que pudieran necesitar. En el pasado con las bajas resoluciones de pantalla, esto hacía que fuese especialmente importante tener esto en cuenta, pero hoy en día en cierta medida el problema se ha visto minimizado ya que las resoluciones de pantalla han aumentado considerablemente facilitando esta labor.

Y es que no es fácil tener todos los contenidos de nuestro sitio web de forma que no sea necesario realizar un scroll en algún momento. Por ejemplo si en un listado de resultados  tratamos de reducir el número de resultados por página para seguir este concepto, se nos generará un mayor número de páginas, lo cual también puede ser contraproducente, así que hay que buscar cierto equilibrio en todo momento.

Por tanto, es muy importante tener una cabecera muy concisa, un menu de navegación suficientemente sencillo y que a la vez facilite la navegación por nuestro sitio web, y tener claramente lo que nuestro sitio web ofrece a los visitantes de cara a atraparlos y lograr que sigan explorando nuestro sitio web (y de paso no dejen de hacer el scroll). También hay que tener en cuenta, que con el auge de nuevos dispositivos como las tablets y smartphones hay que tener este aspecto muy en cuenta, ya que en estos la disminución de pantallas si podría seguir siendo un factor muy determinante, así pues, la clave está en tener en la cabecera un gancho suficientemente atractivo para que nuestros visitantes sigan profundizando en nuestro sitio web, sino es más que probable que acaben por abandonarlo.

Generar contenido original … esa es la cuestión

O al menos así lo entienden los buscadores. Y es que a pesar de muchas técnicas que uno intente utilizar para mejorar el posicionamiento de una página web, el generar contenidos propios y que además tengan calidad es el punto de partida para lograr mejorar nuestra visibilidad. Es cierto, que hay que aprovechar todas las técnicas que los motores de búsqueda nos ofrecen, pero no debemos olvidar que el destinatario final de nuestros sitios web no son esos buscadores, sino los visitantes que a través de estos buscadores llegan a nuestra web. Y si cuando estos llegan, no hacen sino encontrarse contenidos duplicados, posiblemente y a menos que nuestro sitio sea su primer punto de referencia, acabarán por dejar de visitar nuestra web o acabarán por dejar nuestro RSS (que aún no lo tiene tu web, a que esperas para poner uno) en un segundo plano. De esta forma, si creamos un contenido completamente nuevo, este seguramente atraerá y enganchará mucho mejor a nuestros visitantes que cualquier otro contenido (y si, posiblemente luego al final, acabe duplicado en algún lugar de la red).

Pero no siempre podemos tener contenidos originales. Cierto es que es difícil que, si uno visita páginas de temáticas similares, no acaben por darse algunas coincidencias. Los temas candentes suelen comentarse en diferentes páginas y al final uno acaba por encontrar el mismo tema varias veces repetidas. Pero no debemos limitarnos a replicar una noticia o artículo visto en otro lado, eso no aporta ningún valor. Lo ideal, sería documentarse sobre el tema (posiblemente leyendo la noticia en varias fuentes para contrastar), si podemos experimentar sobre la cuestión y finalmente ofrecer nuestra opinión lo más personal que sea posible. De esta forma, el visitante, cuando llegue a nuestra página si se detiene a leer el artículo y acaba comprobando que hay ciertos detalles en nuestro artículo que acaban por diferenciarlo, se sentirá más atraído para una siguiente visita. Así pues, aunque hablemos de un tema recurrente, no caigamos en la tentación de «duplicar» contenidos, sino que tratemos de dar nuestro toque a lo que publiquemos.

Las ideas son dos, intentar crear nuestros propios contenidos y por otro lado cuando hablamos de algún tema «recurrente» dar nuestro toque personal.

El Apple Touch Icon ¿que es? y como añadir uno a nuestra web

Desde hace algún tiempo Apple permite que en iOs podamos crear accesos directos a algunas páginas web como si se tratase de iconos de apps. Para ello, desde el navegador Safari podemos elegir la opción «Añadir a pantalla de inicio» (que está disponible desde el mismo boton con el que podemos guardar una página en favoritos, el llamado «Boton de acción»). Al hacerlo, por defecto se crea una imagen con una pequeña captura de la página en cuestión. No obstante si queremos definir un icono propio en lugar de hacer uso de esa captura, podemos definir el llamado Apple Touch Icon.

¿Y como lo hacemos? Lo primero de todo es crear el icono, el cual debe cumplir las siguientes condiciones impuestas por Apple: debe estar en formato PNG y debe tener una resolución adecuada al dispositivo (144×144 pixeles o 72×72 pixeles para los iPad y 57×57 pixeles en el caso del iPhone). Si el icono lo tenemos almacenado en la raiz de nuestro sitio web con el siguiente nombre: apple-touch-icon.png todo debería funcionar de forma automática. Pero lo más fácil es que por tener todo mejor organizado en nuestro servidor este icono no se pueda encontrar en la raiz, con lo cual tendremos que añadir algo de código a la cabecera <head></head> de nuestra página. El código sería como sigue:

<head>
<link rel=»apple-touch-icon» href=»ruta_donde_esta_el_icono/apple-touch-icon.png»>
</head>

Y si además, queremos usar un icono distinto en iPhone y iPad, escribiremos el siguiente código:

<head>
<link rel=»apple-touch-icon» sizes=»57×57″ href=»ruta_donde_esta_el_icono/touch-icon-iphone.png» />
<link rel=»apple-touch-icon» sizes=»114×114″ href=»ruta_donde_esta_el_icono/touch-icon-ipad.png» />
</head>