Google Lighthouse es una herramienta de auditoría automatizada iniciada por Google y disponible de forma gratuita para comprobar el rendimiento, la accesibilidad y el SEO de un sitio web. La herramienta es capaz de analizar rápidamente cualquier URL y producir un informe de análisis satisfactorio con una lista de sugerencias relevantes para mejorar el rendimiento del sitio auditado
Además de los miles de millones de consultas que procesa al día, Google también ofrece un conjunto de herramientas que los usuarios pueden utilizar para optimizar determinadas tareas de su sitio web
Entre ellos se encuentran Google Analytics, Search Console, Google Ads y muchos otros. Pero de lo que se oye hablar menos es del Google Lighthouse
- ¿Qué es en concreto?
- ¿Cómo funciona?
- ¿Y cómo puede utilizarlo en su propio sitio web?
Descubra absolutamente todo sobre esta herramienta en este artículo sobre Google Lighthouse
Capítulo 1: ¿Qué es Google Lighthouse?
En este primer capítulo, cubriremos los puntos clave que nos permitirán dar más detalles sobre esta herramienta.
1.1. Definición y evolución de Lighthouse
Google Lighthouse es una herramienta de código abierto con la que puede evaluar claramente la calidad técnica y la experiencia del usuario de las páginas individuales
Es una especie de herramienta de auditoría que puede utilizar para diagnosticar sus páginas y deducir el estado general de su sitio
Lighthouse produce informes de análisis profundos, pero fáciles de entender.
En sus informes de auditoría se puede ver, por ejemplo, que la herramienta asigna una puntuación basada en un tope de 100 puntos para evaluar ciertas métricas como
- El rendimiento del sitio
- El nivel de accesibilidad
- Las buenas prácticas aplicadas en el lugar
- El nivel de SEO.
Si es un entusiasta del SEO, puede encontrar algunas similitudes entre Google Lighthouse y otras herramientas como PageSpeed Insights, Mobile Friendly Test o Structured Data Testing Tool
A diferencia de estas herramientas que centran su informe de análisis en un solo aspecto, Google Lighthouse va mucho más allá
Aunque la herramienta también se centra principalmente en el rendimiento, también permite examinar cada página web desde varios ángulos.
Hay que decir que la primera versión de Google Lighthouse 1.0, lanzada en junio de 2016, se desarrolló inicialmente como una herramienta de supervisión para aplicaciones web progresivas (PWA)
No causó mucho revuelo en el mundo del SEO, ya que tanto la interfaz de usuario como la funcionalidad eran muy limitadas
Con la versión 2.0, todavía era posible generar informes de análisis como en la versión anterior, pero de una forma ligeramente más avanzada.
Luego llegó la tercera versión, la 3.0 de Lighthouse, lanzada a principios de 2018
Esta versión ofrece un nuevo diseño de la herramienta y se integra directamente en las herramientas de desarrollo de los navegadores Google Chrome y Firefox
1.2 ¿Cómo funciona Google Lighthouse?
Como se ha explicado anteriormente, con Google Lighthouse puede generar un informe de análisis de su sitio web con sólo unos clics. La herramienta se instala como una extensión en su navegador Chrome para facilitar su uso
En cada informe proporcionado, Lighthouse sugiere algunas soluciones para corregir y mejorar ciertos aspectos que podrían calificarse como puntos débiles del sitio
Estos incluyen
1.2.1. Rendimiento del sitio
El rendimiento del sitio es un aspecto fundamental de cualquier auditoría SEO. Tiene en cuenta, por ejemplo, la velocidad de carga de la página, que es una de las medidas más esenciales no sólo para los usuarios sino también para los motores de búsqueda.
Aquí, Lighthouse diagnostica todos los problemas relacionados con el rendimiento de su sitio y encuentra oportunidades de mejora en un proceso claro.
Para cubrir todos los aspectos importantes del rendimiento del sitio, Lighthouse analiza los siguientes índices
Primera pintura de contenido (FCP): Se trata de una métrica de rendimiento que registra el tiempo que tarda en aparecer el primer elemento de texto o imagen en el navegador del visitante.
Fuente gtmetrix
Proporciona información sobre la carga de la página y representa una ponderación de 15% de su puntuación global de rendimiento.
Por lo general, los mejores sitios funcionan a 1,5 segundos, pero cuando su FCP es inferior a 2 segundos, todavía se le considera rápido.
Índice de velocidad (SI): El índice de velocidad es una medida de rendimiento que muestra la rapidez con la que se hacen visibles los elementos de una página web.
Fuente gtmetrix.com
Esta métrica también tiene una ponderación de 15% al calcular la puntuación de rendimiento.
Lo ideal es que el índice de velocidad sea inferior a 4,3 segundos, lo que corresponde más o menos a una puntuación de índice de velocidad de 75.
Tiempo de interacción (TTI): Google lo define como como »El tiempo que transcurre entre el momento en que la página comienza a cargarse y el momento en que se renderiza visualmente, sus scripts iniciales (si los hay) se han cargado y es capaz de responder de forma fiable y rápida a las entradas del usuario».
Fuente blog.dareboost
El objetivo es minimizar el tiempo entre el FCP y el TTI. Esta métrica tiene una ponderación del 15% en la puntuación global del rendimiento.
Un buen nivel al que aspirar aquí es estar por debajo de los 3,8 segundos, lo que es considerado rápido por Google
Tiempo total de bloqueo (TBT): Esta métrica cuantifica la capacidad de respuesta de su página a la entrada del usuario.
Fuente gtmetrix
Se puede utilizar para reemplazar la puntuación de la FID (Primera Demora de Entrada) en sus datos de laboratorio. Pero al mejorar la TBT, suele mejorar la FID, que es un núcleo vital de la web
El tiempo total de bloqueo es otro elemento crucial de la puntuación de rendimiento con una ponderación del 25%.
Desplazamiento acumulado de la disposición (CLS) Esta es la última métrica que mide la estabilidad visual de una página cuantificando la frecuencia con la que los usuarios pueden encontrarse con cambios de diseño inesperados.
Fuente marfeel.anticipa
Se trata de la métrica menos importante, con una ponderación de sólo el 5% en el esquema de puntuación global del rendimiento.
1.2.2. Accesibilidad del sitio
Básicamente, esta métrica presenta oportunidades potenciales para mejorar la disponibilidad y la experiencia del cliente de su aplicación móvil o sitio web.
El seguimiento del informe de mejora de la accesibilidad garantizará que sus clientes puedan explorar y utilizar su sitio web sin esfuerzo.
Así como asegurar que tiene la oportunidad más obvia de clasificar más alto en los motores de búsqueda de la web.
Aunque Lighthouse no cubre todas las pruebas de accesibilidad, sí cubre una serie de pruebas importantes como
- Estructura de elementos para un contenido HTML bien organizado;
- Contraste de sombreado para un contenido legible y fácilmente descifrable;
- La nomenclatura de los elementos para los componentes con nombres apropiados y relevantes
En esta parte de la prueba se comprueba si un sitio web es de libre acceso y puede ser utilizado por todo el mundo, incluidos los usuarios de dispositivos distintos de los ordenadores personales, como:
- Teléfonos,
- Tabletas,
- Y los televisores inteligentes
Para ampliar la noción de accesibilidad, Lighthouse comprueba si su sitio web es visible para las personas con discapacidades, como por ejemplo las visuales.
Un poco más allá, Lighthouse también comprueba si :
- Todas las imágenes tienen atributos alt
- El atributo lang en la etiqueta »html» es correcto,
- La etiqueta del título está presente
Incluso se asegura de que el contraste entre el fondo y el primer plano del sitio no sea demasiado bajo, para que el contenido sea fácilmente legible y la interfaz sea fácil de usar.
1.2.3. Aplicaciones web progresivas
Las aplicaciones web progresivas (PWA) son el híbrido de las aplicaciones móviles y las páginas web. Utilizan mucho menos espacio de almacenamiento en el teléfono, ya que no hay proceso de descarga.
Sin embargo, un usuario puede integrarlos directamente desde el navegador pulsando un botón «Añadir a la pantalla de inicio»
Las PWAs vienen con características como
- Notificaciones push
- Carga en pantalla completa;
- Trabajo fuera de línea;
- Funcionamiento en todas las condiciones de la red
Facilitan la carga rápida del contenido y se sienten como una aplicación móvil, ofreciendo la mejor experiencia de navegación
Las PWA se sirven a través del protocolo https, que permite una comunicación segura entre el sitio web y el usuario. La conexión cifrada entre el navegador y el servidor no afecta al contenido.
Dado que las PWA forman parte de una de las cinco categorías clave utilizadas por Lighthouse para medir el rendimiento de los sitios web, la herramienta ofrece información especializada sobre las PWA
Para revisar y evaluar una aplicación web, Lighthouse tiene en cuenta factores como
- Velocidad ;
- Seguridad; y
- Diseño responsivo; y
- Rendimiento fuera de línea;
- Indexación ;
- Notificación push;
- El caché;
- Experiencia del usuario.
En su informe de puntuación del rendimiento, Lighthouse presenta una lista de pruebas en las que su PWA ha fallado y soluciones para resolver estos problemas. A continuación, muestra las partes restantes de la prueba que su PWA ha superado.
La auditoría de Lighthouse elimina muchas de las conjeturas sobre el desarrollo y el rendimiento de las aplicaciones web. Con los informes detallados, detectará mejor qué aspectos de su PWA ya funcionan y cuáles deben mejorarse
Todas las sugerencias de Lighthouse le ayudarán a sacar el máximo partido a su PWA. Con esta herramienta, puede adoptar un enfoque diferente y sustancial para el desarrollo de PWAs sobresalientes.
1.2.4. Mejores prácticas para el SEO
Uno de los aspectos importantes que Lighthouse también tiene en cuenta al analizar los sitios web es comprobar si se han seguido las mejores prácticas en el sitio
Para mi sitio de Twaino, Lighthouse da una puntuación de 93 para la métrica «Mejores prácticas». Esta es una puntuación bastante buena.
Y como siempre, la herramienta también proporciona sugerencias que puede tener en cuenta para mejorar su sitio
1.2.5. SEO
El SEO es la métrica más dinámica e importante de los factores analizados por Lighthouse.
PageSpeed Insights no toca este aspecto específico de su sitio. Por ello, la mayoría de los diseñadores web y especialistas en SEO prefieren utilizar Google Lighthouse para analizar un sitio web.
La métrica SEO proporciona elementos fundamentales para examinar la racionalización de su página para su clasificación en los resultados de los motores de búsqueda.
Aquí, Lighthouse comprueba esencialmente si:
- La indexación de la página no está bloqueada ;
- ¿Los enlaces tienen un texto descriptivo?
- ¿Hay algún plugin no deseado?
- El documento tiene un componente de título;
- ¿Tiene el documento un hreflang válido?
- ¿Hay una meta descripción?
- ¿Tiene el documento un «rel = canonical» válido?
- ¿El documento utiliza tamaños de letra legibles.
Además, la herramienta ofrece comprobaciones físicas adicionales que tienen en cuenta el test Google Mobile friendly y la herramienta de test de datos estructurados.
1.3. Las ventajas de Google Lighthouse
El informe Google Lighthouse abarca los mismos criterios que Google tiene en cuenta para clasificar una página en sus resultados de búsqueda
Es a partir de este informe de prueba que Google Lighthouse sugiere soluciones a los diversos desequilibrios observados en su sitio web.
Pero además de estas sugerencias, la herramienta ofrece otras ventajas interesantes
1.3.1. Cualquiera puede utilizarlo
Lighthouse simplifica la auditoría SEO y pone el poder de una auditoría al alcance de cualquiera que lo necesite. En el pasado, una auditoría técnica de SEO sólo podía ser realizada realmente por un profesional de SEO. Aunque esto sigue siendo una realidad hoy en día, con la herramienta Google Lighthouse, puede obtener una visión general útil de las áreas que debe mejorar en su sitio.
No cubrirá todos los ángulos de una auditoría especializada en SEO, pero le dará algunas buenas pautas a seguir.
1.3.2. Otros beneficios
He aquí otras razones por las que podría querer utilizar Lighthouse en su rutina de comprobación de sitios:
- Sugerencia de elementos procesables: Cuando Lighthouse identifica un problema, le dará elementos importantes que debe solucionar para mejorar sus páginas.
- A menudo, los informes señalarán segmentos explícitos e incluso líneas de código que pueden arreglarse o mejorarse.
- Actualizaciones frecuentes de Lighthouse: Lighthouse es actualizado constantemente por los ingenieros de Google para garantizar la incorporación de las últimas métricas web.
- Lighthouse es fácil de usar y puede revisar su sitio con un solo clic.
En pocas palabras, con Lighthouse puede mejorar la funcionalidad móvil, la velocidad del sitio web y la accesibilidad.
Capítulo 2: ¿Cómo utilizar Google Lighthouse?
Para auditar su sitio web con la herramienta Lighthouse, tiene dos opciones, o bien utiliza la extensión de Lighthouse (en Chrome o Firefox) o la web dev.
2.1. Google Lighthouse en Chrome
Puede auditar su sitio simplemente haciendo clic en el botón «Generar informe», al que se puede acceder tras instalar la extensión Extensión de Lighthouse para Chrome o Extensión Lighthouse para Firefox. Puede elegir lo que quiere probar haciendo clic en el botón del engranaje.
La herramienta Lighthouse Chrome ejecutará entonces la auditoría y generará automáticamente un informe en cuestión de segundos. Estará disponible para usted en una pestaña recién abierta, así:
Esto es muy útil y, además de la información bruta, se obtiene un informe que proporciona consejos útiles, incluidos los presupuestos de rendimiento, para que pueda empezar a trabajar en las actualizaciones.
2.2. Lighthouse on Web dev
En desarrollo web sólo tiene que introducir la URL del sitio que desea analizar y se le presentará un informe de análisis.
Una vez completada la auditoría, le mostrará un informe con el siguiente aspecto:
Debe asegurarse de hacer clic en el botón «Ver informe» para profundizar en cada métrica y obtener la información que necesita
Web.dev no proporciona dos informes diferentes para móviles o para ordenadores de sobremesa, sólo se obtiene un informe de análisis.
Capítulo 3: ¿Cómo mejorar las métricas de Lighthouse de un sitio web?
Cuando la herramienta Lighthouse envía un informe de análisis, es su deber tener en cuenta las deficiencias para corregirlas.
Ahora descubriremos cómo puede mejorar las métricas de Lighthouse, principalmente el rendimiento, la accesibilidad y las técnicas de SEO.
3.1. cómo mejorar el rendimiento de su sitio web
Según estadísticascuando su sitio web tarda aunque sea un segundo más en cargarse, puede dar lugar a desventajas como
- descenso del 11% en las visitas a la página;
- Una caída del 16% en la satisfacción de los clientes
- Y un descenso del 7% en la tasa de retorno.
Es esencial hacer del rendimiento del sitio web una prioridad, ya que un rendimiento deficiente suele conducir a una mala experiencia del usuario. Para ello, he aquí algunas formas de introducir mejoras.
3.1.1. Reducir la solicitud HTTP
HTTP (s) es un método de solicitud/respuesta utilizado por un navegador web para importar archivos del servidor web.
Por cada página que un usuario visita en su sitio, su navegador envía una solicitud a su sitio web. La acumulación de estas peticiones puede provocar una ralentización de la velocidad de carga de su sitio.
Puede acelerar su sitio web simplificando el diseño y los elementos de codificación. He aquí algunas técnicas:
- Utilice el spriting de imágenes: El spriting de imágenes combina varias imágenes en un único archivo de imagen. Utiliza el posicionamiento del fondo para mostrar la parte deseada de la imagen.
- Conecte CSS y JavaScript: La concatenación de los códigos CSS y JavaScript es crucial. Siempre es mejor crear un archivo maestro que tener varios archivos para realizar diferentes tareas.
- No confíe demasiado en JavaScript: Utilizar demasiado JavaScript puede conducir a una sobrecarga HTTP y hará que su sitio web sea más difícil de mantener. Es mejor utilizar JavaScript sólo cuando sea necesario.
3.1.2. Utilizar un servicio CDN
Una red de entrega de contenidos (CDN) es una red distribuida geográficamente que entrega sitios web y otros contenidos web al usuario final.
Básicamente, entrega el contenido estático del sitio web, como HTML, CSS, imágenes y JavaScript, a través de servidores web cercanos a la ubicación física del usuario.
Por ejemplo, si un servidor de origen está situado en Francia y un usuario abre la página web desde Singapur, ésta tardará más en cargarse porque tiene que canalizar físicamente su información más lejos.
Una CDN tiene muchos servidores de datos en diferentes partes del mundo. Esto le permitirá abrir el sitio web desde Singapur y cargarlo desde el centro de datos de Singapur en lugar de Francia. Esto reduce considerablemente el tiempo de carga.
3.2.3. Reducir el tamaño de las imágenes
Según un informe de Hubspotsegún un informe de Hubspot, el 32% de los profesionales del marketing afirman que las imágenes y las infografías se consideran la forma de contenido más exitosa para las empresas
Captan la atención del usuario y cuando se colocan estratégicamente, su sitio es más atractivo.
Sin embargo, el uso de imágenes o fotos demasiado grandes puede ralentizar la velocidad de carga de su sitio web.
Para optimizar, puede :
- Utilice los nuevos formatos fotográficos, como WebP o JPeg XR, para reducir el tamaño de la imagen en un 20-50% sin comprometer la calidad original;
- Guarde la foto como PNG o JPEG;
- Reduzca el tamaño total de la imagen en cualquier editor como PhotoShop ;
- Utilice un plugin para comprimir rápidamente las imágenes, como WP Smush.
3.2. ¿cómo hacer accesible un sitio web?
Para que su sitio web sea accesible para todos los usuarios y motores de búsqueda, esto es lo que debe hacer
3.2.1. Elija un CMS que le ayude a crear un sitio web accesible
Cuando se trata de sistemas y marcos de gestión de contenidos, tiene literalmente una multitud de opciones.
A medida que los sistemas de código abierto evolucionan rápidamente, los diseñadores y desarrolladores de todo el mundo se aseguran de que cumplen los requisitos de accesibilidad desde el principio
WordPress es un CMS muy adecuado para apoyar la accesibilidad de su sitio. Sin embargo, hay otras plataformas como Drupal o Joomla que también tienen excelentes características de accesibilidad.
Veamos cómo se comparan estas tres plataformas diferentes en términos de accesibilidad.
WordPress: La mayoría de los desarrolladores de WP hacen de la accesibilidad una de sus principales preocupaciones. Esto es fácil para ellos gracias a un gran número de nuevos temas y plugins que hacen que el contenido en línea sea accesible y agradable para todos
WordPress también cuenta con un equipo de accesibilidad que ayuda a los desarrolladores en las principales actualizaciones para garantizar que las nuevas funciones se ajusten a las directrices de accesibilidad vigentes.
Joomla rey indiscutible de los sistemas de gestión de contenidos antes de WP, esta plataforma también está bien situada cuando se trata de la accesibilidad. Es fácil implementar un código accesible para la optimización del tema y el ajuste de los elementos esenciales. Lo único que tiene que hacer es asegurarse de que el núcleo de la plantilla que está utilizando es compatible con esos cambios.
Drupal: Aunque los desarrolladores de Drupal suelen dirigirse a los más expertos en tecnología, también se toman en serio el tema de la accesibilidad
Su aplicación de construcción es totalmente compatible con las directrices WCAG 2.0 y ofrece una excelente documentación para ayudar a los diseñadores a aplicar estas normas
Además, la última gran actualización de Drupal 8 también ha añadido importantes mejoras a las etiquetas ARIA y HTML5.
3.2.2. Utilice etiquetas semánticas para aumentar la accesibilidad
La legibilidad debe ser siempre una de las principales preocupaciones, especialmente cuando se escriben o entregan contenidos para un público más amplio
Debe asegurarse de que el flujo de texto sea óptimo y fácil de entender. La misma regla general se aplica también a las anotaciones
Por eso es esencial estructurar bien sus contenidos y hacerlos comprensibles para los usuarios.
HTML 5, por ejemplo, proporciona a los desarrolladores casi toda la funcionalidad necesaria para optimizar las etiquetas de los objetos.
He aquí algunos ejemplos de cómo los elementos clave del marcado semántico pueden hacer que su contenido sea más legible
: Permite definir nuevas secciones en el contenido. Muy a menudo esto comienza con un nuevo título. : Significa nuevo contenido independiente que puede consumir por separado del resto de la aplicación web. : Muestra una nueva cabecera. : Indica una tabla en el contenido.
3.2.3. Gestione los colores lo mejor que pueda
Cuando la creación de un diseño accesible es su principal objetivo, debe ver las pautas de accesibilidad definidas y elija los colores del diseño en consecuencia, en lugar de basarse únicamente en sus preferencias personales.
Para satisfacer las necesidades de la mayoría, asegúrese de utilizar colores que no distraigan demasiado, pero también utilice otros indicadores como signos de interrogación y asteriscos
Además, no olvide utilizar espacios para distinguir los distintos bloques de contenido.
He aquí algunas cosas a tener en cuenta:
- Los colores brillantes, por ejemplo, pueden ser demasiado intensos para las personas con mayor fotosensibilidad;
- También se aconseja encarecidamente mantener las líneas de contraste claras, para que a las personas con problemas de visión les resulte más fácil entender el contenido de su sitio web.
- Asegúrese de que los rincones esenciales del sitio web no se pierdan en el color. Por ejemplo, el botón «toggle» debe ser una característica clara sin ningún color asociado a otros componentes clave de su sitio.
- Afortunadamente, la mayoría de las plataformas de CMS le permiten ajustar sus esquemas de color, por lo que resolver este problema no debería ser tan problemático si las utiliza.
3.3. ¿cómo puede mejorar sus técnicas de SEO?
Las estrategias y prácticas de SEO son numerosas y abarcan diferentes aspectos de un sitio web, desde la estructura HTML hasta la gestión de los enlaces.
En términos prácticos, la actividad de SEO se estructura principalmente en dos áreas principales:
- SEO en la página
- SEO fuera de la página
3.3.1. SEO en la página
El término SEO On-Page se refiere a todas las estrategias de optimización implementadas en las páginas del sitio para posicionarse en los resultados de búsqueda.
Tiene en cuenta el SEO del código HTML y la optimización del contenido del sitio.
3.3.1.1. Elección de palabras clave
Para hacer SEO de forma correcta, hay que partir de una primera fase estratégica, centrada en el análisis y la elección de las mejores palabras clave a utilizar.
Para obtener una buena clasificación en Google, es aconsejable evitar las palabras clave demasiado genéricas con un alto volumen de búsqueda y una fuerte competencia. Estas palabras clave tienen pocas posibilidades de éxito, especialmente para los sitios pequeños
Según la teoría de la cola larga, es mejor elegir muchas palabras clave específicas, con menos volumen de búsqueda, pero también con menos competencia
Se ha demostrado que estos términos ofrecen las mejores tasas de conversión.
Estas palabras clave se utilizarán estratégicamente en determinados elementos, como por ejemplo
- Etiquetas del título ;
- La meta descripción;
- Etiquetas del título
- Y el texto alternativo de las imágenes.
La etiqueta del título es el código que especifica el título de una página concreta al motor de búsqueda y, para que esté optimizado, debe ser conciso e incluir la palabra clave principal
La meta descripción, la frase introductoria que aparece en las SERP bajo cada dirección web clasificada por el motor de búsqueda, debe ser clara y cautivadora, así como coherente con el contenido al que hace referencia.
Dentro de una página, es aconsejable utilizar encabezados, es decir, títulos y subtítulos, H1, H2, H3, que aclaren el contenido de la página a los usuarios y a los motores de búsqueda.
Dado que los navegadores todavía no pueden entender el contenido de una imagen tan fácilmente, también es importante añadir un texto alternativo, es decir, un texto descriptivo de la imagen que pueda explicar su contenido.
3.3.1.2. Optimización del contenido de un sitio web
Otro aspecto importante para el buen posicionamiento de un sitio web es la optimización del contenido. En general, su contenido debe ser :
- Único y original, es decir, no copiado de otros sitios;
- Útil e interesante;
- Se edita y actualiza regularmente;
- Naturalmente, contienen las palabras clave objetivo.
3.3.2. SEO fuera de la página
Las estrategias y prácticas fuera de la página también contribuyen al buen posicionamiento de un sitio. Aquí nos referimos específicamente a la gestión de los enlaces entrantes.
Google considera que las páginas web más enlazadas son las más meritorias e importantes
Sin embargo, esta creencia no se limita a un simple aspecto numérico. El motor de búsqueda también tiene en cuenta la autoridad de las páginas de las que proceden los enlaces.
Conseguir enlaces a su página web de forma natural y, por tanto, de acuerdo con las normas de Google, pero hay que reconocer que no es fácil. El secreto es producir contenidos de calidad que sean apreciados por los usuarios.
3.3.3. Optimice su sitio web para dispositivos móviles
Casi 60% de todas las búsquedas en línea se realizan en un dispositivo móvil
También Google reconoce que la mayoría de los usuarios acceden a los sitios web a través de un dispositivo móvil. Por ello, el motor de búsqueda ha introducido la indexación «mobile-first»
Esto significa que Google ahora utiliza la versión móvil del contenido de una página para fines de indexación y clasificación.
Y como no es posible crear un índice de sitio separado para móviles, su sitio debe funcionar tan bien en móviles como en un ordenador de sobremesa.
Uno de los criterios de Google para evaluar un sitio web es ahora su preparación para la indexación «mobile-first», una clara indicación de que Google insiste en que usted tiene un diseño web responsivo y que pone a sus clientes móviles en primer lugar.
Tanto si su sitio es realmente responsivo como si simplemente es apto para móviles, asegúrese de que el tiempo de carga en móviles es rápido y su aspecto es coherente
Además, asegúrese de que sus etiquetas de título y cabecera están diseñadas para mostrarse correctamente en los dispositivos móviles.
Conclusión
Con Lighthouse, puede mejorar la funcionalidad móvil, la velocidad del sitio web y la accesibilidad, al tiempo que realiza ajustes para garantizar que su sitio sea fácil de usar
Además, tener en cuenta los informes de análisis de Lighthouse es bueno, pero prevenir los problemas que esta herramienta puede descubrir en su sitio es aún mejor.
En este artículo, no sólo aprenderá todo lo que necesita saber sobre Google Lighthouse, sino también las mejores formas de mejorar el rendimiento de sus páginas web.
Si le ha gustado este artículo, hágalo saber en los comentarios.
¡Gracias y hasta pronto!
