La Velocidad de Página como señal SEO en Móvil

El pasado 18 de abril Google hizo oficial un comunicado que sin duda tendrá efectos directos sobre el posicionamiento de los sitios webs desde dispositivos móviles. Y es que Google apunta que la velocidad de la página en móvil se considerará una señal de posicionamiento a partir de Julio de 2018 (al igual que ya hizo en 2010 con la velocidad de página como factor de ranking en desktop).

Tal y como afirman en el post, el impacto de este nuevo cambio en el algoritmo sólo afectará a un pequeño porcentaje de las queries en móvil (pero teniendo en cuenta el gran volumen de datos que maneja el buscador, este update afectará a un volumen importante de sitios web) y sólo a las páginas más lentas.

El consumo actual que representa el entorno mobile supone en torno al 60% del tráfico desde los distintos buscadores, no sólo Google. Por tanto, es clave tener controlado los tiempo de carga en página y reducirlos lo máximo posible.

Por cada segundo que tarda una página en cargarse en un dispositivos móvil, las conversiones pueden disminuir hasta un 20% Estudio de Google/SOASTA.

Sin duda este movimiento de Google hace referencia más allá de la velocidad de página como factor SEO, y es, el mejorar la experiencia de usuario en móvil (por ejemplo: evitando los vídeos y audios configurados en autoplay, cargar contenido innecesario; o mostrar publicidad en formato full-page pop-ups e interstitials).

Illyes dijo en una ocasión que la forma en la que Google calcula la velocidad de página para desktop no funciona para calcularla en móvil, de ahí la necesidad de lanzar esta nueva forma.

ACTUALIZACIÓN 09/07/2018

Update July 9, 2018: The Speed Update is now rolling out for all users.

Así lo ha comunicado Google de forma oficial, la aplicación de la velocidad de página como factor SEO móvil para todos los usuarios.

RELACIÓN CON EL MOBILE FIRST INDEXING

Se especula con que para el lanzamiento del MFI, este nuevo factor de posicionamiento en móvil ya esté operativo. Por lo que para Julio de 2018, Google podría desplegar su cambio de indexación Mobile First-Indexing.

Sin embargo John Mueller publicó en Twitter que la velocidad de página en móvil sólo afecta a los ranking móviles y que es independiente de la indexación. Incluso Gary Illyes también publicó que, aunque una página cargue lento, puede ser indexada, y que este cambio sólo tiene efecto en el ranking móvil y en ningún caso en la parte de indexing.

¿Y QUÉ PASA CON LAS PÁGINAS AMP?

Si usas AMP en tus páginas, muy probablemente no tengas de qué preocuparte en cuanto a tiempos de carga, ya que en la mayoría de los casos, el tiempo de descarga de las páginas AMP es mucho menor que la página canonical.

Si combinas páginas AMP y móviles, Google tendría en cuenta la velocidad de la página que muestra en los resultados de búsqueda, principalmente AMP.

CÓMO ANALIZAR EL TIEMPO DE CARGA DE MI PÁGINA MÓVIL Y SU RENDIMIENTO

  • Desde GSC en Rastreo -> Estadísticas de rastreo -> Tiempo de descarga de una página : podemos ver el tiempo que tarda en descargarse nuestras páginas en el navegador. Si el tiempo de descarga aumenta (significa que las páginas son más lentas), el número de páginas que los buscadores podrán rastrear al día será menor (y por tanto menor indexación y posicionamiento …).

Al ser una actualización algorítmica y no manual, los webmasters no recibirán ningún mensaje ni aviso en GSC  para mejorarlo.

    • Desde la herramienta de PageSpeedInsights : a través de una reciente actualización de la herramienta, se puede comprobar la velocidad de una página teniendo en cuenta lo que denominan First Contentful Paint (FCP) y el DOM Content Load (DCL), es decir, el momento en el que los usuarios obtienen respuesta visual de la página, y el momento en el que se cargan los documentos de la página.
  • Con la aplicación Lighthouse podrás hacer auditorías de las páginas que quieras analizar y saber así el rendimiento de la página, etc.

OTRAS PREGUNTAS

  1. Con la próxima salida del MFI, ¿los rankings en desktop usarán la velocidad de carga de la página desde móvil y no desde desktop? NO, se seguirá teniendo en cuenta la velocidad de página desde escritorio.
  2.  ¿Que pasaría en el caso de que la url canonical de la página AMP sea muy lenta? Las páginas con un tiempo de carga lento, seguirán rankeando si el contenido de la página es relevante.

CONCLUSIÓN

Esto supondrá que, no tendrás ningún beneficio en los rankings porque la velocidad de tu página sea muy alta, simplemente aquellas páginas que sean realmente lentas, tendrán una degradación en las SERPs.

Page Speed Insights: ¿cómo tener una mayor velocidad de tus páginas?

El pasado 10 de enero de 2018, Google lanzó una nueva actualización de su herramienta gratuita PageSpeed Insights. Ahora la tool ofrecerá una información más real acorde con lo que el usuario experimentaría en la carga de la página, y no tanto la forma en la que Googlebot lo testea cuando pruebas la herramienta.

Por ello, anuncia que la herramienta utilizará los datos del Informe de experiencia de usuario de Chrome, con los que ofrecer mejores recomendaciones técnicas para desarrolladores.

¿Qué significan las dos métricas FCP y DCL que utiliza PSI?

First Contentful Paint (FCP): se registra el momento en que los usuarios obtienen respuestas visuales de las páginas. Cuanto más rápido se obtengan, más probabilidades hay de mantener el interés de los usuarios.

DOM Content Loaded (DCL): se mide el momento en que se cargan y analizan los documentos HTML. Si estos tiempos son breves, disminuyen los porcentajes de rebote.

 

Más preguntas frecuentes sobre PSI en este enlace

Google TestMySite: analiza tiempos de carga y rendimiento de tu sitio

El 2 de Junio, Google anunció mejoras en su herramienta online gratuita Test My Site, que a su vez se nutre de dos de sus herramientas más utilizadas sobre todo por la parte mobile: Mobile Friendly Test (enfocada a analizar si una url está adaptada a móviles) y Page Speed Insights (para medir el rendimiento y velocidad de carga de una url en móviles y escritorio).

Creo que es importante tener en cuenta como contexto que: por un lado Internet crece de forma exponencial en cuanto a volumen de información (y urls generadas), lo que supone un mayor gasto en el uso de servidores y “máquinas” a los buscadores; y por otro lado que la mitad del tráfico total de la web proviene de dispositivos móviles. Es por estas, entre otras razones, por lo que Google se ve en la situación de lanzar y mejorar sus herramientas online orientadas a analizar el rendimiento técnico del sitio, la experiencia móvil y velocidad de carga con el objetivo de que los propietarios de los sitios web apliquen las recomendaciones y mejoren sus ratios.

En este sentido, Google escribió recientemente un artículo donde se muestra la variación de porcentaje de abandono que un usuario tiene cuanto mayor es el tiempo de carga de una página. Ésta es la gráfica resumen:

Tiempos de Carga Estudio de Google SOASTA 2017

Por ello, para corregir estos problemas, en su día Google facilitó la herramienta TestMySite , pero que ahora es novedad porque han incluido algunas mejoras.

Las principales funciones que nos ofrece esta herramienta son:

– Índice de tiempo de carga y resultado de si el sitio está optimizado para móviles o no (y con una puntuación de 0 a 100 frente al “sí o no” de la herramienta antigua)

– Pérdida estimada de visitantes en función del valor conseguido en tiempo de carga NUEVO

– Comparación del tiempo de carga respecto a otros sitios en tu misma industria NUEVO

– Recomendaciones para reducir el tiempo de carga

 

Además, la herramienta te ofrece la opción de enviarte el informe detallado junto con una batería de recomendaciones individuales por mail.

 

Algunos valores que son importantes a tener en cuenta:

Tamaño de página medio en bytes -> se recomienda menos de 500KB

Tiempo de carga -> se recomienda menos de 3 segundos

Tiempo medio hasta mostrar el primer byte -> se recomienda menos de 1,3 segundos

 

Otras de las herramientas a destacar es la herramienta para desarrolladores de Google, que permite hacer una auditoría técnica de las páginas desde Chrome, sin tener que utilizar ningún software.

Comunicado Oficial de Google la noticia Google Test My Site

Consideraciones técnicas desde Google para desarrolladores

Chrome para desarrolladores – Herramienta de Google

Una de las herramientas online gratuitas más potentes y quizás poco utilizadas, es la herramienta para desarrolladores de Google Chrome. Para acceder a ella tan sólo tienes que, desde el desplegable de la barra del navegador, seleccionar “Más Herramientas” -> “Herramientas para desarrolladores” , o bien pulsando las teclas Ctrl + Mayús + I  para acceder al panel de forma directa (Cmd+Opt+I en Mac).


Con motivo del décimo aniversario del navegador Chrome, Google ha sacado nuevas actualizaciones en su nueva versión 69, éstas son algunas de las más destacadas:

    • CSS Scroll Snap: permite crear mejores experiencias en cuanto al desplazamiento de fotogalerías, paginaciones, etc. marcando el momento exacto donde queremos que pare el scroll. Ver más detalles aquí.
    • Recortes de pantalla: usar el área completa de la pantalla, incluido cualquier espacio detrás del corte de la pantalla, llamado notch. Más detalles aquí.
  • Generador automática de contraseñas. Post de Google OficialPassword mgr final
  • Mejoras en la función OMNIBOX: resultados directamente en la barra del navegador.Omnibox
  • Nuevo diseño de la página de inicio con accesos directos personalizados…Chrome new UI
  • Cambio en la presentación de urls: desaparece el protocolo y el resaltado en verde para diferenciar los sitios seguros de los no seguros (sólo en desktop v68 vs v69).

CHROME VERSIÓN 69

Además de éstos nuevos cambios para ésta versión 69, Google ha ido mejorando el navegador a lo largo de éste último año con mejoras como: filtro de anuncios contra ads maliciosos y molestos, navegación VR y AR a Chrome, etc.


Uno de los usos más habituales de la herramienta es analizar el html, css y diferentes recursos web de una página.

Algunas funciones más utilizadas son:

  • Checkear cómo rinde la página, bloqueando en nuestra web determinados recursos como css, js, etc.
  • Comprobar qué recursos están utilizando más bytes de lo normal y cómo minimizarlo (esta última opción será habilitada en la nueva versión de Chrome 60) – Opción “Coverage Profiler” en la consola.
  • Captura de Pantalla completa: puedes hacer una captura de pantalla completa desde la herramienta para desarrolladores de Chrome [VIDEO] sin utilizar ninguna extensión. Una opción muy buena y quizás poco conocida. ¿Cómo puedo hacer un “full size screenshot”?: desde la devtool, pulsamos Ctrl + Mayús + P y buscamos la opción “Capture full size screenshot”. Automáticamente se descargará la imagen con la captura de imagen.captura de pantalla completa

También se puede sacar una captura incluyendo la carcasa del teléfono móvil desde la opción de la “hamburguesa desplegable” – Show device frame

iframe device type

  • Audits Panel: donde te permite analizar el rendimiento de la página según la puntuación obtenida en los valores de PWA, Performance, Accessibility y Best Practices.  Esta nueva función está desarrollada por Lighthouse (que ayuda a auditar todos los aspectos de calidad de la app web).
  • Third Party Badges: recomendado para sitios grandes donde se hacen llamadas a aplicaciones de terceros, librerías, etc. Ya que puede resultar útil saber qué componentes de terceros que incluimos en el código nos están ayudando o no en el rendimiento de la página. Para acceder a esta opción habría que, una vez dentro del panel de desarrolladores, teclear Ctrl + Mayús + P , y dentro del recuadro buscar “badges” y seleccionar “Show Third Party Badges”. En la opción Network aparecerá un listado de los diferentes componentes y desde Console puedes ver qué fue lo que originó el problema.
  • “Continue to here” (Sources): te ayuda a seleccionar parte de un js que quieres ejecutar por líneas, diferenciándolo del resto de código por ejemplo.

  • El vídeo pasará a pantalla completa cuando se haga girar el dispositivo.
  • Te permite emular cómo los dispositivos móviles con poca conexión a internet, media, incluso offline, pueden acceder e interactuar con tu contenido. Habilitando estas opciones, en las pestañas de “Network” y “Perfomance” los resultados cambiarán.
  • Se muestra también el tiempo de respuesta de caché en cada página.
  • En cuanto a la renderización, se habilita una nueva opción, FPS (frame per second).

La última conferencia de desarrolladores de Google, lo que mundialmente se conoce como “Google I/O ’17” tuvo lugar el pasado 17 – 19 de Mayo en este caso en California y dejó muchas novedades.

También ofrecen documentación mejorada acerca de cómo optimizar la velocidad del sitio web con DevTools de Chrome.

Descarga la última versión de Google Chrome aquí