Saltar al contenido

Animaciones que no penalizan el SEO

Cómo hemos añadido animaciones al aparecer sin librerías, sin ocultar contenido a Google y respetando a quien prefiere menos movimiento.

El constructor de Fundament: bloques a la izquierda, la página en el centro y sus opciones a la derecha

Las animaciones bien usadas guían la mirada; mal usadas, ralentizan la web y esconden contenido. En Fundament hemos seguido tres reglas.

1. El contenido siempre está en el HTML

Los bloques se pintan en el servidor como siempre. La animación solo cambia la opacidad y la posición cuando el bloque entra en pantalla, así que Google y los lectores de pantalla lo leen completo.

2. Sin librerías

Un script de unos pocos kilobytes y CSS. Nada que descargar aparte ni que actualizar.

3. Respeto por quien prefiere menos movimiento

Si el sistema del visitante tiene activado «reducir movimiento», no se anima nada. Tampoco si falla JavaScript: la web se ve igual, sin animar.

¿Lo vemos con tu próximo cliente?

Te enseñamos el panel en directo y montamos una primera versión de su web en días, no en meses.

Hablemos
Animaciones que no penalizan el SEO | Fundament