SEO (para dispositivos móviles) para otros dispositivos

Tablets

Cuando se considera configurar un sitio web para usuarios de dispositivos móviles, es común pensar en aquellos que acceden desde tablets. 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 que tu sitio web entrega 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 usa diseño web responsivo, pruébalo en diferentes tablets para asegurarte de que se procese de forma correcta, 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 mostrar diferentes páginas (por ejemplo, diferentes HTML, CSS y JavaScript) para dispositivos distintos. Se pueden entregar estas páginas en la misma URL (mediante la configuración de publicación dinámica) o en URL independientes específicas.

Si tu sitio web tiene diferentes páginas que se entregan a los usuarios de smartphones y de computadoras de escritorio, y no cuenta con páginas específicas para tablets, según nuestra experiencia, los usuarios de tablets tienden a esperar ver el sitio en la versión de escritorio y no las páginas para smartphones.

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

  • Publicación dinámica: Se entrega la misma URL a los usuarios de smartphones, tablets y computadoras de escritorio 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 objeto 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 cuando sea 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 entregar contenido para teléfonos de gama media deberían configurar sus sitios de manera que usen publicaciones dinámicas o URL independientes que permitan mostrar el contenido correspondiente a esos dispositivos.

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

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

Publicaciones dinámicas

Si configuras el servidor de modo que entregue dinámicamente contenido optimizado para teléfonos de gama media en la misma URL que usas para otros dispositivos, debes utilizar 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 a tu página:

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

URL independientes

Los webmasters tienen tres configuraciones disponibles para entregar contenido a usuarios de 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 diseñar 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 solicitudes 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 dispositivos distintos:

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 se entregaría en dispositivos de escritorio mediante una URL y en todos los dispositivos móviles (es decir, smartphones y teléfonos de gama media) con una URL independiente. 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" />
    

Se debe agregar la etiqueta rel="canonical" independientemente de que sean páginas para teléfonos de gama media o 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 utiliza este indicador para rastrear.

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

En esta configuración, se muestra un sitio web 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 etiqueta:

<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 usuarios de dispositivos móviles que llegan al sitio para computadoras de escritorio al sitio móvil o viceversa, asegúrate de configurar el servidor para que incluya el encabezado HTTP Vary.

Mapas del sitio

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.