URL independientes

En esta configuración, por cada URL para ordenador, hay otra URL equivalente en la que se proporciona contenido optimizado para 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 ordenador y las páginas equivalentes de m.example.com se muestran a los usuarios de móvil. Google no tiene preferencia por ningún formato de URL en concreto, siempre y cuando puedan acceder todos los agentes de usuario del robot de Google.

En las URL independientes para móviles, se muestra un código para ordenadores y un código distinto para dispositivos móviles (puede que, incluso, para tablets) en URL diferentes.

TL;DR

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

  • Detecta las cadenas de agente de usuario y redirige correctamente.

Anotaciones para las URL en ordenadores y en móviles

Para ayudar a nuestros algoritmos a entender las URL independientes para móviles, recomendamos el uso de las siguientes anotaciones:

  1. En la página para ordenadores, añade una etiqueta de enlace especial rel="alternate" que dirija a la URL para móviles correspondiente. Esto ayuda al robot de Google a detectar la ubicación de las páginas para móviles de tu sitio web.
  2. En la página para móviles, añade una etiqueta de enlace rel="canonical" que dirija a la URL para ordenadores correspondiente.

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

Anotaciones en el código HTML

En la página para ordenadores (http://www.example.com/page-1), añade:

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

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

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

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

Anotaciones en los sitemaps

Puedes incluir la anotación rel="alternate" para las páginas de ordenadores en sitemaps 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>

Sigue siendo necesario añadir la etiqueta rel="canonical" de la URL para móviles al código HTML de la página para móviles.

Anotación detallada

Ten en cuenta los atributos de la etiqueta de enlace que hay en la página para ordenadores:

  • Con el atributo rel="alternate" se indica que, con esta etiqueta, se especifica una URL alternativa que lleva a la página para ordenadores.
  • El valor del atributo de medios es una cadena de consulta sobre medios CSS en la que se especifican las funciones multimedia para describir en qué situaciones Google tiene que utilizar la URL alternativa. En este caso, utilizamos una consulta sobre medios que se suele utilizar para dirigirse a dispositivos móviles.
  • Con el atributo href se 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 el contenido y, a la vez, se indica a nuestros algoritmos la relación entre las páginas para ordenadores y para móviles. De este modo, se procesan de forma adecuada. Al usar URL diferentes para proporcionar el mismo contenido en diferentes formatos, la anotación informa a los algoritmos de Google de que estas dos URL tienen un contenido equivalente y, por lo tanto, se deben tratar como una sola entidad en vez de como dos. Si se tratan por separado, se muestran ambas URL (para ordenadores y para móviles) en los resultados de búsqueda de ordenadores, y puede que aparezcan en posiciones inferiores que si Google entendiera la relación. Además, ten en cuenta algunos de los errores habituales en esta configuración:

  • Al utilizar las etiquetas rel="alternate" y rel="canonical", mantén una relación de 1 a 1 entre la página para móviles y la página para ordenadores correspondiente. En especial, evita la anotación de muchas páginas para ordenadores en las que se haga referencia a una sola página para móviles (o viceversa).
  • Repasa los redireccionamientos y asegúrate de que las páginas para ordenadores no redirijan por accidente a una sola página para móviles sin relación.
Si decides incluir un sitio web independiente para móviles, ten en cuenta los errores habituales como, por ejemplo, configurar redireccionamientos incorrectos para los usuarios de móvil.

Redireccionamiento automático

Cuando un sitio web está configurado para mostrar contenido en navegadores de ordenador y de móvil con diferentes URL, es posible que los webmasters quieran redirigir automáticamente a los usuarios a la URL adecuada. Si tu sitio web utiliza el redireccionamiento automático, procura tratar a todos los robots de Google igual que a cualquier otro agente de usuario y redirecciónalos adecuadamente.

Técnicas de redireccionamiento admitidas

El robot de Google es compatible con las dos implementaciones de redireccionamiento siguientes.

  • Redireccionamientos HTTP
  • Redireccionamientos en JavaScript

Uso de 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 basándose en el agente de usuario que hay en las cabeceras de solicitud HTTP. Es importante que el redireccionamiento sea coherente con respecto a la URL alternativa especificada en la etiqueta de enlace rel="alternate" o en el sitemap de la página.

Para ello, no importa si se redirige con un código de estado HTTP 301 o 302 desde el servidor, pero se recomienda usar el 302 siempre que sea posible.

Redireccionamientos en JavaScript

Si es difícil implementar el redireccionamiento HTTP, puedes utilizar JavaScript para redirigir a los usuarios a las URL a las que dirija la etiqueta link rel="alternate". Si optas por utilizar esta técnica, ten en cuenta la latencia provocada por el redireccionamiento en el cliente. Esta 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 sobre medios que ya se utilizan en tu sitio web con las anotaciones de enlace de la página mediante la función matchMedia() de JavaScript.

Redireccionamientos bidireccionales o unidireccionales

Se implementan diferentes políticas de redireccionamiento en función de los sitios web. Algunos sitios web solo redireccionan a los usuarios de móvil que visitan una página para ordenadores a la página para móviles (redireccionamientos "unidireccionales"), y otros sitios web redireccionan a los usuarios de móvil y a los de ordenador si visitan, respectivamente, páginas para ordenadores o para móviles (redireccionamientos "bidireccionales").

Para el robot de Google, no tenemos ninguna preferencia y recomendamos que los webmasters tengan en cuenta a los usuarios en el momento de decidir sobre su política de redireccionamiento. Lo más importante es proporcionar redireccionamientos correctos y coherentes, es decir, redirigir al contenido equivalente del sitio web para ordenadores o para móviles. Si la configuración es incorrecta, puede que algunos usuarios no puedan ver ningún contenido tuyo.

Asimismo, te recomendamos que proporciones a los usuarios una manera de sustituir la política de redireccionamiento, es decir, que permitas a los usuarios de móviles ver la página para ordenadores y que permitas a los usuarios de ordenador ver la página para móviles, si así lo desean.

Enviar comentarios sobre...