Table of Contents
Refactorización tema WordPress es el eje central del proyecto Plano de Salud. Como especialista Front-End, mi objetivo fue transformar un diseño creado en Figma en un ecosistema WordPress sólido, reemplazando un tema antiguo con graves problemas de accesibilidad y SEO técnico.
Resumen del Proyecto: De Figma a Alto Rendimiento
El layout fue diseñado en Figma y desarrollé todo el ciclo de vida del proyecto. El tema anterior tenía un rendimiento aceptable, pero fallaba críticamente en accesibilidad y SEO técnico. La refactorización del tema WordPress tuvo como objetivo equilibrar estos factores y crear una base sólida, rápida y optimizada para buscadores.
El Desafío: Mejorar las Métricas Clave
Un sitio visualmente atractivo no es suficiente si no posiciona bien o no es accesible. El proceso de refactorización se centró en:
- Desarrollo solo con código: El tema fue construido desde cero, sin page builders, garantizando HTML limpio y semántico.
- Accesibilidad (a11y): Uso de HTML semántico y atributos ARIA para mejorar la experiencia de todos los usuarios.
- Optimización SEO: Estructura del contenido y metaetiquetas adaptadas a los estándares actuales de los motores de búsqueda.
Ejecución Técnica y Lógica
Para mantener el sitio dinámico sin sobrecargar el código, se utilizó Advanced Custom Fields (ACF).
- Redirecciones dinámicas: Campos personalizados que permiten cambiar enlaces de destino de forma global y estratégica.
- Integración del ecosistema: Este proyecto sigue los mismos estándares de alto rendimiento que SeguroAuto.org y Smartia.com.br.
Conclusión
El proyecto Plano de Salud demuestra que una refactorización de tema WordPress es más efectiva que simplemente corregir un tema antiguo. El resultado es una plataforma optimizada para Core Web Vitals, con excelente accesibilidad y una experiencia de usuario superior.