Cómo configurar WebPageTest para evaluar el SEO técnico

25 de julio de 2021

WebPageTest y SEO técnico

Este artículo es una guía con instrucciones que lo ayudarán a probar con precisión el tiempo de carga usando WebPageTest.org. Esta es una guía auxiliar que forma parte de la serie de artículos técnicos de SEO de MobileMoxie. En mayo de 2021, Google lanzó una de sus mayores actualizaciones de algoritmos desde la introducción de Mobile-First Indexing, anunciando que los tiempos de carga y la participación del usuario pronto se convertirán en factores de clasificación más importantes. También anunciaron por adelantado una actualización de la experiencia retrasada, pero ahora comenzarán a publicarse en julio de 2021. Estos cambios en el algoritmo de búsqueda de Google aumentan la necesidad de herramientas técnicas que brinden comentarios detallados sobre los tiempos de carga de la página y los problemas técnicos de la página en general.

Si bien Lighthouse es una gran herramienta, a veces no le brinda todo lo que necesita. En MobileMoxie, creemos que WebPageTest.org es una de las herramientas más respetadas en la industria del SEO. La herramienta proporciona información detallada sobre el estado de su sitio y ayuda a analizar cosas como solicitudes de devolución de viaje, errores de propiedad, redireccionamientos, problemas de almacenamiento en caché, información de seguridad y más. La herramienta de código abierto, desarrollada por Patrick Meenan, fue comprada por Catchpoint 2020. Se ha actualizado recientemente, pero ha proporcionado un análisis de tiempo de carga valioso y gratuito durante años. En este artículo, revisaremos cómo configurar WebPage Test para pruebas de SEO y destacaremos configuraciones y resultados importantes en la herramienta.

NOTA: MobileMoxie no está asociado con WebPageTest; ¡Nos encanta la herramienta!

Cómo configurar un sitio web de prueba

1. Configuración de prueba básica: Acceda a la herramienta en webpagetest.org, seleccione la URL de la página que desea probar, la ubicación geográfica desde la que desea probar y el navegador para probar. El siguiente ejemplo muestra la configuración estándar de MobileMoxie utilizada en la prueba de evaluación de SEO. Siempre debe cambiar su ubicación para reflejar las necesidades de su empresa o utilizar California, desde donde el robot de Google suele rastrear.
   
   
2. Configuración de prueba: Expanda el menú Configuración avanzada para continuar con la configuración de la prueba. En la sección ‘Configuración de prueba’, seleccione la velocidad de conexión deseada que desea simular y cuántas veces desea ejecutar la prueba, luego haga clic en el botón de radio para ‘Primera y repetición’. MobileMoxie recomienda siempre ejecutar 3 pruebas y probar al menos una conexión móvil y una de escritorio para comparar los resultados. Usamos 3G o 3G Fast and Cable y los colocamos en dos tarjetas diferentes para que pueda ejecutar la prueba aproximadamente al mismo tiempo. Esto le permitirá comparar con precisión las diferencias entre el tiempo de carga de su computadora móvil y de escritorio. También recomendamos que siempre pruebe la primera pantalla y la repita. El robot de Google es el primer vistazo más importante porque lo obtiene cuando indexa un sitio, pero conocer la repetición lo ayudará a solucionar problemas y mejorar la experiencia del usuario (UX) en la página para los usuarios que ya han visitado la página u otras copias en caché de material del sitio.
   
   
3. Avanzado: Después de completar la configuración avanzada, haga clic en la pestaña Avanzado, justo debajo del extensor de Configuración avanzada. En esta pestaña, puede activar o eliminar algunas opciones de herramientas si no son necesarias en la clasificación. De forma predeterminada, la herramienta prueba hasta que la página está completamente cargada y se ejecuta JavaScript, así como la validación del certificado SSL. Si esto no le preocupa, puede limitar la prueba. A continuación se muestra una muestra de nuestra configuración de prueba normal. Como empresa de consultoría, MobileMoxie siempre graba videos en caso de que los clientes quieran verlo, pero no es necesario que lo encienda si no es necesario.
   
   
4. Cromo: Ahora haga clic en la pestaña Chromium junto a la pestaña Avanzado. Esta configuración le permite probar y medir el rendimiento de una página con las funciones especiales de Chrome habilitadas, como:
   • Posibilidad de grabar informes de Lighthouse utilizando ‘Conexión rápida 3G’ independientemente de la configuración de la prueba.
   • Capacidad para emular un teléfono específico: tratamos de elegir el dispositivo más común que los usuarios de nuestro sitio web pueden usar. En este caso, usamos iPhone X, pero también hay disponibles teléfonos más antiguos y, a veces, también los probamos.
   • También puede probar la grabación de la línea de tiempo de Dev Tools, obtener v8 Runtime Stats, Chrome Trace y Network Log. Los habilitamos solo en caso de que las preguntas u objeciones se vuelvan complicadas y necesitemos más información más adelante, en conversaciones con el equipo de DEV.
   • Si sirve de forma selectiva cualquier elemento de sus páginas, también tiene la opción de solicitar una página con un conjunto específico de agentes de usuario, incluidos los dos bots principales de Google:
     • GoogleBot Mobile: Mozilla / 5.0 (Linux; Android 6.0.1; Nexus 5X Build / MMB29P) AppleWebKit / 537.36 (KHTML, como Gecko) Chrome / WXYZ ‡ Mobile Safari / 537.36 (compatible; Googlebot / 2.1; +http://www.google.com/bot.html)
       • (Google ha pasado a indexar con un bot que se mantendrá al día con las versiones de Chrome, llamado bot EverGreen, por lo que eso podría cambiar).
     • GoogleBot Desktop: Mozilla / 5.0 (compatible; Googlebot / 2.1; +http://www.google.com/bot.html) O Mozilla / 5.0 AppleWebKit / 537.36 (KHTML, como Gecko; compatible; Googlebot / 2.1; + http: //www.google.com/bot.html) Chrome / WXYZ ‡ Safari / 537.36
       • (Tenga en cuenta que Google dijo que indexaría e indexaría casi exclusivamente utilizando GoogleBot Mobile (teléfono inteligente), por lo que las pruebas con este conjunto de agentes de usuario pueden no ser representativas de las pautas actuales de SEO de Google).
         
   • No permitimos la reducción de datos ni ningún tratamiento de imagen especial, ya que esto no se aplica a GoogleBot o GoogleBot Mobile.
     
5. Ver todas las configuraciones: Recuerde, está configurando dos pruebas, en dos tarjetas diferentes, que se ejecutarán aproximadamente al mismo tiempo. En la siguiente tabla se puede encontrar un resumen de la configuración recomendada para ambas pruebas (en el contexto de SEO):
   
6. Pruebas: Haga clic en “Ejecutar prueba” en ambas pestañas. Una vez que comience la prueba, la herramienta proporcionará detalles sobre el curso de la prueba, o si hay una cola, información sobre su posición en la cola detrás de las otras pruebas. Es posible que deba esperar unos minutos si hay una gran cantidad de otras pruebas esperando para ejecutarse. (La mejor manera de evitar las colas es elegir ubicaciones menos populares o realizar la prueba en momentos del día menos populares, fuera del horario comercial normal).
   Un detalle importante aquí es que en este punto la herramienta ya ha creado una URL estática para su prueba. Puede copiar y utilizar esta URL para ver los resultados en cualquier momento. Por lo general, solo insertamos estas URL en una hoja de cálculo y revisamos los resultados más tarde, cuando se completen todas las pruebas. Recuerde ejecutar ambas pruebas y guardar ambos enlaces para poder compararlos más tarde, sin esperar a que se ejecute la segunda prueba.
   
7. Los resultados: Para nuestro ejemplo, usamos el sitio web de Amazon. Esta aquí enlace a la prueba original. La herramienta devuelve grados de la A a la F por seguridad, tiempo del primer byte, mantenimiento de la función habilitado, transferencia de compresión, compresión de imágenes y contenido de caché estático, así como evaluación del rendimiento de la baliza y uso eficiente de CDN (sí o no), (todos resaltados en verde en la figura siguiente). Se puede hacer clic en los resultados y, al hacer clic en cada resultado, podrá acceder a más detalles sobre los éxitos y las oportunidades de la página.
   Además, en el cuadro morado a continuación, verá datos de Core Web Vitals, así como KPI durante la carga completa de documentos y el tiempo de carga completo. Estos son excelentes puntos de datos que puede utilizar como punto de partida para realizar un seguimiento de las mejoras.
   Por último, la herramienta proporciona amplios detalles sobre el estado general del sitio. Están organizados en diferentes pestañas en la navegación de WebPageTest (resaltadas en amarillo). Puede copiar y pegar estos datos en una hoja de cálculo para comparar los resultados en dispositivos móviles y computadoras de escritorio, o simplemente mantenga dos pestañas abiertas y haga clic entre ellas. En las siguientes guías encontrará más detalles sobre la información de estas tarjetas.