Definir una configuración para móviles

Vamos a asegurarnos de que tu sitio web aparezca en los resultados de búsqueda. En esta página se explica cómo configurarlo para adaptarlo a varios dispositivos y cómo conseguir que los buscadores interpreten tu sitio web correctamente.

Tres configuraciones de sitios web móviles

Hay tres técnicas principales para implementar un sitio web que se pueda mostrar en varios tamaños y tipos de pantalla. En el gráfico siguiente se comparan estos tres métodos:

Configuración ¿La URL permanece invariable? ¿El código HTML permanece invariable?
Diseño web adaptable Sí Sí
Publicación dinámica Sí No
URL independientes No No
  1. Diseño web adaptable: se proporciona el mismo código HTML en la misma URL independientemente de si el dispositivo del usuario es un ordenador, un tablet, un móvil o un navegador no visual, pero se puede renderizar de manera diferente en función del tamaño de la pantalla. Google recomienda usar el diseño web adaptable porque es el patrón de diseño más sencillo de implementar y mantener.

  2. Publicación dinámica: se utiliza la misma URL independientemente del dispositivo que se use, pero se proporcionan distintas versiones del código HTML a los diferentes tipos de dispositivo en función de la información sobre el navegador de los usuarios que se reciba en el servidor.

  3. URL independientes: se proporciona código diferente en cada dispositivo y en cada URL independiente. Con esta configuración, se intenta detectar el dispositivo de los usuarios y, a continuación, se les lleva a la página adecuada mediante redirecciones HTTP junto con la cabecera HTTP Vary.

Google no tiene preferencia por ningún formato de URL en concreto, siempre y cuando todos los user-agent del robot de Google puedan acceder a las páginas y a todos sus recursos.

Para obtener más información sobre cómo seleccionar una configuración de sitio web móvil (y sopesar los aspectos positivos y los negativos de cada opción), consulta cómo crear sitios web para el consumidor multipantalla.

Claves para crear un sitio web móvil

Como ya hemos explicado, puedes elegir varias configuraciones a la hora de optimizar tu sitio web para móviles. Sin embargo, se deben tener en cuenta los tres puntos clave siguientes, independientemente de la configuración elegida:

  1. Indica a Google si una página tiene formato para móviles (o si hay una página equivalente con formato para móviles). De este modo, ayudas a Google a mostrar el contenido adecuado a los usuarios de dispositivos móviles en los resultados de búsqueda.
  2. Comprueba que los recursos se puedan rastrear. No impidas con tu archivo robots.txt que los buscadores accedan a los archivos importantes de tu sitio web que ayudan a renderizar las páginas, incluidos los anuncios. Si el robot de Google no puede acceder a los recursos de una página, como sus archivos CSS o JavaScript, o sus imágenes, es posible que no detectemos que la página está diseñada para mostrarse y funcionar en navegadores móviles. Es decir, quizá no detectemos que la página está optimizada para móviles y, por tanto, puede que no la mostremos correctamente a los usuarios que hagan búsquedas desde móviles.
  3. Evita errores habituales que crean frustración en los visitantes que utilizan móviles. Por ejemplo, no incluyas vídeos que no se puedan reproducir (como un vídeo Flash con contenido importante de una página). Las páginas para móviles que ofrezcan una experiencia deficiente a los usuarios pueden perder posiciones o aparecer con una advertencia en los resultados de búsqueda móvil. Puedes obtener más información al respecto en la sección de errores habituales.

Diferencias entre dispositivos

Móviles: en este documento, cuando se habla de móviles o de dispositivos móviles se hace referencia a smartphones como, por ejemplo, los dispositivos con Android, los iPhone o los Windows Phone. Los navegadores para móviles se parecen a los navegadores para ordenadores porque en ellos se puede renderizar gran parte de la especificación HTML5, aunque su tamaño de pantalla sea inferior y, en casi todos los casos, la orientación predeterminada sea vertical.

Tablets: consideramos que los tablets son dispositivos que pertenecen a una clase propia, por lo que, cuando hablamos de dispositivos móviles, no solemos incluirlos. Las pantallas de los tablets suelen ser más grandes; por tanto, a menos que ofrezcas contenido optimizado para tablets, los usuarios esperan ver el sitio web tal como se vería en un navegador para ordenadores y no en un navegador móvil.

Teléfonos multimedia: son teléfonos con navegadores en los que se pueden renderizar páginas codificadas para cumplir las normas estándar de XHTML y que son compatibles con las etiquetas HTML5, con JavaScript o con ECMAscript. Sin embargo, podrían no ser compatibles con algunas de las API de extensión de la norma estándar de HTML5. Normalmente, es el caso de los navegadores de la mayoría de teléfonos 3G que no son smartphones.

Teléfonos básicos: en los navegadores de estos teléfonos no se pueden renderizar páginas web HTML normales para ordenadores. En esta categoría se incluyen los navegadores que solo pueden renderizar cHTML (iMode), WML y XHTML-MP.