SEO (para dispositivos móviles) para otros dispositivos

Tablets

Al pensar en cómo configurar el sitio web para los usuarios de dispositivos móviles, es común pensar en aquellos usuarios que usan la tablet para acceder al sitio. Aunque no tenemos recomendaciones específicas para crear sitios web optimizados para tablets con un buen rendimiento en los motores de búsqueda, sí existen algunas sugerencias sobre cómo crear sitios web que funcionen correctamente para los usuarios de computadoras de escritorio, smartphones y tablets.

Diseño web responsivo

Nuestra recomendación general es que uses un diseño web responsivo. 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 computadoras de escritorio, smartphones y tablets.

Si tu sitio web usa diseño web responsivo, pruébalo en diferentes tablets para asegurarte de que se procese correctamente, ya que, al igual que los smartphones, las tablets tienen una gran variedad de tamaños y de resoluciones de pantalla.

Contenido para dispositivos específicos

Un sitio web puede mostrar 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 escritorio y de smartphones, y no cuenta con páginas específicas para tablets, según nuestra experiencia, los usuarios de tablets tienden a esperar ver el sitio de escritorio y no las páginas para smartphones.

Si tu sitio tiene versiones optimizadas para tablets, los siguientes lineamientos te pueden ayudar a configurarlo:

  • Publicación dinámica: Se muestra la misma URL a los usuarios de escritorio, de smartphones y de tablets con diferente código HTML (y CSS) según el usuario-agente. Tal como se describe en nuestras recomendaciones para sitios web de smartphones, te sugerimos usar el encabezado HTTP Vary.
  • URL independientes específicas para tablets: En este caso, te recomendamos especialmente que permitas que el robot de Google rastree las URL para tablets y que uses una etiqueta rel="canonical" en cada URL para tablets de modo que dirija a la URL equivalente de escritorio.

Teléfonos de gama media

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

También recomendamos incluir la etiqueta <link rel="alternate" media="handheld"> en todas las páginas que vayan a ser compatibles con los teléfonos de gama media, como se indica a continuación.

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

Publicación dinámica

Si configuras el servidor para que muestre de forma dinámica contenido optimizado en teléfonos de gama media en la misma URL que usas para otros dispositivos, debes usar la misma implementación que cuando muestras contenido en smartphones. El servidor debe incluir el encabezado de respuesta HTTP "Vary: User-Agent". Por otro lado, ten en cuenta las dificultades más comunes cuando se detectan usuarios-agentes. Agrega la siguiente etiqueta en tu página:

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

URL independientes

Los webmasters tienen tres configuraciones disponibles para mostrar contenido en computadoras de escritorio, smartphones y teléfonos de gama media a través de diferentes URL. En estas configuraciones, se usan las anotaciones que ya describimos a fin de crear sitios web optimizados para smartphones y teléfonos de gama media.

Configuración de URL específicas

Esta configuración se realizaría de la siguiente forma:

  • http://www.example.com/page-1 muestra contenido a los usuarios de computadoras de escritorio.
  • 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 media.

En esta configuración, recomendamos agregar 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, agrega:

<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, agrega:

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

En phone.example.com/page-1, agrega:

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

Configuración de una URL para computadoras de escritorio y otra para todos los dispositivos móviles

En esta configuración, un sitio web usaría una URL para las computadoras de escritorio y otra distinta para todos los dispositivos móviles (tanto smartphones como teléfonos de gama media). Por ejemplo:

  • http://www.example.com/page-1 muestra contenido a los usuarios de computadoras de escritorio.
  • http://m.example.com/page-1 muestra contenido a los usuarios de smartphones y de teléfonos de gama media.

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

<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, agrega lo siguiente:

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

La etiqueta rel="canonical" debe agregarse independientemente de que sean páginas para teléfonos de gama media o para smartphones.

El servidor debe incluir el encabezado HTTP "Vary: User-Agent" en su respuesta. Esto indica a los sistemas de caché de Internet y al robot de Google que la respuesta del servidor puede variar según los distintos usuarios-agentes. El robot de Google usará esta señal para el rastreo.

Configuración de URL independientes para teléfonos de gama media

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

  • http://www.example.com/page-1 muestra contenido a los usuarios de computadoras de escritorio y de smartphones.
  • http://m.example.com/page-1 muestra contenido a los usuarios de teléfonos de gama media.

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

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

En http://m.example.com/page-1, sería la siguiente:

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

Redireccionamientos y el encabezado HTTP Vary

Ten en cuenta que, si tu sitio web redirecciona automáticamente a los visitantes de dispositivos móviles que acceden al sitio de escritorio hacia el sitio móvil, o viceversa, debes asegurarte de que el servidor incluya el encabezado HTTP Vary.

Mapas del sitio

Nuestras recomendaciones sobre el uso de mapas del sitio para teléfonos de gama media y URL alternativas de smartphones siguen siendo las mismas.

Enviar comentarios sobre…