Optimización Web

Hoy quiero comentarte por qué es importante la Optimización Web, en las próximas líneas hablaré sobre este tema.

Situación actual

Hoy en día accedemos a internet de una forma intensa ya sea desde el ordenador, tablet o móvil, en cualquier momento y lugar.

A ello ha contribuido en gran medida la llegada y evolución de los móviles, que permiten consumir todo tipo de contenidos audiovisuales, realizar búsquedas, comprar, leer, acceder a redes, etc…

Cruzar la calle sin ver a nadie con el móvil en la mano, es ya un reto casi imposible.

Es evidente que los hábitos de consumo de usuarios y posibles clientes se han transformado radicalmente.

Una tendencia que confirman los datos facilitados por Google del año 2017:

  • El 85% de la población tiene acceso a internet.
  • El 78% de la población accede diariamente.
  • El 96% utiliza dispositivos móviles.
  • El 89% de la población busca información en internet.
  • El 52% de los consumidores tuvieron el primer contacto con un producto en una web o APP.
  • El 54% de los consumidores utilizan internet para decidir sobre una compra.
  • El 32% de los consumidores realizan ya sus compras online.

Ventajas de optimizar la web

Aún así, puede que no sea suficientes los datos para que tomes la decisión de optimizar la web, pero las ventajas son evidentes.

  • Mejorar el posicionamiento natural de la web en los buscadores, sobre todo en las búsquedas desde dispositivos móviles.
  • Al mejorar el posicionamiento natural, aumentarás el tráfico de tu web y las posibilidades de venta.
  • Incrementar la velocidad de carga de la página web y reducir el abandono de los visitantes, pues a partir de 3 segundos se van el 53% de usuarios (datos de Google).
  • El usuario podrá acceder correctamente al contenido desde cualquier dispositivo.
  • La experiencia general del usuario mejorará, incrementando las posibilidades de convertirlo en cliente.

Como realizar la optimización web

Para optimizar la web a nivel técnico es necesario realizar un análisis para verificar en que punto está actualmente.

A continuación te facilito una relación de herramientas gratuitas:

  • GTmetrix, es la que yo la utilizo por la información detallada que ofrece, con la que, con unos conocimientos mínimos podrás optimizar la web tu mismo.
  • PageSpeed Insights, la herramienta de Google, aunque ofrece menos información en el resultado del análisis, por lo que es menos operativa.
  • Lighthouse, también de Google, te permitirá auditar tu web con una extensión instalada en el navegador Chrome.
  • Pingdom Website Speed Test, te ofrece también a nivel técnico aunque con menor detalle que GTmetrix.

Realizar Análisis

Es el momento de ponernos mano a la obra para realizar los cambios necesarios en la web, que influirá significativamente en su rendimiento.

Como he indicado anteriormente, yo utilizo GTmetrix por la información detallada que facilita para conocer que aspectos se deben de mejorar.

optimización web con GTmetrix

Al acceder a la web, tendrás un campo en el que incluyes la url de la web a analizar, “Enter URL to analize…“.

Al pulsar en “Analize”, al poco tiempo te mostrará las valoraciones obtenidas. La más importante es la primera, PageSpeed Score.

Debajo de esta valoración aparecerá un listado de recomendaciones con los diferentes grados de optimización web conseguidos.

optimización web con GTmetrix

Las recomendaciones

A continuación te incluyo el listado de recomendaciones traducidas libremente al español:

  • Aprovechar el caché del navegador
  • Servir imágenes a escala
  • Optimizar el orden de los estilos y scripts
  • Aplazar el análisis de JavaScript
  • Reducir el tamaño de la solicitud
  • Especificar las dimensiones de la imagen
  • Reducir CSS, Reducir JavaScript, Reducir HTML
  • Optimizar imágenes
  • Evitar malas peticiones
  • Evitar redireccionamientos a la página de destino
  • Habilitar compresión gzip
  • Habilitar Keep-Alive
  • CSS pequeño en línea
  • JavaScript pequeño en línea
  • Reducir redirecciones
  • Poner CSS en el encabezado del documento
  • Servir recursos desde una URL consistente
  • Especificar un validador de caché
  • Combinar imágenes usando sprites CSS
  • Evitar CSS @import
  • Preferir recursos asíncronos
  • Especificar un conjunto de carácteres temprano
  • Evitar conjunto de caraácteres en la etiqueta meta
  • Eliminar cadenas de consulta de recursos estáticos
  • Especificar una variante: Aceptar encabezado de codificación

Al pulsar encima te mostrará que tienes que hacer en cada caso y que archivos afecta en tu web, información realmente útil para ponerte con ello.

optimización web con GTmetrix

Para realizar las modificaciones en la web tienes que tener en cuenta varios factores, tus conocimientos técnicos y sobre todo que has utilizado para el desarrollo de la misma.

No es lo mismo “tocar” un desarrollo a medida que una web creada con un gestor de contenidos, que seguramente disponga de módulos o plugins para aplicar las mejoras de forma sencilla.

Las recomendaciones más habituales son:

  • Optimizar imágenes, para reducir al máximo tu tamaño, utilizar preferentemente el formato jpg.
  • Reducir CSSJavaScript.
  • Aplazar el análisis de JavaScript hasta que la página se ha cargado totalmente.
  • Habilitar compresión gzip.
  • Aprovechar el caché del navegador.

A tener en cuenta

Yo utilizo en los proyectos el gestor de contenidos WordPress y en la mayoría de los casos la optimización web conseguida es excelente.

Además de los cambios que puedas realizar tu mism@, es importante contar con un buen proveedor de hosting y contratar el producto adecuado a tus necesidades, pues afectará sensiblemente el rendimiento de tu página web.

Yo trabajo habitualmente con Ionos (antes 1and1) y cumple su cometido perfectamente, esta web está alojada en Ionos y podéis ver su rendimiento actual aquí.

Y para acelerar aún más, utilizad un CDN (Content Delivery Network) o en cristiano…, Red de Distribución de Contenido.

Este servicio permite la entrega de los elementos más estáticos de la web, utilizando servidores locales distribuidos por todo el mundo.

Uno de los más conocidos e incluido en algunos de los productos de Ionos es CloudFlare, que también utilizo en esta web… 😉

Como realizar optimización SEO de la web

Ahora vamos a ver como realizar la optimización SEO de la web, como en el caso anterior realizaremos un análisis previo para conocer en que punto está la misma y saber que cambios concretos se deben de realizar.

A continuación te indico las herramientas que utilizo habitualmente para este fin:

  • SEMrush, para mi la referencia por las posibilidades que ofrece aunque es de pago.
  • SEO SiteCheckup, tienes la posibilidad de utilizarla de forma gratuita, te facilitará un informe detallado.
  • Neil Patel, un consultor de referencia en SEO que ofrece varias herramientas gratuitas en su web.

Realizar Análisis

Para la optimización web SEO de la web utilizo SEMrush, pues ofrece información detallada de lo que tienes que hacer para conseguir que Google indexe mejor tu sitio.

Tienes la posibilidad de probarla gratis de forma limitada.

optimización web con SEMrush

Utiliza la opción Site Audit, indicando el número de páginas que quieres auditar y realizará un análisis de la web.

En muy poco tiempo te ofrecerá la puntuación total conseguida, errores, advertencias y avisos, con un enlace a cada página afectada, indicando que tienes que hacer en cada caso.

Sólo queda que te pongas a ello….!!!

optimización web con SEMrush

Aunque la optimización web se puede realizar en cualquier momento, es importante contar con una estrategia previa, conocer la competencia, saber qué les interesa a tus usuarios y generar contenidos interesantes que atraigan a tu cliente ideal.

A corto/medio plazo verás los resultados.