SEO para otros dispositivos móviles

Tablets

Cuando se piensa en cómo configurar el sitio web para los usuarios de dispositivos móviles, es habitual pensar en aquellos usuarios que utilizarán el tablet para acceder al sitio. Aunque no disponemos de recomendaciones específicas para crear sitios web optimizados para tablets con un buen rendimiento en los motores de búsqueda, sí podemos proporcionarte algunos consejos sobre cómo crear sitios web que satisfagan tanto las necesidades de los usuarios de ordenador como las de usuarios de smartphone y de tablet.

Diseño web adaptable

Nuestra recomendación general es que uses un diseño web adaptable. Esto significa mostrar tu sitio web con el mismo código HTML en todos los dispositivos, pero con distintas reglas de estilo CSS, para optimizar la interfaz para ordenadores, smartphones y tablets.

Si usas un diseño web adaptable en tu sitio web, pruébalo en diferentes tablets para asegurarte de que se procese correctamente ya que, tal como sucede con los smartphones, los tablets presentan una gran variedad de tamaños y de resoluciones de pantalla.

Contenido para dispositivos específicos

Un sitio web puede devolver diferentes páginas (diferente HTML, CSS, JavaScript, etc.) según el dispositivo. Estas páginas se pueden publicar en la misma URL (mediante la configuración de publicación dinámica) o en URL independientes específicas.

Si tu sitio tiene diferentes páginas que se muestran a los usuarios de ordenador y de smartphone y no dispone de páginas específicas para tablets, debes saber que, según nuestra experiencia, los usuarios de tablets normalmente esperan ver el sitio web para ordenador y no las páginas para smartphones.

Si tienes versiones de tu sitio optimizadas para tablets, estas directrices te pueden ayudar a configurarlo:

  • Publicación dinámica: aquí se muestra la misma URL a los usuarios de ordenadores, de smartphone y de tablet con diferente HTML (y CSS) en función del agente de usuario. Tal como se describe en nuestras recomendaciones para sitios web dirigidos a usuarios de smartphone, te sugerimos que utilices la cabecera HTTP Vary.
  • URL independientes específicas para tablets: en este caso, te sugerimos que permitas que el robot de Google rastree las URL para tablets y que utilices una etiqueta rel="canonical" en cada URL para tablets de modo que dirija a la URL equivalente para ordenadores.

Teléfonos de gama baja

Nuestra recomendación para los sitios web dirigidos a usuarios de smartphone es utilizar el diseño web adaptable si es posible. Sin embargo, dado que los teléfonos de gama baja no pueden seguir las consultas sobre medios CSS, los webmasters que deseen dirigirse a los usuarios de estos teléfonos tendrían que configurar sus sitios web para usar la publicación dinámica o URL independientes a fin de mostrar el contenido en teléfonos de gama baja.

Recomendamos, además, que las páginas que vayan a aparecer en teléfonos de gama baja incluyan la etiqueta <link rel="alternate" media="handheld">, tal y como se describe a continuación.

En esta sección se muestra cómo implementar cada una de estas configuraciones.

Publicación dinámica

Si quieres configurar el servidor para que muestre de forma dinámica contenido optimizado en teléfonos de gama baja a través de la misma URL que usas para otros dispositivos, aplica la misma implementación que para presentar contenido en los smartphones. El servidor debe incluir la cabecera de respuesta HTTP "Vary: User-Agent". Además, ten en cuenta las dificultades que suelen surgir cuando se detectan agentes de usuario, e incluye la siguiente etiqueta en la página:

<link rel="alternate" media="handheld" href="[current page URL]" />

URL independientes

Los webmasters disponen de tres configuraciones para mostrar contenido en los ordenadores, en los smartphones y en los teléfonos de gama baja mediante diferentes URL. Para estas configuraciones, se utilizan las anotaciones que hemos descrito anteriormente a fin de crear sitios web optimizados para smartphones y teléfonos de gama baja.

Configuración con URL distintas

En esta configuración, el procedimiento sería el siguiente:

  • http://www.example.com/page-1 muestra contenido a los usuarios de ordenador.
  • http://m.example.com/page-1 muestra contenido a los usuarios de smartphones.
  • http://phone.example.com/page-1 muestra contenido a los usuarios de teléfonos de gama baja.

En esta configuración, se recomienda añadir las siguientes anotaciones para que nuestros algoritmos interpreten la relación entre las páginas equivalentes dirigidas a diferentes dispositivos:

En www.example.com/page-1, añade:

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

En m.example.com/page-1, añade:

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

En phone.example.com/page-1, añade:

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

Configuración de una URL para ordenadores y otra para todos los móviles

Con esta configuración, un sitio web se dirigiría a los ordenadores mediante una URL y a todos los móviles (tanto smartphones como teléfonos de gama baja) con otra URL distinta. Por ejemplo:

  • http://www.example.com/page-1 muestra contenido a los usuarios de ordenador.
  • http://m.example.com/page-1 muestra contenido tanto a los usuarios de smartphone como a los de teléfono de gama baja.

En este caso, la anotación incluida en http://www.example.com/page-1 sería:

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

En la página m.example.com, debes incluir lo siguiente:

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

Es necesario incluir rel="canonical", independientemente de que sean páginas para teléfonos de gama baja o para smartphone.

En la respuesta del servidor, se debería incluir la cabecera HTTP "Vary: User-Agent". Esto indica a los sistemas de caché de Internet y al robot de Google que la respuesta del servidor puede ser diferente para los distintos agentes de usuario. Además, el robot de Google usa esta señal para rastrear el sitio web.

Configuración independiente para las URL dirigidas a teléfonos de gama baja

En esta configuración, un sitio web se muestra en ordenadores y smartphones mediante una URL con diseño web adaptable o con publicación dinámica, y en teléfonos de gama baja con una URL independiente. Por ejemplo:

  • http://www.example.com/page-1 muestra contenido a los usuarios de ordenador y de smartphone.
  • http://m.example.com/page-1 muestra contenido a los usuarios de teléfonos de gama baja.

En este caso, la anotación incluida en http://www.example.com/page-1 sería:

<link rel="alternate" media="handheld" href="http://m.example.com/page-1" />

Y en http://m.example.com/page-1 sería:

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

Redireccionamientos y la cabecera HTTP Vary

Ten en cuenta que, si tu sitio web redirige automáticamente a los usuarios de móvil que llegan al sitio para ordenadores, de modo que se les lleve al sitio web para móviles o viceversa, debes configurar el servidor para que incluya la cabecera HTTP Vary.

Sitemaps

Nuestras recomendaciones de uso de sitemaps para teléfonos de gama baja y de sitemaps para URL alternativas para smartphones siguen siendo las mismas.

Enviar comentarios sobre...