La implementación de anuncios multitamaño continúa creciendo tanto entre las redes publicitarias como entre los editores, gracias a los buenos ingresos generados con su naturaleza dinámica. Pese a la optimización de los anuncios, cómo minimizar el cambio de diseño en páginas con anuncios multitamaño es una cuestión aún pendiente. En este post, veremos qué es el cambio de diseño y cómo se puede reducir en páginas con anuncios multitamaño.


Índice


Qué es el cambio de diseño (Layout Shift) y qué lo causa

El cambio de diseño es un movimiento de contenido en la página sin la intención del usuario o sin notificación previa (por ejemplo, texto moviéndose hacia arriba o hacia abajo en la página o un enlace que cambia de posición mientras el usuario intenta hacer clic en él. Los saltos inesperados en el contenido al navegar por un sitio web pueden causar confusión y frustración, lo que conduce a una experiencia negativa del usuario y a la pérdida de la lealtad de los lectores en última instancia. Además, los cambios de diseño pueden generar clics accidentales que afectan negativamente los ingresos por publicidad.

La inestabilidad del diseño puede ser causada por elementos cargados de forma asincrónica o por elementos que se agregan dinámicamente a la página sobre el contenido mostrado. Por ejemplo, imágenes o videos sin dimensiones establecidas explícitamente, mal uso de fuentes… pero sobre todo, los principales culpables son anuncios que se agregan o redimensionan dinámicamente, también conocidos como anuncios multitamaño.

Cómo medir el cambio de diseño

En mayo de 2020, Google presentó una serie de métricas principales, Core Web Vitals, capaces de mostrar si un sitio garantiza una experiencia de navegación positiva para sus usuarios. En concreto, las métricas miden la velocidad de carga, la interactividad y la estabilidad visual del sitio. Una de las métricas, Cumulative Layout Shift (CLS), aborda específicamente el problema de la inestabilidad del diseño y mide, en términos simples, la frecuencia y la magnitud de los cambios para los usuarios finales.

El cambio de diseño acumulativo se puede medir a través de las principales herramientas de desarrollo web de Google, incluidas Lighthouse, PageSpeed Insights, Chrome DevTools, Search Console, web.dev’s measure tool, Web Vitals Chrome extension y Chrome UX Report API.

CLS varía de 0 (sin desplazamientos) a 1 (desplazamientos máximos). Según Google, un sitio con una buena experiencia de usuario es un sitio que tiene un CLS por debajo de 0.1.

Source: web.dev – https://web.dev/cls/

Cómo minimizar el cambio de diseño en páginas de anuncios multitamaño

Una de las razones más frecuentes del cambio de diseño es la naturaleza dinámica de los anuncios. Los anuncios de varios tamaños (anuncios que admiten creatividades de diferentes tamaños), aunque provocan algunos cambios en el diseño, funcionan mejor que los anuncios de tamaño fijo en promedio.

La razón principal para moverse en páginas con anuncios de varios tamaños es la carga asincrónica y el espacio reservado insuficiente para los anuncios. Para solucionar este problema, una opción podría ser reservar espacio para los tamaños de anuncios más frecuentes, según los datos históricos de los informes de Google Ad Manager. O reservar espacio para el tamaño de anuncio más grande posible. Sin embargo, ambas soluciones conllevan el riesgo de tener lagunas si se agregan creatividades más pequeñas en el espacio publicitario. Las brechas alrededor de los anuncios más pequeños conducen a una mala experiencia del usuario y poca visibilidad, lo que podría afectar los ingresos por publicidad.

Cómo reducir el cambio de diseño en páginas de anuncios de varios tamaños con Clickio Prism

Para resolver el problema de la baja visibilidad y la mala experiencia del usuario en páginas con anuncios multitamaño, Clickio ha desarrollado una función llamada Mini-sticky, que reduce en gran medida el cambio de diseño sin afectar los ingresos por publicidad.

Al fijar el tamaño del espacio publicitario, las creatividades más pequeñas se mueven dentro del espacio publicitario a medida que el usuario se desplaza por la página y permanecen visibles durante más tiempo. Esto conduce a tasas de conversión más altas y mejora la experiencia del usuario.

Las pruebas internas de Clickio demuestran que la función Mini-Sticky reduce el cambio de diseños relacionados con anuncios de varios tamaños en más del 90%. Además, aumenta la tasa de visibilidad. 

La función Mini-Sticky está disponible para todos los editores de Clickio en Prism, una tecnología que transforma cualquier sitio en una aplicación web progresiva, haciéndolo más rápido, interactivo y estable.

Si desea obtener más información sobre cómo minimizar los cambios de diseño con Mini-Sticky en Prism, no dude en ponerse en contacto con el equipo de Clickio.