Elementor posibilita abordar SEO, WPO y accesibilidad de manera conjunta mediante integraciones y configuraciones propias. Plugins como Rank Math o Yoast se incorporan al editor, mientras que las mejoras nativas de rendimiento disminuyen TTFB, LCP y el peso del HTML. El resultado depende de optimizar las imágenes, habilitar la pestaña de rendimiento y restringir los addons.
El SEO de una página web resulta esencial para el buen funcionamiento del negocio o la meta que haya detrás de ella.
Asimismo, la optimización WPO constituye desde hace bastantes años un elemento determinante para posicionar tu contenido.
Por último, la accesibilidad está cada vez más próxima a ser obligatoria en el cumplimiento de unos mínimos, y en determinados casos, ya lo es.
Ante todo esto, un sitio construido con Elementor no puede quedar al margen en ningún caso.
Cada uno de estos temas por sí solo da para escribir numerosos artículos. La finalidad de este artículo es centrarse en qué soluciones concretas existen para el editor de Elementor, ya se ofrezcan desde la propia herramienta o estén disponibles por terceros para las herramientas y puedas aplicar con facilidad.
SEO en Elementor, qué opciones tengo y qué me aporta Yoast y Rank Math
Elementor, al igual que WordPress, se lleva muy bien con Google. Vamos a repasar algunas de las herramientas más populares y cómo se integran con el editor. Mis herramientas preferidas para SEO son:
- Rankmath,
- Yoast,
- SEOPress, y por minimalista,
- The SEO Framework.
Elementor no requiere un plugin específico para SEO, puesto que puede emplear cualquiera que funcione en WordPress. Lo llamativo es que tres de mis favoritos se integran dentro del propio editor de Elementor.
A título personal, considero que en la actualidad Rank Math ofrece mucho más en la versión gratuita que Yoast, y además se han reportado recientemente algunos problemas con Yoast en Elementor.
Rankmath for Elementor
La integración de Rank Math dentro del editor de Elementor está disponible desde una tercera pestaña que se añade a la pantalla de elementos (➕) una vez instalado el plugin Rankmath, tal como se puede ver arriba. Funciona con la misma lógica de gamificación de semáforos que Yoast.
Aparte del soporte de Schema muy superior de Rankmath, incorpora redirecciones y soporte de WooCommerce en la versión gratuita, además de otras muchas funcionalidades extras. Te dejo una comparativa completa de los dos gigantes del SEO.
Yoast SEO for Elementor
En cuanto a Yoast, poco que objetar aquí. Al igual que Rank Math, incluye integración completa con Elementor y es un plugin con una reputación muy consolidada. No te puede decepcionar.
Como comentaba más arriba Yoast obliga a pasar por caja con la versión premium antes que Rank Math y hay gente que siempre ha considerado que sobrecarga demasiado la interfaz de trabajo. Para principiantes, esto es más una ventaja que un defecto, ya que hace más claros los conceptos básicos del SEO aunque sea a base de sacrificar la agilidad en el backend (no relacionado con la velocidad de la web), y quizás un exceso de simplificación. Pero en aras de aprender, es más que bienvenido.
También se integra totalmente dentro del editor de Elementor, pero Yoast está algo más escondido. Para acceder a la configuración de cada página, debes ir a la rueda de ajustes de página en el centro de la barra superior del editor, y en la segunda pestaña de la barra lateral izquierda encontrarás todos sus ajustes.
Una pequeña aclaración. Puedes seguir trabajando en WordPress con los ajustes del SEO dentro del editor de WordPress como se ha hecho toda la vida. Si quieres usar otros plugins de SEO con menor integración con Elementor, o si prefieres hacerlo como siempre, podrás sin ningún problema.
Mejoras en el rendimiento WPO de Elementor
Antes de empezar a hablar de optimización hay unas cosillas que tenemos que recordar. Primero, el hecho de la cantidad de funcionalidades de las que dispone y añade Elementor a lo largo del tiempo, es ya en sí mismo un gran factor de optimización.
El editor tiene funcionalidades para reemplazar literalmente a docenas de plugins que podrían hacerte la vida imposible tener que lidiar con ellos. Antes de añadir un plugin verifica que Elementor no disponga de la funcionalidad buscada o la pueda realizar de alguna manera.
En segundo lugar, el 70% o más de la optimización que necesita un sitio web, la obtendrás de la optimización de las imágenes. Esto se puede hacer, poniendo las imágenes en los formatos y resoluciones adecuadas, y/o usando algún plugin adicional para hacerlo. Abajo dejo algunos enlaces donde puedes profundizar sobre ello.
Allá por 2018, cuando Elementor presentó la versión 2.0 con el theme builder y las plantillas dinámicas, empezó a surgir una ola de críticas con el tema de velocidad de carga de Elementor.
A pesar de que Elementor era mucho mejor que otros builders ya entonces, -entre otras cosas no estaba basado en shortcodes-, es cierto que el código que generaba no era muy eficiente y añadía divs a diestro y siniestro generando un DOM innecesariamente enorme.
Hoy la realidad ha cambiado drásticamente. Desde hace más de 4 años, en cada mayor release, Elementor introduce mejoras recurrentes en el área de performance.
Las nuevas versiones de Elementor incluyen mejoras que aceleran tu sitio en tres áreas clave:
- mejora de métricas de rendimiento
- código más limpio y
- carga más rápida o demorada (lazy load) de imágenes.
Algunas características se activan automáticamente al actualizar, mientras que otras necesitan activarse manualmente.
Las Core Web Vital metrics de tu web, que miden los tiempos de carga de tu sitio, han seguido mejorando. Una comparación entre la versión 3.10 y la 3.18 muestra una mejora del 25% en la métrica de Time To First Byte (TTFB) y una mejora del 20% en la métrica de First Contentful Paint (FCP).
Con imágenes optimizadas y los ajustes nativos de optimización de Elementor, es fácil estar en la zona verde de velocidad de pagespeed, también en móvil.
Se han implementado distintas técnicas de minificación y combinación de archivos CSS y JS ajustadas a las funcionalidades de Elementor para reducir el tiempo de carga. También librerías nativas de js reemplazando las obsoletas de jquery.
Además, tener habilitadas características como los contenedores Flexbox proporciona una mejora significativa en el rendimiento. Se ha deducido el del HTML de los contenedores Flexbox en un 39% y de los contenedores de Grid en un 85%.
Nuevamente, comparando las versiones 3.18 y 3.22, se ha mejorado el tiempo hasta el primer byte (TTFB) en un 50% y el tiempo de pintura del contenido más grande (LCP) en un 40%.
Es decir, las mejoras de rendimiento son constantes y progresivas.
También se está generando código más limpio, eliminando el código no usado de cada widget, y reemplazando librerías obsoletas por otras más modernas.
El nuevo caching de elementos también reduce hasta un 99% el tiempo de renderizado en el servidor.
Se ha incorporado el lazy loading de imágenes en todas partes, incluido en las imágenes de fondo, donde ha disparado la mejora de valores en algunas CWVs.
En concreto, y para lograr los actuales valores con los Core Web Vitals, Elementor lleva 2 años trabajando mano a mano con los ingenieros de Google.
Revisa la pestaña de rendimiento en los ajustes de Elementor
Hace poco se ha incorporado una pestaña nueva en los ajustes de Elementor, en la que se van reuniendo todas las funcionalidades de rendimiento que ya son estables. El objetivo es que cualquier usuario pueda optimizar el rendimiento de su web, sin necesidad de contar con conocimientos avanzados de WPO.
La verdad es que, con imágenes bien optimizadas y los ajustes propios de WPO, empleando la menor cantidad posible de addons adicionales, resulta sencillo situarse en la zona verde de velocidad de pagespeed, tanto en escritorio como en móvil.
Claro que, si el WPO te apasiona, aún puedes introducir mejoras a la manera tradicional, pero tendrás que valorar las mejoras automáticas que el plugin ya incluye y, entre las opcionales, cuáles te conviene activar desde los ajustes de Elementor y cuáles llevar a cabo desde el servidor o mediante plugins de terceros.
Es más, si tu hosting cuenta con una buena herramienta de caché como Raiola con litespeed, ni te cuento lo veloz que llegará a ser tu web con Elementor 🎉
Accesibilidad en Elementor
La accesibilidad es seguramente una de las mayores deudas tecnológicas del mercado. Cabe suponer que por motivos de costes, desarrollos adicionales necesarios, una clara falta de ROI o quién sabe qué. El caso es que Elementor también se estaba quedando rezagado.
Desde hace unos tres años, se aprecian mejoras constantes en la accesibilidad del editor; una de las más recientes, solicitadas y destacadas está en el mega menú, que ahora ya resulta legible para los readers especiales para webs. 👏👏👏
En la imagen superior aparecen los resultados de un estudio reciente sobre accesibilidad entre distintos page builders del mercado, realizado por una fuente que puede considerarse defensora de la implementación de la accesibilidad web. Elementor queda en segunda posición, nada mal, aunque imagino que esto les motivará aún más para alcanzar el primer puesto.
Asimismo, mejoran el soporte de accesibilidad en cada nueva versión, hasta el punto de que medios especializados lo sitúan en el segundo puesto de los page builders más conocidos. Esto no es algo menor, pues la obligación legal de ofrecer un soporte adecuado en este aspecto está cada vez más próxima.
También entra en juego el criterio ético, pero sin duda el que quizá pueda llamarte más la atención es el de las personas que pueden sentirse muy agradecidas si mejoras la accesibilidad en tu sitio web o tienda online.
Según la Organización Mundial de la Salud (OMS), el 15% de la población mundial vive con algún tipo de discapacidad, lo que equivale a más de mil millones de personas. Estas incluyen discapacidades visuales, auditivas, físicas, cognitivas y neurológicas.
Un porcentaje adicional puede presentar discapacidades temporales, como un brazo fracturado o una infección ocular, que dificultan el uso de un sitio web. Esto puede suponer entre un 5-10% más de la población en algún momento. Es decir, un 20-25% de los consumidores podría no ser capaz de acceder a tu web y estarías perdiendo la oportunidad de que te conozcan. ¿Te imaginas que haces reformas para hacer más accesibles los hogares? Qué contradicción sería, ¿verdad?
Conclusiones
A lo largo de este artículo hemos repasado soluciones a medida para Elementor que te permiten mejorar tu SEO, la parte de optimización, y hemos aprendido cómo mejora la accesibilidad de Elementor en concreto, y las mejoras tan relevantes que han experimentado todos estos factores que influyen tanto en el posicionamiento como en la legalidad de nuestra web creada con Elementor.
Espero que ahora ya sepas qué opciones tienes para gestionar estos 3 importantes frentes. Eso sí, solo hemos visto por encima estos tres temas, en lo que respecta a Elementor y a cómo aproximarse a la cuestión.
Aunque si estás comenzando esto puede resultar abrumador, con estas soluciones iniciales ya puedes mejorar bastante. Además, la calidad de tu trabajo se verá recompensada con rapidez. Pero no debes quedarte ahí. Debes continuar aprendiendo. De verdad que merece la pena.
Puedes encontrar mucha más información sobre optimizar imágenes y WPO y sobre SEO en general o los plugins mencionados, todo en nuestro blog.
En cuanto a las mejoras de WPO y de accesibilidad, si quieres profundizar, te recomiendo el blog de desarrolladores de Elementor, donde publican cada 6 semanas las novedades de las versiones con mucho detalle técnico.
Si tienes dudas o comentarios, por favor, inclúyelos abajo. Nos vemos en la próxima entrada 🙂
Preguntas Frecuentes
¿Hay tutoriales para configurar SEO, WPO y accesibilidad en Elementor?
Sí, la documentación oficial de Elementor y blogs especializados cubren los tres frentes. Para WPO, revisa los ajustes de rendimiento del plugin y desactiva funciones que no uses. En accesibilidad, la estructura de encabezados y el contraste dependen de cómo maquetes. Los tutoriales ayudan, pero cada proyecto exige pruebas con herramientas reales como Lighthouse o WAVE.
¿Puedo trabajar SEO, WPO y accesibilidad en Elementor gratis?
Sí, la versión gratuita permite ajustes básicos de SEO con plugins externos, algo de rendimiento y estructura accesible. El límite está en funciones Pro como el editor de temas o widgets avanzados. Para WPO, la versión free ya incluye opciones de carga. La accesibilidad depende más de tu maquetación que de la licencia: encabezados correctos y texto alternativo no requieren Pro.
¿Necesito una cuenta o iniciar sesión para configurar estos factores en Elementor?
Solo si usas funciones vinculadas a tu cuenta, como la licencia Pro o Elementor Cloud. Para los ajustes locales de SEO, rendimiento y accesibilidad no hace falta login: se configuran desde el panel de WordPress y los ajustes del plugin. La cuenta entra en juego al activar la licencia o sincronizar plantillas.
¿Merece la pena pagar Elementor Pro para mejorar SEO, WPO y accesibilidad?
Depende del proyecto. Pro aporta Theme Builder y widgets que facilitan una estructura semántica limpia, lo que ayuda al SEO y la accesibilidad. En WPO no hay una ventaja clara por sí solo. El precio anual ronda los 59 dólares para un sitio. Si necesitas cabeceras y pies personalizados, compensa; si no, la versión free con buenos plugins cubre lo esencial.
