Captura de pantalla de un sitio web online: por qué hacerla y cómo leer las métricas
A veces solo necesitas ver la página completa: cómo la entrega el servidor, no tu navegador con caché y extensiones. Para esto existe la captura de pantalla de sitios web en línea: captura una imagen en vista de escritorio y móvil, y además muestra métricas básicas de carga.
Dónde ayuda
- Comprueba lo que ve el bot. Si el contenido se carga mediante scripts, se nota de inmediato en la captura.
- Compara las versiones móvil y de escritorio: los bloques que se "movieron" en el teléfono se ven sin necesidad de un teléfono.
- Guarda el estado antes de hacer cambios: después es más fácil demostrar qué cambió.
- Mira la página de otra persona sin abrirla en tu navegador.
- Comprueba si el sitio muestra una página provisional por protección o bloqueo regional.
Qué significan las métricas junto a la captura
| Indicador | Significado |
|---|---|
| Time to First Byte | Qué tan rápido responde el servidor; si pasa de un segundo, conviene revisar el hosting |
| Full Load Time | Cuánto espera el visitante hasta ver la página lista |
| Page Size | Peso de todos los recursos; las imágenes pesadas son una causa frecuente |
| Response Code | Debe ser 200: 3xx significa redirección, 4xx y 5xx significan error |
Cómo usarla en el trabajo
Antes de lanzar la promoción, conviene tomar una captura de la página que vas a promocionar: muestra lo que verá una persona que llegue desde el enlace. Si la página se ve vacía sin ejecutar scripts, es una razón para resolver primero el problema de renderizado y solo después invertir en enlaces.
Escritorio y móvil: qué comparar
- Primera pantalla. ¿Se ve en el móvil la misma oferta que en el escritorio, o la desplazaron banners y menús?
- Legibilidad. ¿El texto es demasiado pequeño y los bloques se superponen?
- Botones. ¿Son lo bastante grandes y no están tapados por elementos flotantes como el chat y los banners de cookies?
- Integridad. ¿Desapareció por completo un bloque importante en la versión móvil? Esto puede ocurrir en el diseño adaptable cuando se oculta contenido.
El buscador evalúa la página según la versión móvil, por lo que las diferencias entre vistas no son cosméticas, sino una pérdida directa de posiciones y conversiones.
Relacionado
Velocidad de carga, revisión on-page y encabezados de respuesta del servidor.
