Como propietario de un sitio web, es primordial maximizar la optimización del motor de búsqueda (SEO), la accesibilidad y el rendimiento de su sitio web. Sin embargo, para hacer frente a estos factores de la forma más eficaz posible, es necesario utilizar las herramientas y técnicas adecuadas. Una de las soluciones más innovadoras que puede utilizar hoy en día es Google Lighthouse.
En esta publicación, le presentaremos Google Lighthouse y cómo funciona. Luego le explicaremos cómo puede usarlo para mejorar su sitio web.
¡Saltamos!
Suscríbete a nuestro canal de YouTube
¿Qué es el faro de Google?
Linterna de Google es herramienta gratuita y de código abierto que pueden ayudarlo a mejorar la velocidad, el rendimiento y la experiencia general de su sitio web. La generación de informes Lighthouse facilita la mejora de la calidad de sus sitios web.
La herramienta se puede utilizar de varias maneras diferentes. Puedes ejecutarlo a través de:
- Herramientas para desarrolladores de Chrome
- extensión de cromo
- Módulo de nodo
- Interfaz de usuario web (IU)
Cuando envíe la URL a la herramienta automatizada, realizará múltiples auditorías de página y producirá un informe que detalla el rendimiento de la página. Luego puede usar las sugerencias de los resultados para mejorar su sitio.
Lighthouse no es solo programadores. La herramienta es adecuada para cualquier propietario de un sitio web que desee obtener más información sobre el rendimiento de su sitio web y los pasos específicos para optimizarlo.
Cómo Lighthouse audita las páginas
El enfoque principal de las auditorías de Lighthouse son las métricas web centrales de Google. Si no está familiarizado con esta métrica, es la métrica básica que utiliza Google para medir la velocidad del sitio web y la experiencia general del usuario (UX). Consisten en contenido más alto (LCP), primer retardo de entrada (FID) y compensación de circuito acumulativo (CLS).
En otras palabras, usar Lighthouse lo ayuda a ver su sitio web de la misma manera que lo hace Google. Puede aprovechar la información práctica que proporciona para optimizar sus páginas y obtener mejores resultados en el ranking de los motores de búsqueda.
Los informes de Lighthouse se dividen en cinco categorías:
- Actuación
- Disponibilidad
- SEO
- Mejores prácticas
- aplicación web progresiva
También utiliza un sistema de puntuación del 1 al 100 y prueba los sitios para una conexión 3G simulada. Sin embargo, los resultados pueden fluctuar con el tiempo ya que Google actualiza sus criterios de clasificación con frecuencia. Es por eso que probablemente querrá mantenerse al día con las actualizaciones de Lighthouse.
Además, si bien es algo similar a PageSpeed Insights, Lighthouse no es lo mismo. Lighthouse ofrece una vista más holística que solo el rendimiento de la página (como lo hace PageSpeed Insights).
Cómo utilizar las balizas de Google
Como mencionamos, puede usar varios flujos de trabajo para Lighthouse. Si no desea instalar una extensión o ejecutar comandos, puede usar web.dev o DevTools. A continuación, lo guiaremos a través de instrucciones detalladas para cada opción.
Cómo ejecutar Google Lighthouse con Chrome DevTools
Para empezar, primero debe descargar Google Chrome (si aún no lo ha hecho). Una vez instalado, puede abrir una nueva pestaña del navegador en Chrome e ir al sitio web que desea controlar.
Luego haga clic derecho en la página y seleccione Controlar. También puede hacer clic en los tres puntos verticales en la esquina superior derecha del navegador y luego ir a Más herramientas > Herramientas de desarrollo.
Esto abrirá el panel DevTools a la derecha o en la parte superior de la página. En la barra de herramientas (1), haga clic en Faro:
Tenga en cuenta que si no ve la opción Faro en la barra de herramientas, es posible que deba hacer clic en las dos flechas al final. Cuando se abra la herramienta Lighthouse, asegúrese de que las cinco categorías estén seleccionadas y luego seleccione (2) Generar un informe.
Cuando Lighthouse termine de auditar, lo llevará a la pantalla de resultados. Este informe se verá así:
Encontrarás una partitura y una sección para cada categoría. Puede obtener más información sobre cada uno de ellos haciendo clic en los resultados en la parte superior de la página.
Un buen puntaje es cualquier cosa entre 50 y 89. Un puntaje perfecto es entre 90 y 100. El objetivo es obtener entre 90 y 100 en cada categoría.
Cómo usar Google Lighthouse desde web.dev
Otra forma rápida y fácil de auditar un sitio web con Lighthouse es usar web.dev. Vaya a esta página y luego ingrese la URL de la página que desea verificar:
Luego haga clic Ejecutar una auditoría botón. Después de uno o dos minutos, Lighthouse terminará de analizar el sitio y lo llevará al informe. Puede obtener más información sobre su puntaje y las oportunidades de mejora en cada categoría aquí:
Puede hacer clic en cada sección contraída para expandirla y obtener más información. También puede acceder a información detallada sobre cada categoría seleccionando el nombre de la categoría y el resultado en la parte superior del informe.
Cómo utilizar Google Lighthouse con la extensión de Chrome
Alternativamente, puede descargar e instalar la extensión de Chrome para Lighthouse. Esta puede ser una buena opción si planea usar Lighthouse con frecuencia.
De nuevo, debes tener Chrome instalado. Entonces puedes ir a la tienda online de Chome i instalar la extensión Lighthouse:
Después de instalar el complemento, reinicie su navegador. Ahora debería ver un símbolo de faro al final de la barra de direcciones. Visite el sitio web que desea auditar, haga clic en el símbolo del faro y luego seleccione Generar un informe:
Esta acción lo llevará directamente a la página del informe donde puede ver los detalles de calificación para cada categoría. Tenga en cuenta que puede llevar uno o dos minutos completar la auditoría.
Cómo usar Google Lighthouse a través de un nodo
Si está buscando flexibilidad de configuración con Lighthouse, también puede usar Node. Esta es una solución más avanzada, pero le da más control.
Primero necesitas instalar Versión a largo plazo de Node:
Luego puede ejecutar la línea de comando para instalar Lighthouse:
npm install -g lighthouse # or use yarn: # yarn global add lighthouse
Finalmente, puede realizar una auditoría con el siguiente comando:
lighthouse <url>
Por supuesto, vale la pena reemplazar
Solicitud
Revisar regularmente su sitio de WordPress es esencial para garantizar una buena experiencia tanto para los visitantes como para los motores de búsqueda. Con herramientas como Google Lighthouse, puede evaluar rápidamente el rendimiento, el SEO y la disponibilidad de su sitio web en unos pocos pasos simples.
Como discutimos en esta publicación, Lighthouse es una herramienta gratuita y automatizada para obtener información valiosa sobre el rendimiento y la experiencia general de los sitios web. Puede usarlo instalando la extensión de Chrome o usando DevTools directamente en su navegador. A continuación, puede utilizar los informes para descubrir cómo mejorar su sitio.
¿Tiene preguntas sobre el uso de Google Lighthouse? ¡Háganos saber en la sección de comentarios!
Imagen destacada a través de Cienpies Design / shutterstock.com
