¿Sitio web lento? Fracaso asegurado

sitio_web_lento

La carga lenta es un problema raíz que conlleva a una gran serie de factores completamente negativos para tu marca o negocio. Aprende cómo evitar el fracaso web y comprende los fundamentos que dominan la interacción en internet.

Las páginas web han evolucionado rotundamente desde los inicios de internet donde solo soportaba texto. El cambio en cuanto a fundamentos de diseño ha ido acompañado de los avances tecnológicos que los han hecho posible, pero en la última etapa de la evolución web tanto el diseño como la funcionalidad se basan principalmente en la eficiencia y optimización.

Motores de búsqueda: los directores de la web

google

A medida que crecía la cantidad de sitios web disponibles, internet comenzó a ser un lugar más que caótico, puesto que resultaba imposible saber que ciertos sitios web siquiera existían. Así fue como los primeros directorios web comenzaron a aparecer para convertirse en lo que hoy se denominan “motores de búsqueda” o simplemente “buscadores” Hoy son uno de los negocios más rentables de internet.

La importancia de estos se ha vuelto menester, desde que mitigan el caos de la web y establecen criterios de relevancia para posicionarte en una lista de resultados. Estos criterios son los tenidos en cuenta para hacer las prácticas de optimización para motores de búsqueda o SEO por sus siglas en inglés, y así competir por los primeros lugares de la página de resultados.

La presencia en internet es sumamente importante para cualquier tipo de negocio, empresa o PyME, puesto que es el lugar de rápido acceso a la información para el ciudadano común. Estar al día con las reglas SEO también es sumamente importante porque las probabilidades de encontrar tu sitio son remotas a medida que se avanza en la página de resultados, por supuesto que de nada sirve un sitio que nadie visitará.

Volviendo al tema central de este artículo, la velocidad resulta ser uno de los factores más relevantes y una vez más, los buscadores están directamente relacionados con este aspecto.

Resulta que el algoritmo que determina la posición de tu sitio web utiliza ciertos parámetros clave, de los cuales el tiempo de carga es el más relevante. Tiempos de carga cortos (equivalente a velocidades altas de carga) son dominantes. Puedes conocer este y otros parámetros con PageSpeed Insights de Google.

Las recomendaciones

Existen muchas formas de mejorar la velocidad de carga de un sitio, por lo que te contamos a continuación, alguna de las prácticas más efectivas para tal fin.

#1: Formato de imágenes adecuado:

Las imágenes son en general el principal factor de aumento en el tiempo de carga. En este caso es importante que utilices el formato adecuado de imágenes comprimidas, es decir, que ocupen menos espacio en disco y así puedan ser descargadas por el navegador más rápidamente. Los formatos de última generación son: JPEG 2000, JPEG XR y WebP.

#2: Evitar sobremuestreo de imágenes:

El sobremuestreo ocurre cuando una imagen es mostrada en un marco de menor tamaño que el propio de la imagen, por lo que se dice que la imagen está sobremuestreada. Las consecuencias no son visibles al ojo del espectador (como sí lo es el caso contrario de submuestreo) pero resulta en una mala práctica ya que tener imágenes grandes implica que ocupan mayor espacio y se consuman mayor cantidad de datos.

#3: Las propiedades técnicas del proveedor de hosting:

Muchos factores técnicos que influyen en la velocidad se encuentran fuera de nuestro control directo, ya que son parte de las prácticas de los proveedores de hosting. La única forma que tenemos de asegurarnos un buen desempeño y que todos nuestros esfuerzos sean útiles será eligiendo un proveedor de alojamiento web que esté a la altura.

#4: El uso adecuado del caché:

El caché es una almacenamiento temporal que se utiliza para que el trabajo de carga se realice una sola vez, luego el sitio carga casi de inmediato hasta que el plazo se vence y se vuelve a cargar como la primera vez, para asegurarse que los cambios se vean reflejados. Un plazo largo de caché para los elementos estáticos es la mejor forma de beneficiarse de este recurso.

#5: Optimización para dispositivos móviles:

Esta clase de dispositivo se ha convertido en el eje central de la navegación web. Según datos del gigante informático Google, más de la mitad de las búsquedas se hacen a través de estos dispositivos.

El problema radica en que, por lo general, la conectividad de estos es limitada y se debe ahorrar tanto como se pueda en transferencia de datos, por lo que una versión liviana y óptima de tu sitio debe estar disponible para ser visualizada por dispositivos móviles. Subestimar esta recomendación es un error grave, debido a la importancia que los propios motores de búsqueda le están dando a la parte móvil.

Además de los aspectos técnicos, entender el comportamiento del usuario es relevante, por ejemplo, los visitantes no son muy pacientes y si el sitio demora mucho en cargar, lo más probable es que sigan buscando en otro lado. Esto es importante para crear la mejor experiencia posible y así, lograr el éxito de tu negocio.

Smaller, compresor HTML, CSS y JS para que tu sitio cargue como un rayo

smaller

Hoy en día uno de los factores clave en el posicionamiento es que nuestro sitio cargue rápido. Esto se logra teniendo un código limpio y liviano, sin demasiados elementos innecesarios, y algo muy importante, comprimir los archivos para cargarlos en uno solo.

Smaller es una genial herramienta que nos permite comprimir el HTML, CSS y JS para que nuestro sitio cargue más rápido. Lo que hace es «unir» todos los archivos en uno solo así el servidor solo tienen que entregar un archivo y no varios.

Esta app está disponible solamente para OSX y su funcionamiento es realmente muy simple y rápido. Solo abrimos la herramienta, arrastramos todos los archivos que queremos comprimir a la ventana y listo (incluso, para mayor rapidez podemos arrastrar los archivos directamente al ícono en el dock).

Tiene una serie de configuraciones que podemos modificar de acuerdo a nuestras necesidades, pero nada de otro mundo.

Es una genial herramienta que va directo al grano, comprimir o «minificar» el código para que nuestro sitio cargue más rápido.

Lista de comprobación para revisar antes de lanzar una web

Lanzar un nuevo sitio web no es moco de pavo; hay que realizar un par de tareas esenciales que nos asegurarán que todo funcionará bien. Por eso, cuando vi esta herramienta, me pareció tan genial que quería compartirla con ustedes. Se trata de Web Launch Checklist, sigan leyendo para saber de qué se trata.

Lista comprobación sitio web

Web Launch Checklist es una especie de lista de comprobación en la cual podemos basarnos para saber si nuestro nuevo sitio web está listo para ser lanzado.

La lista abarca diversos aspectos de optimización en un sitio web, como la performance, el SEO, accesibilidad, seguridad, contenido, y funcionalidad.

Dentro de cada una de estas categorías, hay distintos ítems a chequear junto con una descripción que nos explica más claramente de qué se trata.

Obviamente, algunos de los ítems no corresponden a nuestras expectativas como sitio web, pero esas se pueden saltar. Cada uno sabe qué es lo que necesita su sitio web.

Creo que es una herramienta excelente que tendríamos que tener en marcadores para uso futuro.

 

Winginx, un server nginx para Windows

En el caso de que queramos montar un server Apache en Windows y Mac tenemos WAMP y MAMP, pero en este caso les quiero comentar sobre Winginx, un software que nos permite montar un servidor nginx en Windows.

La ventaja de este tipo de herramientas es que nos permiten montar un server de manera sencilla sin tener que ir instalado todo por separado. Así descargamos el instalador y dejamos todo funcionando en minutos.

winginx

Como todo este tipo de herramientas, viene con una serie de software preinstalado, y en este caso Winginx viene con PHP, Node.js, Nginx, MySQL, MongoDB, Redis y memcached.

Winginx funciona con Windows Vista, Windows 7, Windows 8 y Windows 8.1.

Enlace: Winginx

Google te enseña a optimizar tu sitio para su buscador en la Academia para Webmasters

Academia para webmasters
Tener un sitio optimizado para buscadores no es una tarea sencilla, hay ciertos conocimientos que tenemos que tener (que cada día son más porque Google se pone cada vez más quisquilloso), que el código limpio, que el sitemap, que el sitio sea usable, que tenga contenido interesante para el lector, y un largo etcétera que se convierte en una tarea larga y dura.

Por suerte han lanzado una sección llamada Academia para Webmasters donde nos enseñan paso a paso cómo configurar y optimizar nuestro sitio web para obtener los mejores resultados en el buscador. La academia no es nueva, ha sido lanzada el año pasado en inglés, pero desde hoy está disponible en español.

En este sitio van a encontrar todo tipo de ayuda paso a paso con videos informativos, enlaces de interés, y un sistema muy interesante que nos permite ir tildando las tareas que vamos realizando con un indicador de porcentaje. Si llegan al 100% dense por recibidos de Buda porque es un quilombo, y perdón por el argentinismo :P.

Visto en El Blog para Webmasters

Escanea tus sitios en busca de errores de programación con modernIE

modernie

modern.IE es una herramienta lanzada por Microsoft que nos permite testear un sitio web en busca de errores de programación, aunque en realidad no es tan así, sino que busca errores que restarían usabilidad, rendimiento y comodidad a la hora de visitar una web.

Con sólo ingresar la URL de un sitio se elaborará un informe muy detallado con el «problema» y sugerencias para solucionarlo.

Una de las cosas que más me gustó es que podemos descargar el informe en formato PDF, lo cual nos permite leerlo luego y tomarnos el tiempo necesario de solucionar los problemas.

Enlace: modernIE

Visto en Nirmaltv

¿Qué cosas hacen que las visitas abandonen tu sitio?

Mantener al lector en un sitio es algo muy importante en los webmasters y bloggers, ya que una visita que está mucho tiempo en el sitio se convierte en un potencial cliente que compra algo o hace uso del contenido.

Hay varios factores que hacen que una visita abandone tu sitio rápidamente, y en la siguiente infografía van a ver cuáles son. Les dejo el resumen de puntos importantes, pero igualmente les recomiendo que vean la infografía completa porque tiene más datos.

  1. Mala navegación.
  2. Demasiada publicidad.
  3. Mala estructura del contenido.
  4. Uso intrusivo del audio y video.
  5. Necesidad de suscripción o registro.
  6. Diseño y contenido aburrido.
  7. Mala legibilidad.
  8. Falta de frecuencia de actualización.n

website-design-tips-infographic

Visto en GeeksRoom

Browserbite: Testea tu sitio con todos los navegadores

Si bien con el paso del tiempo los navegadores están más «parejos» a la hora de renderizar un sitio web todavía hay gente que usa navegadores obsoletos como Internet Explorer 6, lo cual obliga a muchos webmasters a estar perdiendo tiempo tratando de que el sitio se ve abien en todos los navegadores, incluso en esas porquerías.

Browserbite es una herramienta muy útil que nos permite hacer un test de visualización de nuestro sitio web en la mayoría de los navegadores web más populares. Lo único que tienen que hacer es ingresar la URL del sitio web que quieren testear y esperar unos minutos para que el sistema genere las visualizaciones.

Como verán en Punto Geek ya ni nos preocupamos por los usuarios de navegadores viejos, si se ve mal se ve mal :P.

Enlace: Browserbite

The Responsinator: Testea tu diseño responsive online

The Responsinator es una herramienta muy útil para diseñadores y bloggers que desean que sus sitios se vean correctamente en dispositivos móviles, ya que nos permite testear nuestro diseño responsive en varios dispositivos y plataformas.

Lo único que hay que hacer es poner la URL del sitio que quieren testear y automáticamente comenzará a cargarse en cada uno de los dispositivos. Podemos entrar un iPhone, un iPad, un Kindle, y muchos más, todos en diferentes resoluciones.

Enlace: The Responsinator

Visto en MUO

Tres maneras de posicionar una web con base en Panda y Penguin

Este artículo fue escrito por Kleber Barrios de Pasion SEO para la sección de Blogger Invitado.

El posicionamiento en buscadores también conocido como SEO por sus siglas en ingles, consiste en las tácticas, herramientas y directrices que se deben cumplir para lograr que una página web aparezca en los primeros resultados de un buscador.

Pero, la gran pregunta acá es cuáles son esos pasos que se tienen que tener en cuenta, cuál será la persona que te dirá “Hey esto es lo que tienes que hacer si quieres posicionar tu web”. Podríamos decir que en el mercado hay muchos buscadores pero seamos sinceros, sólo nos interesa posicionarnos en Google, ya que el gigante buscador es quien posee el mayor tráfico web del mundo.

Precisamente es Google quien te dirá qué debes hacer para que tu sitio web aparezca primero en los resultados de búsqueda, las tácticas y directrices son reveladas a través de sus actualizaciones de algoritmo.

En lo que va del año Google ha presentado dos actualizaciones de su algoritmo, las cuales son Panda y Penguin. Con base en estas actualizaciones, las 3 mejores maneras de posicionar tu sitio web en Google son:

Contenido de Calidad

Para Panda el contenido es el rey, debes crear contenido de valor si quieres que Google te tenga en cuenta, evita copiar y pegar. Por supuesto seria ideal crear contenidos que perduren en el tiempo, como por ejemplo los tutoriales.

Un contenido de calidad se determina según la extensión, redacción y fondo del mismo. No ganas nada divagando entre palabras sin sentido, llega a la síntesis del contenido. Por ejemplo con este artículo antes de leerlo ya sabias sobre lo que trataba, procura por crear títulos que llamen la atención del usuario y sean virales.

Actualiza el contenido

Listo, ya tenemos claro el primer punto el cual es crear contenido de calidad, pero con qué frecuencia lo actualizas. El algoritmo Google Panda demostró como en este nuevo ecosistema mucho más social gracias a las redes sociales, el contenido fresco es el que le interesa a los usuarios.

Por ello el contenido fresco también le interesa a Google. El gigante buscador de la G mayúscula trabaja arduamente para mejorar los resultados sociales, con su mas reciente “línea del conocimiento” espera poder dar un paso más hacia la búsqueda semántica.

Evita demasiado SEO

Parece paradójico pero el algoritmo Penguin lo dejo claro, a Google no le gustan los sitios web que se optimizan demasiado para el SEO, estas tácticas son conocidas como Black SEO. Penguin detesta el uso abusivo de las etiquetas para los títulos y las descripciones. Procura que tu contenido y tus etiquetas tengan afinidad, no utilices en un artículo de animales por ejemplo etiquetas como descargar, gratis, dinero, solo porqué son las más buscadas en la red.

Ambos algoritmos afectaron el ecosistema web y muchos sitios vieron como sus visitas se desplomaron. En porcentajes estaríamos hablando de un 12% afectados por Panda y un 3,1% afectados por Penguin, pero es este último el mayor importancia para Google. Recuerda, no abuses del SEO.