Cómo adaptar sitios web para móviles

Martes, 22 de febrero de 2011

Hemos observado un aumento en el número de preguntas de los webmasters sobre cómo estructurar mejor un sitio web para teléfonos móviles y cómo los sitios web pueden interactuar mejor con Googlebot-Mobile. En esta publicación explicaremos la situación actual y te daremos recomendaciones específicas que puedes implementar ahora.

Un poco de contexto

Comencemos con una pregunta sencilla: ¿qué queremos decir con “teléfono móvil” cuando hablamos de sitios web aptos para móviles?

Una buena manera de responder a esta pregunta es pensar en las capacidades del navegador web del teléfono móvil, especialmente en relación con las capacidades de los navegadores de escritorio modernos. Para simplificar las cosas, podemos dividir los teléfonos móviles en unas pocas clasificaciones:

1. Teléfonos móviles tradicionales: teléfonos con navegadores que no pueden renderizar páginas web de escritorio normales. Esto incluye navegadores para cHTML (iMode), WML, WAP y similares.
2. Smartphones: teléfonos con navegadores que renderizan páginas de escritorio normales, al menos hasta cierto punto. Esta categoría incluye una variedad de dispositivos, como Windows Phone 7, dispositivos Blackberry, iPhones y teléfonos Android, así como tabletas y lectores de libros electrónicos. Podemos subdividir aún más esta categoría según la compatibilidad con HTML5:

• Dispositivos con navegadores que no admiten HTML5
• Dispositivos con navegadores que admiten HTML5

Érase una vez, los teléfonos móviles se conectaban a Internet utilizando navegadores con capacidades de renderizado limitadas; pero esta es claramente una situación cambiante con el rápido auge de los smartphones que tienen navegadores que rivalizan con la experiencia completa de escritorio. Como tal, es importante señalar que la distinción que estamos haciendo aquí se basa en la situación actual tal como la vemos y podría cambiar en el futuro.

Googlebot y contenido móvil

Google tiene dos rastreadores relevantes para este tema: Googlebot y Googlebot-Mobile. Googlebot rastrea páginas web del tipo de navegador de escritorio y el contenido incrustado en ellas, y Googlebot-Mobile rastrea contenido móvil. Las preguntas que vemos con más frecuencia se pueden resumir de la siguiente manera:
Dada la diversidad de capacidades de los navegadores web móviles, ¿qué tipo de contenido debo ofrecer a Googlebot-Mobile?

La respuesta radica en el User-agent que proporciona Googlebot-Mobile al rastrear. Existen varias cadenas de User-agent utilizadas por Googlebot-Mobile, todas las cuales utilizan este formato:

Para decidir qué contenido ofrecer, evalúa qué contenido tiene tu sitio web que sirva mejor al teléfono o teléfonos en la cadena del User-agent.
Aquí se puede encontrar una lista completa de User-agents de Googlebot-Mobile.

Ten en cuenta que actualmente no rastreamos con Googlebot-Mobile utilizando una cadena de User-agent de smartphone. Por lo tanto, en este momento, un sistema de servicio de contenido configurado correctamente servirá contenido de Googlebot-Mobile solo para los teléfonos tradicionales descritos anteriormente, porque eso es lo que dictan las cadenas de User-agent en uso hoy en día. Esto puede cambiar en el futuro y, de ser así, podría significar que habría una nueva cadena de User-agent de Googlebot-Mobile.

Por ahora, esperamos que los smartphones manejen el contenido de la experiencia de escritorio, por lo que no hay una necesidad real de un esfuerzo específico para móviles por parte de los webmasters. Sin embargo, para muchos sitios web aún puede tener sentido que el contenido tenga un formato diferente para los smartphones, y la decisión de hacerlo debe basarse en cómo puedes servir mejor a tus usuarios.

Estrucutra de URL para contenido móvil

El siguiente conjunto de preguntas se refiere a las URL desde las cuales se debe servir el contenido móvil. Analicemos en detalle algunos casos de uso comunes.

Sitios web con contenido exclusivo de experiencia de escritorio

La mayoría de los sitios web actualmente tienen solo una versión de su contenido, es decir, en HTML diseñado para navegadores web de escritorio. Esto significa que todos los navegadores acceden al contenido desde la misma URL.

Es posible que estos sitios web no presten servicio a los usuarios de teléfonos móviles tradicionales. La calidad que experimentan los usuarios de smartphones depende del navegador móvil que estén utilizando y podría ser tan buena como navegar desde el escritorio.

Si ofreces únicamente contenido de experiencia de escritorio para todos los User Agents, debes hacerlo también para Googlebot-Mobile; es decir, trata a Googlebot-Mobile como tratas a todos los demás User Agents o desconocidos. En estos casos,
Google puede modificar tus páginas web
para una mejor experiencia móvil.

Sitios web con contenido móvil dedicado

Muchos sitios web tienen contenido optimizado específicamente para usuarios móviles. El contenido podría simplemente reformatearse para las pantallas móviles, que suelen ser más pequeñas, o podría estar en un formato diferente (por ejemplo, ofrecido mediante WAP, etc.).

Una pregunta muy común que vemos es: ¿importa si los diferentes tipos de contenido se sirven desde la misma URL o desde URL diferentes? Por ejemplo, algunos sitios web tienen www.example.com como la URL a la que deben acceder los navegadores de escritorio y tienen m.example.com o wap.example.com para los diferentes dispositivos móviles. Otros sitios web sirven todos los tipos de contenido desde una sola estructura de URL como www.example.com.

Para Googlebot y Googlebot-Mobile, no importa cuál sea la estructura de URL siempre que devuelva exactamente lo que ve un usuario también. Por ejemplo, si rediriges a los usuarios móviles de www.example.com a m.example.com, Googlebot-Mobile lo reconocerá y ambos sitios web se rastrearán y se agregarán al índice correcto. En este caso, utiliza una 301 redirección tanto para los usuarios como para Googlebot-Mobile.

Si sirves todo tipo de contenido desde www.example.com, es decir, sirves contenido optimizado para escritorio o contenido optimizado para móviles desde la misma URL dependiendo del User-agent, esto también conducirá a un rastreo correcto por parte de Googlebot y Googlebot-Mobile. Google no considera esto como encubrimiento (cloaking).

Vale la pena repetir que, independientemente de la estructura de la URL, debes detectar correctamente el User-agent proporcionado por tus usuarios y por Googlebot-Mobile, y servir a ambos el mismo contenido. No olvides mantener el contenido predeterminado, el contenido optimizado para escritorio, para cuando un User-agent desconocido lo solicite.

Sitemaps para móviles en Webmaster Tools

Finalmente, recibimos muchas preguntas sobre qué URL incluir en los Sitemaps para móviles. Como se explica en nuestros
artículos del Centro de ayuda de Sitemaps para móviles, solo debes incluir URL de contenido móvil en los Sitemaps para móviles, incluso si estas URL también devuelven contenido que no es para móviles cuando accede a ellas un User-agent que no es para móviles.

¿Más preguntas?

Un buen lugar para empezar son nuestros
artículos del Centro de ayuda de sitios para móviles
y las secciones relevantes en nuestra
Guía de inicio de optimización de motores de búsqueda. También hemos creado un
hilo en nuestros foros
para que hagas preguntas sobre esta publicación.

Publicado por
Pierre Far, analista de tendencias de webmasters