Corregir contenido cargado en diferido

Es habitual y recomendable retrasar la carga del contenido que no sea fundamental ni visible para mejorar la experiencia de usuario y el rendimiento; esta práctica se denomina "carga en diferido". Para obtener más información, consulta los recursos de web.dev sobre la carga en diferido de imágenes y vídeos. Sin embargo, si esta técnica no se implementa correctamente, es posible que se oculte contenido por error y Google no pueda verlo. En este documento se explica cómo asegurarse de que Google pueda rastrear e indexar contenido que se carga en diferido.

Cargar el contenido cuando sea visible en el viewport

Para que Google pueda ver todo el contenido de tu página, asegúrate de que hayas implementado la carga en diferido de modo que todo el contenido importante siempre sea visible cuando esté en el viewport. A continuación se indican algunos métodos para implementar la carga en diferido:

Los métodos mencionados no dependen de las acciones de los usuarios (como desplazarse o hacer clic) para cargar contenido, lo cual es importante, ya que la Búsqueda de Google no interactúa con tu página.

No añadas el método de carga en diferido al contenido que probablemente sea visible inmediatamente cuando un usuario abra una página. Esto puede provocar que el contenido tarde más en cargarse y mostrarse en el navegador, lo que los usuarios notarán.

Asegúrate de probar tu implementación.

Admitir la carga con paginación en páginas con desplazamiento infinito

A grandes rasgos, el desplazamiento infinito es una técnica que carga más contenido y más páginas distintas a medida que el usuario se desplaza por una página larga. Puede ser un artículo largo dividido en varios fragmentos o una colección de elementos que se dividen de forma similar en fragmentos. Para implementar el desplazamiento infinito de forma indexable, asegúrate de que tu sitio web admita la carga con paginación de estos fragmentos siguiendo estos pasos:

  • Asigna a cada fragmento su propia URL única y persistente.
  • Asegúrese de que el contenido que se muestra en cada URL sea el mismo cada vez que se cargue en un navegador. Una forma de hacerlo es usar números de página absolutos en la URL, por ejemplo, usando ?page=12 como parámetro de consulta.
  • Evita usar elementos relativos como ?date=yesterday en estas URLs. De esta forma, los buscadores y los usuarios podrán encontrar el mismo contenido de forma coherente en una URL determinada, lo que facilitará que los buscadores indexen correctamente el contenido y permitirá a los usuarios compartir y volver a interactuar con esa parte de tu contenido.
  • Enlaza de forma secuencial a las URLs individuales para que los buscadores puedan descubrir las URLs en un conjunto paginado. Consulta más información sobre las prácticas recomendadas para implementar la paginación.
  • Cuando se carga un nuevo fragmento de página en respuesta al desplazamiento del usuario y se convierte en el elemento visible principal para el usuario, actualiza la URL que se muestra con la API History. Esto permite al usuario actualizar, compartir y enlazar a la URL actual que se muestra en el navegador.

Probar

Una vez que hayas implementado esta técnica, asegúrate de que funcione correctamente. Puedes usar la herramienta de inspección de URLs de Search Console para ver si se ha cargado todo el contenido. Comprueba el HTML renderizado para asegurarte de que tu contenido se incluye en él. Para ello, puedes usar la herramienta de inspección de URLs. Si las URLs de imagen o vídeo aparecen en el atributo src de los elementos <img> o <video> en el HTML renderizado, significa que la configuración funciona correctamente.