Faro de Google

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

Generate report

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.
Rapport d audit twaino

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á

Google-lighthouse-2

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

Performance du site

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.

First Contentful Paint

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.

How speed index is calculated

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».

Time to Interactive

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.

Total Blocking Time

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.

Cumulative Layout Shift

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.

Accessibility

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.

Progressive web app

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.

Best practices

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.

SEO

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.
Avantages utilisation de Lighthouse
  • 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.

Generate report

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í:

Audit Lighthouse

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.

Lighthouse sur Web dev

Una vez completada la auditoría, le mostrará un informe con el siguiente aspecto:

Rapport d audit 2

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.
  • : Permiten una mejor construcción del título. Por lo general, su título principal debe tener una sola etiqueta H1, mientras que sus subtítulos deben tener etiquetas H2-H6, dependiendo de la estructura de su contenido.
  • : Indica una tabla en el contenido.
  • : Muestra un formulario en el contenido.
  • : Indica el pie de página de su página.
  • 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.

    Mots clés de longue Traine SEO

    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!

    Deja un comentario