Prácticas recomendadas para la indexación centrada en dispositivos móviles y el sitio móvil

Google usa más que nada la versión para dispositivos móviles del contenido de un sitio, rastreada con el agente para smartphones, cuando realiza la indexación y la clasificación. Esto se denomina indexación centrada en dispositivos móviles.

Si bien no es obligatorio tener una versión para dispositivos móviles de las páginas para que tu contenido se incluya en los resultados de la Búsqueda de Google, es muy recomendable. Estas prácticas recomendadas se aplican a los sitios móviles en general y, por definición, a la indexación centrada en dispositivos móviles.

Para asegurarte de que tus usuarios tengan la mejor experiencia, sigue las prácticas recomendadas que se detallan en esta guía.

Cómo crear un sitio optimizado para dispositivos móviles

Si aún no lo hiciste, crea un sitio web optimizado para dispositivos móviles para que los usuarios que lo visitan desde un teléfono celular tengan una experiencia excelente. Puedes elegir entre tres configuraciones para crear un sitio optimizado para dispositivos móviles:

  • Diseño responsivo: Entrega el mismo código HTML en la misma URL, independientemente del dispositivo del usuario (por ejemplo, computadora, tablet, dispositivo móvil o navegador no visual), pero puede mostrar el contenido de forma diferente según el tamaño de la pantalla. Google recomienda usar el diseño web responsivo porque tiene el patrón de diseño más fácil de implementar y mantener.
  • Publicación dinámica: Usa la misma URL sin importar el dispositivo. Esta configuración se basa en el análisis de user-agent y el encabezado de respuesta HTTP Vary: user-agent para mostrar una versión diferente del HTML a distintos dispositivos.
  • URLs independientes: Muestra diferentes HTML en cada dispositivo y en URLs independientes. Al igual que la publicación dinámica, esta configuración se basa en los encabezados HTTP user-agent y Vary para redireccionar a los usuarios a la versión del sitio apropiada para el dispositivo.

El contenido de esta guía solo se aplica a la publicación dinámica y a las configuraciones de URL independientes. En el caso del diseño responsivo, el contenido y los metadatos son los mismos en las versiones para dispositivos móviles y computadoras de las páginas.

Asegúrate de que Google pueda acceder a tu contenido y renderizarlo

Asegúrate de que Google pueda acceder al contenido y a los recursos de tu página para dispositivos móviles y renderizarlos.

  • Usa las mismas etiquetas robots meta en los sitios móviles y para computadoras de escritorio. Si usas una etiqueta robots meta diferente en el sitio móvil (especialmente las etiquetas noindex o nofollow), es posible que Google no rastree ni indexe tu página cuando el sitio se habilite para la indexación centrada en dispositivos móviles.
  • No hagas una carga diferida de contenido principal que dependa de la interacción del usuario. Google no cargará contenido que requiera interacciones del usuario (por ejemplo, deslizar el dedo, hacer clic o escribir) para realizar la carga. Asegúrate de que Google pueda acceder al contenido de carga diferida.
  • Permite que Google rastree tus recursos. Algunos recursos tienen diferentes URLs en el sitio móvil y en el sitio para computadoras. Si deseas que Google rastree tus URLs, asegúrate de no bloquear la URL con la regla disallow.

Asegúrate de que el contenido sea el mismo en computadoras y dispositivos móviles

Incluso con contenido equivalente, las diferencias en DOM o en el diseño entre las páginas para computadoras y dispositivos móviles pueden hacer que Google comprenda el contenido de manera diferente. Sin embargo, tener el mismo contenido en la versión para computadoras y dispositivos móviles garantiza que ambas versiones puedan clasificarse para las mismas palabras clave.

  • Asegúrate de que el sitio móvil tenga el mismo contenido que la versión para computadoras. Si este tiene menos contenido, considera actualizarlo de modo que el contenido principal sea el mismo en ambas versiones. Puedes tener un diseño diferente en los dispositivos móviles para maximizar la experiencia del usuario (por ejemplo, mover contenido a acordeones o pestañas); solo debes asegurarte de que el contenido sea equivalente al sitio para computadoras, ya que casi toda la indexación de tu sitio proviene del sitio móvil.
  • Usa encabezados iguales, claros y significativos tanto en el sitio móvil como en el sitio para computadoras.

Verifica tus datos estructurados

Si tienes datos estructurados en tu sitio, asegúrate de que estén presentes en ambas versiones. Ten en cuenta estos puntos específicos para verificar:

  • Asegúrate de que tanto tu sitio móvil como la versión para computadoras tengan los mismos datos estructurados. Si tienes que priorizar qué tipos agregas a tu sitio móvil, comienza con los datos estructurados de Breadcrumb, Product y VideoObject.
  • Usa las URLs correctas en los datos estructurados. Asegúrate de que las URLs en los datos estructurados de las versiones móviles se actualicen a las URLs para dispositivos móviles.
  • Si usas el Marcador de datos, entrénalo en tu sitio móvil. Si usas el Marcador de datos para proporcionar datos estructurados, revisa el panel del Marcador de datos de forma regular para ver si hay errores de extracción.

Incluye los mismos metadatos en ambas versiones de tu sitio

Asegúrate de que el elemento title y la metadescripción sean equivalentes en ambas versiones de tu sitio.

Verifica la posición de tus anuncios

No permitas que los anuncios perjudiquen la clasificación de tu página para dispositivos móviles. Sigue los Better Ads Standards si quieres mostrar anuncios en dispositivos móviles. Por ejemplo, los anuncios ubicados en la parte superior de la página pueden ocupar demasiado espacio en un dispositivo móvil, lo que causa una mala experiencia del usuario.

Verifica el contenido visual

Verifica tus imágenes

Asegúrate de que las imágenes de tu sitio móvil cumplan con las prácticas recomendadas para imágenes. En particular, te recomendamos lo siguiente:

  • Proporciona imágenes de alta calidad. No uses imágenes demasiado pequeñas o de baja resolución en el sitio móvil.
  • Usa un formato admitido para imágenes. No uses formatos ni etiquetas no admitidos. Por ejemplo, Google admite imágenes en formato SVG, pero nuestros sistemas no pueden indexar una imagen .jpg en la etiqueta <image> dentro de un SVG intercalado.
  • No uses URLs que cambien cada vez que la página carga una imagen. Google no podrá procesar ni indexar tus recursos de forma adecuada si usas URLs que cambian constantemente.
  • Asegúrate de que ambas versiones de tu sitio (móvil y para computadoras) tengan el mismo texto alternativo para las imágenes. Usa texto alternativo descriptivo en las imágenes de tu sitio móvil, como lo haces en tu sitio para computadoras.
  • Asegúrate de que la calidad del contenido de la página para dispositivos móviles sea tan buena como la de la versión para computadoras de escritorio. Usa los mismos títulos, subtítulos, nombres de archivo y texto que sean relevantes para las imágenes en ambas versiones de tu sitio.

Verifica tus videos

Asegúrate de que los videos de tu sitio móvil cumplan con las prácticas recomendadas para videos. En particular, te recomendamos lo siguiente:

  • No uses URLs que cambien cada vez que la página carga tus videos. Google no podrá procesar ni indexar tus recursos de forma adecuada si usas URLs que cambian constantemente.
  • Usa un formato admitido para tus videos y colócalos en etiquetas compatibles. Los videos se identifican en función de una etiqueta HTML presente en la página, por ejemplo: <video>, <embed> o <object>.
  • Usa los mismos datos estructurados de video tanto en el sitio móvil como en el de computadoras. Para obtener más información, verifica tus datos estructurados.
  • Coloca el video en una posición fácil de encontrar en la página para dispositivos móviles. Por ejemplo, la clasificación del video podría verse afectada si los usuarios tienen que desplazarse demasiado hacia abajo hasta encontrarlo en la página para dispositivos móviles.

Prácticas recomendadas adicionales para URLs independientes

Si tu sitio tiene URLs independientes en las versiones para computadoras y para dispositivos móviles de una página (también conocidas como "m-dot"), te compartimos las siguientes prácticas recomendadas adicionales:

  • Asegúrate de que el estado de la página de error sea el mismo en los sitios móviles y en los de computadoras. Si una página de tu sitio publica contenido normal en la versión para computadoras de escritorio, y la versión para dispositivos móviles dirige a una página de error, la página no aparecerá en el índice.
  • Asegúrate de que la versión móvil no tenga URLs de fragmento. La parte del fragmento de la URL es el final de la URL que comienza con #. La mayoría de las veces, las URLs de fragmento no se pueden indexar, lo que significa que estas páginas no aparecerán en el índice después de habilitar tu dominio para la indexación centrada en dispositivos móviles.
  • Asegúrate de que las versiones para computadoras que publican contenidos diferentes tengan versiones equivalentes para dispositivos móviles. Si diferentes URLs redireccionan a la misma URL (por ejemplo, a la página principal en dispositivos móviles), después de que tu dominio se habilite para la indexación centrada en dispositivos móviles, ninguna de estas páginas estará en el índice.
  • Verifica las dos versiones de tu sitio en Search Console para asegurarte de que tienes acceso a los datos y mensajes de ambas versiones. Es posible que tu sitio experimente un desplazamiento de datos cuando Google cambie la indexación centrada en dispositivos móviles.
  • Verifica que los vínculos hreflang tengan URLs independientes. Cuando uses elementos link de rel=hreflang para la internacionalización, las URLs del vínculo para dispositivos móviles y computadoras deberán ser independientes. El elemento hreflang de las URLs para dispositivos móviles deben dirigir a las URLs para dispositivos móviles, al igual que el hreflang de la URL para computadoras debe dirigir a las URLs de esa versión.

    Este es un ejemplo de hreflang para la página principal de un sitio con URLs independientes para dispositivos móviles y computadoras.

    Dispositivos móviles

    En este ejemplo, la URL del sitio móvil es https://m.example.com/.

    <link rel="canonical" href="https://example.com/">
    <link rel="alternate" hreflang="es" href="https://m.example.com/es/">
    <link rel="alternate" hreflang="fr" href="https://m.example.com/fr/">
    <link rel="alternate" hreflang="de" href="https://m.example.com/de/">
    <link rel="alternate" hreflang="th" href="https://m.example.com/th/">

    Computadoras

    En este ejemplo, la URL del sitio para computadoras es https://example.com/.

    <link rel="canonical" href="https://example.com/">
    <link rel="alternate" media="only screen and (max-width: 640px)" href="https://m.example.com/">
    <link rel="alternate" hreflang="es" href="https://example.com/es/">
    <link rel="alternate" hreflang="fr" href="https://example.com/fr/">
    <link rel="alternate" hreflang="de" href="https://example.com/de/">
    <link rel="alternate" hreflang="th" href="https://example.com/th/">
  • Asegúrate de que tu sitio móvil tenga capacidad suficiente para procesar un posible aumento en la frecuencia de rastreo de la versión móvil.
  • Verifica que las reglas de robots.txt funcionen como desees para ambas versiones de tu sitio. El archivo robots.txt te permite especificar qué partes de un sitio web se pueden rastrear y cuáles no. En la mayoría de los casos, debes usar las mismas reglas de robots.txt para ambas versiones (móvil y para computadoras) de tu sitio.
  • Usa los elementos correctos rel=canonical y rel=alternate de link en ambas versiones. La URL para computadoras siempre es la canónica, y la versión para dispositivos móviles es la alternativa de esa URL.

    Este es un ejemplo de la configuración de rel=canonical y rel=alternate para un sitio con URLs independientes.

    Dispositivos móviles

    En este ejemplo, la URL del sitio móvil es https://m.example.com/ y contiene un elemento link que dirige a la URL para computadoras como la URL canónica.

    <link rel="canonical" href="https://example.com/">

    Computadoras

    En este ejemplo, la URL del sitio para computadoras es https://example.com/ e incluye un elemento link que dirige a sí misma como la URL canónica, seguido de otro elemento link que apunta a la versión para dispositivos móviles como la versión alternativa de esa URL.

    <link rel="canonical" href="https://example.com/">
    <link rel="alternate" media="only screen and (max-width: 640px)" href="https://m.example.com/">

Solución de problemas

A continuación, te mostramos una lista de los errores más comunes que pueden impedir que los sitios se habiliten para la indexación centrada en dispositivos móviles o que pueden generar un descenso en la clasificación después de hacerlo. Si tu sitio aún no está habilitado para la indexación centrada en dispositivos móviles, notaste un descenso en la clasificación después de que se habilitó para la indexación centrada en dispositivos móviles o recibiste un mensaje en Search Console, consulta la lista de errores comunes que se muestra a continuación y resuelve los que puedas tener:

Errores

Faltan datos estructurados

Qué causó el problema: La página para dispositivos móviles no tiene todo el lenguaje de marcado de datos estructurados que incluye la página para computadoras de escritorio.

Cómo solucionarlo

  1. Verifica que los datos estructurados estén presentes en ambas versiones de tu sitio (computadoras y dispositivos móviles).
  2. Asegúrate de que tanto tu sitio móvil como la versión para computadoras tengan los mismos datos estructurados.
  3. Usa las URLs correctas en los datos estructurados. Asegúrate de que las URLs de los datos estructurados en las versiones para dispositivos móviles se actualicen a las URLs correctas.
  4. Verifica los errores de extracción de tus datos estructurados. Si usas el Marcador de datos para proporcionar datos estructurados, revisa el panel del Marcador de datos de forma regular para ver si hay errores de extracción.
  5. Usa la Herramienta de inspección de URLs para garantizar que el contenido esté visible en la página renderizada (es decir, el sitio que ve Google).

Etiqueta noindex en las páginas

Qué causó el problema: Una etiqueta noindex bloquea la indexación de una página para dispositivos móviles.

Cómo solucionarlo: Usa las mismas etiquetas robots meta en el sitio móvil y en el sitio para computadoras. No uses la etiqueta noindex en la página para dispositivos móviles (de lo contrario, Google no indexará tu página cuando el sitio se habilite para la indexación centrada en dispositivos móviles).

Faltan imágenes

Qué causó el problema: La página para dispositivos móviles no tiene todas las imágenes importantes que sí incluye la versión para computadoras de escritorio.

Cómo solucionarlo

  1. Asegúrate de que el sitio móvil tenga el mismo contenido que la versión para computadoras. Si el sitio móvil tiene menos, considera actualizarlo de modo que su contenido principal sea equivalente al del sitio para computadoras de escritorio. Solo el contenido que se muestra en el sitio móvil se usa para la indexación.
  2. Usa las mismas etiquetas robots meta en el sitio móvil y en el sitio para computadoras. No uses la etiqueta nofollow en la página para dispositivos móviles (de lo contrario, Google no rastreará ni indexará las imágenes de tu página cuando el sitio se habilite para la indexación centrada en dispositivos móviles).
  3. Usa un formato y una etiqueta admitidos para las imágenes. Por ejemplo, Google admite imágenes en formato SVG, pero nuestros sistemas no pueden indexar una imagen .jpg en la etiqueta <image> dentro de un SVG intercalado.
  4. No hagas una carga diferida de contenido principal que dependa de la interacción del usuario. Google no cargará contenido que requiera interacciones del usuario (por ejemplo, deslizar el dedo, hacer clic o escribir) para realizar la carga. Asegúrate de que Google pueda acceder al contenido de carga diferida.

Imagen bloqueada

Qué causó el problema: Una regla robots.txt bloqueó una imagen importante de la página para dispositivos móviles.

Cómo solucionarlo: Permite que Google rastree tus recursos. Algunas imágenes tienen URLs diferentes para el sitio móvil y la versión para computadoras. Si quieres que Google rastree tus URLs, no bloquees la URL con la regla disallow.

Imagen de baja calidad

Qué causó el problema: Una imagen importante de la página para dispositivos móviles es demasiado pequeña o tiene una resolución muy baja.

Cómo solucionarlo: Proporciona imágenes de alta calidad. No uses imágenes demasiado pequeñas o de baja resolución en el sitio móvil.

Falta texto alternativo

Qué causó el problema: Falta el texto alternativo de una imagen importante en la página para dispositivos móviles.

Cómo solucionarlo: Usa el mismo texto alternativo para las imágenes de ambas versiones de tu sitio (dispositivos móviles y computadoras).

Falta el título de la página

Qué causó el problema: Una página para dispositivos móviles no tiene título.

Cómo solucionarlo: Asegúrate de que los títulos y las metadescripciones sean equivalentes en ambas versiones de tu sitio.

Falta la metadescripción

Qué causó el problema: Falta la metadescripción de una página para dispositivos móviles.

Cómo solucionarlo: Asegúrate de que los títulos y las metadescripciones sean equivalentes en ambas versiones de tu sitio.

La URL para dispositivos móviles dirige a una página de error

Qué causó el problema: La página para dispositivos móviles dirige a una página de error.

Cómo solucionarlo: Asegúrate de que el estado de la página de error sea el mismo tanto en el sitio para computadoras como en el sitio móvil. Si una página de tu sitio publica contenido normal en la versión para computadoras de escritorio, y la versión para dispositivos móviles dirige a una página de error, la página no aparecerá en el índice.

La URL para dispositivos móviles tiene un fragmento fijo

Qué causó el problema: La URL para dispositivos móviles incluye un fragmento fijo y Google no puede indexar las URLs que incluyen fragmentos.

Cómo solucionarlo: Asegúrate de que la versión para dispositivos móviles no tenga URLs de fragmento. La mayoría de las veces, esas URLs no se pueden indexar, y las páginas no aparecerán en el índice después de que se habilite tu dominio para la indexación centrada en dispositivos móviles.

Página para dispositivos móviles bloqueada por robots.txt

Qué causó el problema: Una regla robots.txt bloqueó la página para dispositivos móviles.

Cómo solucionarlo: Verifica que las reglas de robots.txt y las etiquetas robots meta funcionen según lo previsto para ambas versiones de tu sitio. Usa las mismas reglas de robots.txt para ambas versiones (móvil y computadoras).

Página de destino para dispositivos móviles duplicada

Qué causó el problema: Varias páginas para computadoras de escritorio redireccionan a la misma página para dispositivos móviles.

Cómo solucionarlo: Asegúrate de que las versiones para computadoras que publican contenido diferente tengan versiones equivalentes para dispositivos móviles. Si diferentes URLs redireccionan a la misma URL, en dispositivos móviles, después de que tu dominio se habilite para la indexación centrada en dispositivos móviles, ninguna de estas páginas estará en el índice.

El sitio para computadoras redirecciona a la página principal de los dispositivos móviles

Qué causó el problema: La mayoría de las páginas de tu sitio para computadoras (o todas ellas) redireccionan a la página principal del sitio móvil.

Cómo solucionarlo: Asegúrate de que la versión para computadoras tenga una versión para dispositivos móviles equivalente. Si diferentes URLs redireccionan a la página principal en los dispositivos móviles, ninguna de estas páginas aparecerá en el índice después de que tu dominio migre para la indexación centrada en dispositivos móviles.

Páginas con problemas de calidad

Qué causó el problema: La página para dispositivos móviles tiene problemas con los anuncios, o bien le faltan títulos, contenido o elementos descriptivos de imágenes.

Cómo solucionarlo:

  1. No permitas que los anuncios perjudiquen la clasificación de tu página para dispositivos móviles. Sigue los Better Ads Standards si quieres mostrar anuncios en dispositivos móviles.
  2. Asegúrate de que ambas versiones de tu sitio (dispositivos móviles y computadoras de escritorio) tengan el mismo contenido. Si el sitio móvil tiene menos, considera actualizarlo de modo que su contenido principal sea equivalente al del sitio para computadoras de escritorio. Solo el contenido que se muestra en el sitio móvil se usa para la indexación.
  3. Asegúrate de usar los mismos encabezados en el sitio móvil que en la versión para computadoras de escritorio y que sean claros y significativos.
  4. Usa los mismos títulos, subtítulos, nombres de archivo y texto que sean relevantes para las imágenes del sitio móvil que usas en la versión para computadoras de escritorio.

Problemas de video

Qué causó el problema: La página para dispositivos móviles incluye un video que no está en un formato admitido, se encuentra en una ubicación difícil de encontrar, no tiene todas las metadescripciones o se carga muy lento.

Cómo solucionarlo:

  1. Usa un formato admitido para tus videos y colócalos en las etiquetas compatibles. Los videos se identifican en función de una etiqueta HTML presente en la página, por ejemplo: <video>, <embed> o <object>.
  2. No hagas una carga diferida de contenido principal que dependa de la interacción del usuario. Google no cargará contenido que requiera interacciones del usuario (por ejemplo, deslizar el dedo, hacer clic o escribir) para realizar la carga. Asegúrate de que Google pueda acceder al contenido de carga diferida.
  3. Coloca el video en una ubicación fácil de encontrar en tu sitio móvil. Por ejemplo, la clasificación del video podría verse afectada si los usuarios tienen que desplazarse demasiado hacia abajo hasta encontrarlo en la página para dispositivos móviles.

Problemas con la carga del host

Qué causó el problema: Algunos de los hosts no tienen suficiente carga.

Cómo solucionarlo: Asegúrate de que tu sitio móvil tenga capacidad suficiente para procesar un posible aumento de la frecuencia de rastreo en la versión para dispositivos móviles.