Jes√ļs Garc√≠a Fern√°ndez - Consultor de Marketing Digital

C√≥mo optimizar una web totalmente (o casi)ūüėČ

Jes√ļs Garcia Fernandez
Un contenido sobre
EcommerceWeb

COMPARTE

Share on facebook
Share on twitter
Share on linkedin
Share on pinterest
Share on whatsapp

C√≥mo optimizar una web totalmente (o casi)ūüėČ

√ćndice

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

LightHouse - Cómo optimizar una web

 

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

GTMetrix - Cómo optimizar una web

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

Wave - Cómo optimizar una web

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…ūüėČ