Ofreciendo a los usuarios de tabletas la web a tamaño completo

Lunes, 12 de noviembre de 2012

Desde que anunciamos las recomendaciones de Google para crear sitios web optimizados para teléfonos inteligentes, una pregunta
común que hemos escuchado de los webmasters es cómo tratar mejor los dispositivos de tipo tableta. Esta es una pregunta similar
a la que se enfrentan los desarrolladores de aplicaciones para Android, y para ello la
guía para crear aplicaciones para tabletas de calidad
es un gran punto de partida.

Aunque no tenemos recomendaciones específicas para crear sitios web optimizados para tabletas y adaptados a los motores de búsqueda,
existen algunos consejos para crear sitios web que atiendan bien a los usuarios de teléfonos inteligentes y
tabletas.

Al considerar a los visitantes de tu sitio que usan tabletas, es importante pensar tanto en
los dispositivos como en lo que esperan los usuarios. En comparación con los teléfonos inteligentes, las tabletas tienen pantallas táctiles más grandes y
normalmente se utilizan con conexiones Wi-Fi. Las tabletas ofrecen una experiencia de navegación que puede ser tan rica como
la de cualquier ordenador de sobremesa o portátil, en un paquete más móvil, ligero y, en general, más conveniente. Esto significa que, a menos que ofrezcas contenido optimizado para tabletas, los usuarios esperan ver
el sitio de escritorio en lugar del sitio para teléfonos inteligentes de tu sitio.

Nuestra recomendación para los sitios optimizados para teléfonos inteligentes es
utilizar un diseño web adaptable (responsive), lo que significa que tienes un
sitio para dar servicio a todos los dispositivos. Si tu sitio web utiliza un diseño web adaptable según lo recomendado,
asegúrate de probar tu sitio web en una variedad de tabletas para asegurarte de que también les da un buen servicio. Recuerda que, al igual que en los teléfonos inteligentes, hay una variedad de tamaños de dispositivo y resoluciones de pantalla para probar.

Otra configuración común es tener sitios separados para ordenadores de sobremesa y teléfonos inteligentes, y
redirigir a los usuarios a la versión relevante. Si utilizas esta configuración, ten cuidado de no redirigir inadvertidamente
a los usuarios de tabletas al sitio optimizado para teléfonos inteligentes también.

Cómo diferenciar los teléfonos inteligentes y las tabletas Android

Para los dispositivos basados en Android, es fácil distinguir entre teléfonos inteligentes y tabletas utilizando la
cadena de agente de usuario proporcionada por los navegadores: Aunque tanto los teléfonos inteligentes como las tabletas Android incluirán
la palabra “Android” en la cadena de agente de usuario, solo el agente de usuario de los teléfonos inteligentes incluirá la palabra “Mobile”.

En resumen, cualquier dispositivo Android que no tenga la palabra “Mobile” en el agente de usuario es una tableta
(u otro dispositivo de pantalla grande) al que se le sirve mejor el sitio de escritorio.

Por ejemplo, aquí está el agente de usuario de Chrome en un teléfono inteligente Galaxy Nexus:

O de Firefox en el Galaxy Nexus:

Compara esos con el agente de usuario de Chrome en el Nexus 7:

O de Firefox en el Nexus 7:

Debido a que el agente de usuario del Galaxy Nexus incluye “Mobile”, se le debe servir tu
sitio web optimizado para teléfonos inteligentes, mientras que el Nexus 7 debe recibir el sitio completo.

Esperamos que esto te ayude a crear mejores sitios web optimizados para tabletas. Como siempre, pregunta en nuestros
foros de ayuda para webmasters
si tienes más preguntas.

Publicado por
Pierre Far,
analista de tendencias para webmasters, y
Scott Main, escritor técnico principal para developer.android.com