Cómo optimizar una web totalmente (o casi)😉

En esta publicación te indicaré como optimizar tu web si has utilizado WordPress en el desarrollo y diseño de tu web o tienda online.

Bien es verdad que hay otros aspectos de la web que hay que cuidar al máximo, como funcionalidad, estética, contenido que conecte con los usuarios o que la web esté orientada a tus objetivos, sean los que sean.

Como ves, hay que tener en cuenta diferentes puntos para conseguir que una web sea efectiva y cumpla con su propósito, pero este tema lo dejaré para otra publicación porque da para mucho.

 

 

¿Por qué es importante optimizar una web?

Una web tiene sentido si tiene visitas de usuarios que pueden convertirse en clientes. Está claro, sin visitas, no hay clientes y la web sirve de muy poco.

Pero ¿Cómo conseguir el volumen de tráfico adecuado y que éste sea constante en el tiempo?

Actualmente tienes dos posibilidades:

• Mediante publicidad, será necesario que dispongas de un presupuesto permanente para este concepto, porque en el momento que dejes de invertir, dejará de llegar tráfico a tu web.
• Con el posicionamiento de tu web en buscadores. La mejor opción a medio largo plazo.

Posicionamiento orgánico en buscadores SEO

No voy a entrar en detalle en todo lo que tienes que hacer para mejorar el SEO de tu web. Me centraré en los aspectos técnicos, al fin y al cabo este post va de eso.

Además de cumplir con determinadas directrices de los buscadores, es muy importante que la web cargue rápido y no tenga grandes cambios de diseño en la carga inicial.

Google, el buscador mayoritario en muchos países, ha puesto en marcha una iniciativa en ese sentido:

CORE WEB VITALS: https://web.dev/i18n/es/vitals/

En concreto es una guía de indicadores de calidad esenciales para brindar una excelente experiencia de usuario en la web.

Tanta importancia da Google a estos indicadores que condiciona en parte el posicionamiento orgánico de tu web.

Por lo que hay que tener en cuenta si tu web cumple con los requisitos para adecuarse a esos indicadores.

Experiencia de usuario

¿Quieres que los usuarios sufran al navegar por tu web?

Tanto el tiempo de carga como el fácil acceso a la información son prioritarios para que la navegación en la web resulte agradable para el usuario.

Una buena sensación incentiva regresar a esa persona a tu web.

Accesibilidad

Actualmente en España está en marcha la aplicación de los Fondos Europeos para la digitalización de los negocios mediante el KIT DIGITAL.

Uno de los requisitos es desarrollar una web con accesibilidad AA.

La iniciativa que se centraba en permitir el acceso para no excluir a ningún usuario con problemas de movilidad o visión se puso en marcha hace muchos años sin mucho éxito.

Gracias al KIT DIGITAL, esto va a cambiar y tener una web accesible puede marcar la diferencia respecto a tu competencia, por lo que puede ser muy interesante aplicarlo en tu web.

El ecosistema de WordPress

Como ves, los motivos para optimizar una web son variados.

Ahora, te indicaré cómo llevarlo a cabo en una web desarrollada con WordPress.

Para ello te facilitaré los enlaces de todo lo que he utilizado para que te resulte fácil aplicarlo en tu caso.

El tema

Cuando trabajamos con WordPress podemos caer en la tentación de instalar muchos temas y probar de todo.

Para aprender y conocer las posibilidades de este gestor de contenidos puede ser una buena opción.

Pero si queremos desarrollar una web profesional, lo recomendable es instalar un único tema, a ser posible que sea versátil y ligero.

Llevo muchos años diseñando webs y utilizando WordPress para este fin, hasta el momento, el tema que mejor resultado da (y probado muchos) en los análisis de rendimiento es el siguiente:

HELLO ELEMENTOR: https://es.wordpress.org/themes/hello-elementor/

Hasta el momento he utilizado siempre temas premium, que incorporan funcionalidades extendidas y permite diseñar webs más complejas, aunque son temas más pesados y esto afecta sensiblemente al rendimiento de la web, por lo que he dejado de utilizarlos.

Si utilizas el maquetador visual Elementor y Elementor Pro, sin duda este tema es el que te interesa.

La estructura de la web

La estructura de los contenidos de la web también es un punto a tener en cuenta, recomiendo no tener más de 3 niveles de navegación y asociar el contenido por temática.

Se facilitará la navegación al usuario y a los robots que visiten la web para indexarla en los buscadores.

También es conveniente simplificar al máximo la estructura de cada contenido para eliminar código innecesario y acelerar la carga de cada página de la web.

Plugins necesarios para optimizar una web

A continuación te incluyo los plugins que he utilizado para la optimización técnica, con los enlaces para que pruebes tu mism@ en tu web…😉

OPTIMIZADOR.IO
Un plugin de Webempresa que optimiza automáticamente las imágenes de tu web, muy muy recomendable.
https://optimizador.io

PWA for WP & AMP
Convierte fácilmente tu web en una Web progresiva.
https://es.wordpress.org/plugins/pwa-for-wp/

Swap Google Fonts Display
Facilita el uso de las fuentes de Google.
https://es.wordpress.org/plugins/swap-google-font-display/

WebP Express
Ha llegado un nuevo formato de imagen que acelera la carga de una web por su menor peso, webp, este plugin permite gestionar su uso en nuestra web.
https://es.wordpress.org/plugins/webp-express/

WP Accessibility
Si quieres que tu web sea accesible, este plugin te resultará de mucha utilidad.
https://es.wordpress.org/plugins/wp-accessibility/

WP Rocket
Por último, esta joya, de lo mejorcito para optimizar tu web, te lo recomiendo.
https://wp-rocket.me

Cómo analizar la web

El momento de la verdad es a la hora de medir hasta que punto está optimizada tu web.

Recomiendo hacer lecturas antes, durante y después de los cambios, así comprobarás la efectividad de cada cambio.

LightHouse
La extensión de esta herramienta para el navegador Chrome.
https://chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk?hl=es

 

GTMetrix
Una herramienta gratuita y muy fácil de utilizar que te mostrará los resultados obtenidos e indicaciones de los cambios a realizar.
https://gtmetrix.com

Wave
Si tu intención es conocer de primera mano si tu web es accesible y los cambios que debes de realizar para conseguir una accesibilidad AA, necesitas esta herramienta.
https://wave.webaim.org

Conclusión

Con la información que te he facilitado puedes iniciar el proceso de optimización.

A tener en cuenta que levar a cabo la optimización de tu web, dependerá en parte de tus conocimientos y tiempo disponible para esta tarea.

Sin duda, optimizar tu web debe de ser una prioridad, para conseguir los mejores resultados, tanto en posicionamiento en los buscadores como en la experiencia de usuario.

Eso sí, sin obsesionarnos ni descuidar otros aspectos de la misma…😉