URL independientes

En esta configuración, las páginas para computadoras de escritorio y dispositivos móviles tienen URL diferentes.

Un ejemplo de configuración habitual sería el siguiente: las páginas de www.example.com se muestran a los usuarios de computadoras de escritorio y las páginas equivalentes de m.example.com se muestran a los usuarios de dispositivos móviles. Google no tiene preferencia por ningún formato de URL en particular, siempre y cuando todos los usuarios-agentes del robot de Google puedan acceder a ellos.

A modo de resumen

  • Marca la relación entre dos URL con una etiqueta <link> que incluya los elementos rel="canonical" y rel="alternate".

  • Detecta las strings de usuarios-agentes y redirecciónalas correctamente.

Anotaciones para las URL de computadoras de escritorio y dispositivos móviles

Para ayudar a nuestros algoritmos a entender las URL independientes para dispositivos móviles, recomendamos usar las siguientes anotaciones:

  1. En la página para computadoras de escritorio, agrega una etiqueta de vínculo rel="alternate" especial que indique la URL para dispositivos móviles correspondiente. Eso ayuda al robot de Google a descubrir la ubicación de las páginas para dispositivos móviles de tu sitio.
  2. En la página para dispositivos móviles, agrega una etiqueta de vínculo rel="canonical" que indique la URL para computadoras de escritorio correspondiente.

Se admiten dos métodos diferentes para incluir esta anotación: en el código HTML de las propias páginas y en los mapas del sitio. Por ejemplo, supongamos que la URL de computadoras de escritorio es http://example.com/page-1 y la URL correspondiente para dispositivos móviles es http://m.example.com/page-1. Las anotaciones de este ejemplo se harían de la siguiente forma:

Anotaciones en el código HTML

En la página para computadoras de escritorio (http://www.example.com/page-1), agrega la siguiente anotación:

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

En la página para dispositivos móviles (http://m.example.com/page-1), la anotación necesaria debe ser:

<link rel="canonical" href="http://www.example.com/page-1">

Esta etiqueta rel="canonical" incluida en la URL para dispositivos móviles y que dirige a la página de escritorio es obligatoria.

Anotaciones en los mapas de sitio

Admitimos incluir la anotación rel="alternate" para las páginas de computadoras de escritorio en mapas del sitio como este:

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
xmlns:xhtml="http://www.w3.org/1999/xhtml">
  <url>
    <loc>http://www.example.com/page-1/</loc>
    <xhtml:link rel="alternate" media="only screen and (max-width: 640px)"
    href="http://m.example.com/page-1" />
  </url>
</urlset>

La etiqueta obligatoria rel="canonical" en la URL para dispositivos móviles se debe agregar de todas formas en el código HTML de la página para dispositivos móviles.

Anotación en detalle

Observa los atributos de la etiqueta de vínculo presentes en la página de computadoras de escritorio:

  • El atributo rel="alternate" indica que esta etiqueta especifica una URL alternativa a la página para computadoras de escritorio.
  • El valor del atributo media es una string de consulta de medios CSS que especifica las funciones multimedia para describir en qué situaciones Google tiene que utilizar la URL alternativa. En este caso, utilizamos una consulta de medios que se suele usar para la orientación a dispositivos móviles.
  • El atributo href especifica la ubicación de la URL alternativa, que suele ser la página en m.example.com.

Esta anotación bidireccional ayuda al robot de Google a descubrir tu contenido y ayuda a que nuestros algoritmos comprendan la relación entre las páginas para computadoras de escritorio y para dispositivos móviles, y las traten de manera correspondiente. Cuando usas URL diferentes para publicar el mismo contenido en diferentes formatos, la anotación informa a los algoritmos de Google que estas dos URL tienen un contenido equivalente y, por lo tanto, se deben tratar como una sola entidad en lugar de dos. Si se tratan por separado, se muestran ambas URL (de escritorio y para dispositivos móviles) en los resultados de la búsqueda de escritorio, y puede que aparezcan en posiciones inferiores a aquellas en las que aparecerían si Google entendiera la relación. A continuación, encontrarás algunos de los errores más comunes en esta configuración:

  • Cuando usas el lenguaje de marcado rel="alternate" y rel="canonical", mantén una proporción de 1 a 1 entre la página para dispositivos móviles y la página correspondiente para computadoras de escritorio. En particular, evita anotar muchas páginas para computadoras de escritorio que se refieren a una sola página para dispositivos móviles (o viceversa).
  • Verifica los redireccionamientos y asegúrate de que las páginas para computadoras de escritorio no redireccionen por accidente a una sola página para dispositivos móviles sin relación.
Si decides incluir un sitio independiente para dispositivos móviles, no olvides los errores comunes, como configurar redireccionamientos incorrectos para los usuarios de dispositivos móviles.

Redireccionamiento automático

Cuando un sitio web está configurado a fin de mostrar contenido en navegadores de computadoras de escritorio y dispositivos móviles con diferentes URL, es posible que los webmasters quieran redireccionar automáticamente a los usuarios a la URL adecuada. Si tu sitio web utiliza el redireccionamiento automático, asegúrate de tratar a todos los robots de Google igual que a cualquier otro usuario-agente y redireccionarlos adecuadamente.

Técnicas de redireccionamiento admitidas

El robot de Google es compatible con estas dos implementaciones de redireccionamiento:

  • Redireccionamientos HTTP
  • Redireccionamientos JavaScript

Cómo usar redireccionamientos HTTP

El redireccionamiento HTTP es muy común para redireccionar a los clientes a URL específicas para el dispositivo. Normalmente, el redireccionamiento se lleva a cabo según el usuario-agente que hay en los encabezados de solicitud HTTP. Es importante mantener la redirección coherente con la URL alternativa especificada en la etiqueta rel="alternate" del vínculo de la página o en el Mapa del sitio.

Para este fin, no importa si el servidor redirecciona con un código de estado HTTP 301 o 302 desde el servidor, pero se recomienda usar el 302 cuando sea posible.

Redireccionamientos JavaScript

Si es complejo implementar el redireccionamiento HTTP, puedes usar JavaScript para redireccionar a los usuarios a las URL que indica la etiqueta link rel="alternate". Si decides usar esta técnica, ten en cuenta la latencia que provoca el cliente del redireccionamiento debido a que es necesario primero descargar la página y luego analizar y ejecutar el JavaScript antes de activar el redireccionamiento.

Hay muchas más formas de implementar un redireccionamiento basado en JavaScript. Por ejemplo, puedes usar JavaScript para ejecutar las consultas de medios que ya usa tu sitio con las anotaciones de vínculo de la página mediante la función matchMedia() de JavaScript.

Redireccionamientos bidireccionales versus unidireccionales

Se implementan diferentes políticas de redireccionamiento en función de los sitios web. Algunos sitios web solo redireccionan a los usuarios móviles que visitan una página para computadoras de escritorio a la página para dispositivos móviles (redireccionamientos "unidireccionales") y algunos sitios web redirigen tanto a usuarios móviles como a usuarios de escritorio si visitan páginas en los sitios para computadoras de escritorio y para dispositivos móviles, respectivamente, (redireccionamientos "bidireccionales").

Para el robot de Google, no tenemos ninguna preferencia y recomendamos que los webmasters tengan en cuenta a los usuarios cuando decidan sobre su política de redireccionamiento. Lo más importante es publicar redireccionamientos correctos y coherentes, o, en otras palabras, redireccionar al contenido equivalente en los sitios para computadoras de escritorio o dispositivos móviles. Si la configuración es incorrecta, es posible que algunos usuarios directamente no puedan acceder al contenido.

Además, sugerimos ofrecer a los usuarios una manera de anular la política de redireccionamiento, o, en otras palabras, permitir a los usuarios móviles ver la página para computadoras de escritorio y permitir que los usuarios de escritorio vean la página para dispositivos móviles si así lo desean.

Enviar comentarios sobre…