URL independientes

En esta configuración, a cada URL de escritorio le corresponde otra URL equivalente que publica contenido optimizado para dispositivos móviles.

Un ejemplo de configuración habitual sería el siguiente: las páginas de www.example.com se muestran a los usuarios 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.

Las URL independientes para dispositivos móviles muestran un código para escritorio y otro código distinto para dispositivos móviles (y quizás también para tablets) en URL diferentes.

TL;DR

  • 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 redirecciona correctamente.

Anotaciones para las URL de escritorio y para 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 de escritorio, agrega una etiqueta de vínculo especial rel="alternate" que dirija a la URL para dispositivos móviles correspondiente. De esta manera, es más sencillo para el robot de Google 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 dirija a la URL 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 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 de escritorio (http://www.example.com/page-1), agrega lo siguiente:

<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 requerida debería ser de esta forma:

<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

Se admite la anotación rel="alternate" para las páginas de escritorio en mapas de sitio de la siguiente manera:

<?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 escritorio:

  • El atributo rel="alternate" indica que esta etiqueta especifica una URL alternativa que lleva a la página 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.

Con esta anotación bidireccional, el robot de Google puede detectar tu contenido, y nuestros algoritmos pueden comprender la relación entre tus páginas de escritorio y para dispositivos móviles, y procesarlas de forma adecuada. 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. Además, ten en cuenta algunos de los errores comunes en esta configuración:

  • Al utilizar 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 de escritorio correspondiente. En especial, evita la anotación de muchas páginas de escritorio en las que se haga referencia a una sola página para dispositivos móviles (o viceversa).
  • Verifica los redireccionamientos y asegúrate de que las páginas de escritorio no redireccionen por accidente a una sola página para dispositivos móviles sin relación.
Si decides incluir un sitio web 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 para mostrar contenido en navegadores de escritorio y para 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 que el redireccionamiento sea coherente con respecto de la URL alternativa especificada en la etiqueta de vínculo rel="alternate" o en el mapa del sitio de la página.

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 a las que dirija la etiqueta link rel="alternate". Si eliges usar esta técnica, ten en cuenta la latencia provocada por el redireccionamiento en el cliente, que se debe a la necesidad de descargar primero la página para después 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 de dispositivos móviles que visitan una página de escritorio a la versión para dispositivos móviles (redireccionamientos "unidireccionales"), y otros sitios web redireccionan a los usuarios de dispositivos móviles y a los de escritorio si visitan, respectivamente, páginas de escritorio o para dispositivos móviles (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 proporcionar redireccionamientos correctos y coherentes, es decir, redireccionar al contenido equivalente del sitio de escritorio o móvil. Si la configuración es incorrecta, es posible que algunos usuarios directamente no puedan acceder al contenido.

Por otro lado, te recomendamos que ofrezcas a los usuarios una forma de anular la política de redireccionamiento, es decir, que permitas a los usuarios de dispositivos móviles ver la página de escritorio, y viceversa, si así lo prefieren.

Enviar comentarios sobre…