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. A pesar de que no tenemos recomendaciones específicas para crear sitios web optimizados para tablets y motores de búsqueda, a continuación se incluyen algunas sugerencias que puedes aplicar a la hora de desarrollar sitios web para 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, a fin de 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 resoluciones de pantalla.

Contenido para dispositivos específicos

Un sitio web puede devolver diferentes páginas (por ejemplo, diferentes HTML, CSS y JavaScript) para diferentes dispositivos. 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 computadoras 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 que permitas que el robot de Google rastree las URL para tablets y que uses un rel="canonical" en cada una con el fin de dirigir a la URL de escritorio equivalente.

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, como los teléfonos de gama media no cuentan con la funcionalidad para seguir las consultas de medios CSS, los webmasters que deseen publicar contenido para teléfonos de gama media deberían configurar sus sitios a fin de usar publicaciones dinámicas o URL separadas que permitan mostrar el contenido correspondiente a 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 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.

Publicaciones dinámicas

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 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 solicitudes para computadoras de escritorio.
  • http://m.example.com/page-1 muestra contenido a 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 mostraría contenido para dispositivos de escritorio en una URL y para todos los dispositivos móviles (es decir, smartphones y teléfonos de gama media) en una URL separada. Por ejemplo:

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

En este caso, la anotación en http://www.example.com/page-1 es 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, incluye la siguiente etiqueta:

<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 smartphones.

El servidor debe incluir el encabezado HTTP 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 utiliza este indicador para rastrear.

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 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 es la siguiente:

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

La anotación en http://m.example.com/page-1 es la siguiente etiqueta:

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

Redireccionamientos y el encabezado HTTP Vary

Si tu sitio redirecciona automáticamente a los visitantes de dispositivos móviles que llegan al sitio para computadoras de escritorio al sitio móvil, o viceversa, asegúrate de configurar tu servidor para que incluya el encabezado HTTP Vary.

Mapas de sitios

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