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

Google usa 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 en acordeones o pestañas); solo debes asegurarte de que el contenido sea equivalente al sitio para computadoras, ya que 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 para dispositivos móviles no tenga fragmentos de URL. La parte del fragmento de la URL es el final de la URL que comienza con #. La mayoría de las veces, los fragmentos de URL 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/">

  Computadora de escritorio

  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/">

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