Un sitio web que tarda tres segundos en mostrar su primera página pierde a la mayoría de sus visitantes antes incluso de que hayan leído una palabra. El rendimiento técnico, el contenido y la estructura forman un triángulo en el que cada lado condiciona a los otros dos. Crear un sitio web de alto rendimiento no consiste solo en elegir un tema atractivo: requiere encontrar un equilibrio entre velocidad, claridad y cumplimiento normativo.
La capacidad de respuesta medida por Google: qué cambia el indicador INP para tu sitio
Desde marzo de 2024, Google sustituyó el antiguo indicador de capacidad de respuesta (First Input Delay) por uno nuevo, llamado Interaction to Next Paint (INP). La diferencia es concreta: FID solo medía la primera interacción del visitante. INP evalúa cada clic, cada toque y cada pulsación del teclado durante toda la visita.
Un botón «Añadir al carrito» que responde rápido al primer clic, pero se ralentiza al tercero, basta ahora para empeorar tu puntuación. Esto significa que las pruebas puntuales (cargar la página una vez en una herramienta de medición) ya no reflejan la realidad. Los Core Web Vitals se basan en datos de uso real recopilados a través de Chrome, no en una prueba de laboratorio aislada.
Para mejorar el INP, hay que reducir el trabajo de JavaScript que se ejecuta con cada interacción. En el sitio web de Pixel 23, los enfoques técnicos detallados muestran cómo integrar esta optimización desde la fase de desarrollo. Dividir los scripts voluminosos en tareas breves, aplazar los procesos que no son visibles y limitar las animaciones pesadas en móviles: estas decisiones se toman al escribir el código, no después de publicar el sitio.
Estructura del contenido y posicionamiento orgánico: escribir para los visitantes y para Google
¿Te has fijado en que algunos sitios aparecen en la primera página de Google con un diseño muy sencillo? Su ventaja suele estar en la estructura del contenido. Un texto bien organizado, con una jerarquía lógica de títulos, ayuda a los motores de búsqueda a entender el tema que trata.
Arquitectura del sitio y enlazado interno
La arquitectura de un sitio es el esquema de sus páginas. Un visitante que busca un servicio concreto debería poder encontrarlo en dos o tres clics desde la página de inicio. Cada página importante debería tener un enlace desde al menos otra página del sitio. Este enlazado interno orienta tanto a los usuarios como a los robots de indexación.
Una página huérfana (sin enlaces entrantes) es prácticamente invisible para Google. Antes de publicar contenido nuevo, comprueba que esté conectado con el resto del sitio mediante al menos un enlace contextual.
Contenido útil frente a contenido de relleno
Google evalúa la relevancia de una página según lo que realmente aporta al visitante. Un texto de presentación que repite tres veces «somos expertos» sin ofrecer ningún ejemplo concreto no tiene valor SEO. Cada página debe responder a una pregunta concreta o resolver un problema identificado.
- Cada página se centra en una palabra clave principal y dos o tres variantes similares, integradas en los títulos y el primer párrafo
- Las etiquetas de título (H2, H3) incluyen términos que los usuarios escriben en la barra de búsqueda, no fórmulas poéticas
- Las imágenes llevan un atributo alt descriptivo, útil tanto para el posicionamiento como para la accesibilidad
En la mayoría de los sectores locales o de nicho, un sitio de diez páginas bien redactadas supera a uno de cincuenta páginas vacías.
Consentimiento de cookies y accesibilidad: dos requisitos legales que deben integrarse desde el diseño
El cumplimiento normativo no es un asunto reservado a los juristas. Tiene implicaciones técnicas directas en el rendimiento y la experiencia del usuario.
Banner de consentimiento: el riesgo de activarlo antes de tiempo
En el caso de las cookies y otros rastreadores no esenciales (herramientas de análisis, píxeles publicitarios), el visitante debe dar su consentimiento antes de que se carguen. Rechazar debe ser tan sencillo como aceptar. Un banner bien diseñado no basta si, en segundo plano, un script de Google Analytics o un píxel de Meta se activa antes de que el visitante haga clic. El consentimiento debe bloquear técnicamente la instalación de rastreadores, no limitarse a mostrar un mensaje.
Un sitio que carga sus rastreadores antes de que el visitante elija se expone a sanciones de la CNIL. Desde el punto de vista técnico, esto exige configurar una plataforma de gestión del consentimiento (Consent Management Platform) que condicione realmente la ejecución de scripts de terceros.
Accesibilidad digital y European Accessibility Act
Desde el 28 de junio de 2025, la European Accessibility Act se aplica a los servicios de comercio electrónico dirigidos a los consumidores. Las microempresas que prestan servicios están exentas bajo ciertas condiciones. En principio, un sitio corporativo sin pedidos ni reservas queda fuera de este ámbito.
En los sitios afectados, la accesibilidad implica tomar medidas concretas:
- Contraste suficiente entre el texto y el fondo, que puede comprobarse con herramientas gratuitas
- Navegación posible únicamente con el teclado, sin ratón
- Formularios con etiquetas explícitas asociadas a cada campo
- Contenidos multimedia subtitulados o transcritos
Integrar la accesibilidad desde el diseño cuesta poco; corregirla después sale caro.
Velocidad de carga en móviles: el factor que la mayoría de los sitios descuida
La mayoría de los visitantes consulta los sitios desde el teléfono, a menudo con una conexión de velocidad media. Probar un sitio solo en un ordenador de sobremesa con fibra óptica ofrece una imagen engañosa de su rendimiento real.
El peso de las imágenes sigue siendo el principal aspecto que se puede mejorar. Convertir las imágenes a WebP o AVIF reduce su tamaño sin que se aprecie una pérdida de calidad. Cargar de forma diferida las imágenes que están fuera de la pantalla (lazy loading) evita ralentizar la carga inicial.
Cada segundo adicional de carga reduce la tasa de conversión. Las fuentes personalizadas, los carruseles animados y los vídeos de reproducción automática son las tres causas más frecuentes de lentitud en móviles. Antes de añadir un elemento visual, pregúntate: ¿este componente ayuda al visitante a encontrar lo que busca o ralentiza su navegación?
Un sitio web de alto rendimiento se basa en decisiones técnicas precisas que se toman al principio del proyecto. La capacidad de respuesta medida por INP, una estructura de contenido pensada para el posicionamiento, el cumplimiento legal integrado desde el diseño y la velocidad real en móviles son cuatro aspectos concretos. Descuidar uno de ellos debilita los otros tres.
