Mejorar tu página web con Google PageSpeed Insights

Probablemente estás al tanto de la nueva política de Google de favorecer a las páginas web que disponen de conexión segura (https) y las que se adaptan bien a dispositivos móviles, ya sean teléfonos o tabletas. Dentro de esta política, Google está ayudando a los webmaster a adaptarse, facilitando la incorporación de elementos de diseño responsivo (adaptado a todo tipo de dispositivos), mediante una herramienta gratuita de diagnóstico que se llama Google PageSpeed Insights.

Una forma de llegar a esta herramienta es a través de Webmaster Tools, dentro del menú Search Traffic, sección Mobile Usability. Aquí encontraremos una lista de páginas de nuestro sitio web que no cumplen con las mejores prácticas según Google. Los ejemplos más habituales:

• Viewport not configured
• Small font size
• Touch elements too close
• Content not sized to viewport

Lo más interesante de la herramienta es que te proporciona una guía paso a paso para corregir estos problemas.

Definir el producto adecuado para tus clientes

Todavía no he terminado de pulir mi primer producto, la lista de empresas de reciente creación, y tengo todo tipo de dudas sobre cómo desarrollarlo. Si centrarme en ofrecer información más completa o más depurada, si debe ser una lista para descargar o un servicio de consulta en un portal web. O si desarrollar el producto pensando en los usuarios de móviles.

La forma en que está definido ahora el producto es una tabla (un fichero en formato CSV), listo para ser importado en una hoja de cálculo o una base de datos, y a partir de ahí, hacer búsquedas y filtros para seleccionar la información requerida.

He encontrado inspiración en la matriz de productos que definió Steve Jobs al volver a Apple en 1997:

Más sobre mejorar el posicionamiento web

En el post anterior me dejé dos áreas de mejora para el posicionamiento web de mi página que también quiero abordar a corto plazo:
1) El uso de librería avanzadas como jQuery que proporcionan una gran flexibilidad a un sitio web y mejoran muchísimo la apariencia estética y la funcionalidad. Para asegurarme una buena implementación estoy realizando un curso online, a través de Learnable. Una de las funcionalidades que permite jQuery es el contenido tabulado, que puede ser fundamental para mostrar una gran cantidad de contenido sin obligar a abusar del scroll. Admeás proporciona una imagen mucho más limpia y ordenada.
2) La creación de una versión específica para móviles, sabiendo que alrededor de un 10% de la navegación por internet se realiza a través de dispositivos móviles y que la tendencia va en fuerte aumento. Aquí puede ayudar de nuevo la librería jQuery, que tiene una verisón especial para móviles. En el caso de tablets como Android e iPads, creo que lo mejor es dar la opción al usuario de elegir si quiere versión tipo ordenador o verisón móvil - o mejor aún diseñar una versión específica.

Además de jQuery hay otras  posibilidades como HTML5, o Bootstrap, la librería lanzada por el equipo de Twitter. Bootstrap parece especialmente atractiva para hacer desarrollos que contemplan todo tipo de dispositivos y resoluciones de pantallas.

Como bono adicional, me he dado cuenta que con los conociminetos adquiridos, también podría desarrollar un curso de jQuery en español (el que estoy haciendo está  en inglés), colgarlo en Moodle y venderlo a través de mi tienda online ZenCart, si es que alguna vez la pongo en marcha :-)

Cómo mejorar el posicionamiento de la web.

Uno de los aspectos fundamentales de un negocio basado en la web es tener un buen posicionamiento en los resultados de búsqueda - para así conseguir más visitas! - como paso previo a la conversión.

Hay 3 formas de conseguir un buen posicionamiento:

1. creando un contenido excepcional, que sea a la vez original y relevante. Nunca caer en la tentación de atajos como comprar contenidos que ya están en otros cientos de sitios web, copiar contenido ya existente, o crear contenido artificialmente, como si fuera spam.
2. consiguiendo un conjunto de enlaces variado  y con rango. Lo ideal es que fuera de forma natural, usuarios que han llegado a tu página y la enlazan, comentan y recomiendan. También se puede conseguir mediante intercambio de enlaces, aunque ésta es una técnica arriesgada, ya que si los enlaces son artificiosos, quedarán devaluados. Finalmente la más sencilla y fácil de controlar, aunque laboriosa, creando comentarios en sitios que permitan introducir nuestra dirección ya sea ligada al nombre de usuario o dentro de los comentarios.
3. optimizando la estructura de la página web para conseguir una mejor aceptación por los buscadores. Se trata de algunos principios muy sencillos, como tener títulos descriptivos y relevantes, incluir descripciones atractivas (una vez que se muestran en los resultados de búsqueda, son las que guían al usuario para clicar o no para visitar nuestra página), limitar el número de enlaces, utilizar adecuadamente cabeceras y etiquetas, etc.

Y se trata de combinar las 3, no de utilizar una sola o dos de de ellas.

Por supuesto también se pueden conseguir más visitas a través de servicios de pago como Adwords, pero creo que este tipo de acciones sólo se justifican durante el lanzamiento de una campaña, y tras un cuidadoso estudio del retorno y de la tasa de conversión de las visitas en clientes, usuarios registrados o abonados a la lista de correo.

Durante las 2 semanas anteriores he tratado mejorar la estructura de la web del directorio de empresas. En primer lugar reduje el número de enlaces en la página de detalle, ligada a cada empresas, además de simplificar la estructura. En la página principal, he reducido también el número de enlaces, antes incluía un enlace por sector, otro por comunidad autónoma y otro por provincia. Suprimiendo éstos últimos, me ahorro 52 enlaces por página principal, lo que espero que redunde en una mejora de su posicionamiento. También he suprimido la sección de noticias, que en principio pretendía aportar un contenido dinámico a la página, pero que creo que aporta poco, y me ahorra otros 20 enlaces por página.

Utilizando las Herramientas para Webmasters de Google he podido detectar también que había muchas  páginas irrelevantes en el sitio, que he suprimido (mediante redirecciones 301), y un error en los enlaces de búsqueda de empresas, que provocaban algunos resultados duplicados -  y que algunas páginas nunca se alcanzaran, como si los enlaces fueran erróneos.

Todavía es pronto para evaluar el impacto de estos cambios en el PageRank de Google, si es que tiene alguno, pero espero ver un resultado positivo en las próxima semanas.