¿Cómo hizo Yahoo! JAPAN News para incrementar sus páginas vistas?
No estás exento de que te suceda lo mismo que a Yahoo! JAPAN News en su medio digital. Entra y entérate qué fue lo que mejoraron en su estrategia y poténciate.
08 abril 2021
Como mencionamos en otra nota, lo que no se mide, no se puede mejorar. Y hay aspectos que no se deben subestimar. A veces la respuesta a un bajo índice de visitas a tu medio digital puede estar literalmente en frente tuyo, como le pasó a Yahoo! JAPAN News.
Analizando los Core Web Vitals, más específicamente el Cumulative Layout Shifts (CLS) lograron mejoras increíbles. Vamos a analizar qué fue lo que se encontró, cómo lo arreglaron y cómo Thinkindot® CMS te podría ayudar.
¿Qué es Yahoo! JAPAN News?
Es la plataforma de noticias de Yahoo! Japón. Esta es una de las empresas de medios digitales más grandes que hay en Japón. Ellos poseen más de 79.000 millones de visitas al mes, y su plataforma de noticias, Yahoo! JAPAN News tiene más de 22 mil millones de páginas vistas por mes.
Luego de leer esos números, podemos estimar fácilmente la dimensión estructural que tiene el medio. Sin embargo, parece que tenían un problema, y cuando lo leemos, parece bastante obvio.
¿Qué pasaba? Había un contenido de la página que se movía inesperadamente. A menudo causa clics accidentales, desorientación en la página y, en última instancia, frustración del usuario.
Estos se frustran, y tienden a no quedarse mucho tiempo. Así que para mantenerlos contentos, tuvieron que realizar cambios en el diseño de la página para que permanezca estable durante todo el ciclo de vida del recorrido del usuario.
Pero, ¿Cómo identificaron el problema técnicamente?
El trabajo de monitorear los Core Web Vitals es clave para poder detectar problemas, e identificar de dónde provienen en el caso de encontrar.
Para la empresa nipona, Search Console brindó una excelente descripción general de grupos de páginas con problemas de rendimiento, por el lado de Lighthouse, ayudó a identificar oportunidades por página para mejorar la experiencia de la página.
Gracias al uso de estas dos herramientas, pudieron llegar a la conclusión de que la página tenía números deficientes en el CLS.
Con herramientas como Chrome DevTools pudieron identificar qué elementos estaban haciendo cambios de diseño en la página. Layout Shift Regions en DevTools visualiza elementos que contribuyen a CLS resaltándolos con un rectángulo azul cada vez que ocurre un cambio de diseño.
¿Cómo solucionar el problema?
Para esta problemática es donde un equipo con experiencia como el de Dos al Cubo podría haber resuelto rápidamente la cuestión. No solo por conocimientos técnicos, sino por la experiencia de años trabajando con medios digitales.
Para las imágenes de tamaño fijo, los cambios de diseño se pueden evitar especificando los atributos width y height en el img elemento, y utilizando la aspect-ratio propiedad CSS disponible en los navegadores modernos.
Para solucionar los problemas con los navegadores instalados en sistemas operativos relativamente antiguos, como iOS 9, se utilizaron cuadros de relación de aspecto, un método que utiliza el marcado para reservar el espacio en la página antes de que se cargue la imagen.
¿Cuáles fueron los resultados en Yahoo! JAPAN News?
La respuesta a este accionar fue más que positiva para Yahoo! JAPAN News, la optimización de CLS en 0.2 generó un aumento del 15% en las visitas a la página por sesión, una duración de la sesión un 13% más prolongada y una disminución de 1.72 puntos porcentuales en la tasa de rebote.
Si necesitas ayuda con tu medio digital, y quieres un asesoramiento experto, te invitamos a completar el siguiente formulario para que podamos comunicarnos contigo.
Con Thinkindot® CMS podrás realizar las acciones mencionadas arriba de manera fácil y sencilla. Ninguna imagen va a quedar con un tamaño no definido. A su vez vas a poder mantener optimizados los espacios de banners definiendo un contenido con tamaño preestablecido.
