Webmasters

Cómo crear sitios web optimizados para smartphones

Introducción

Con el aumento del uso de los smartphones, crear un sitio web optimizado para los usuarios de estos dispositivos es fundamental en la gestión de un sitio web. En este documento se resumen las recomendaciones de Google para webmasters que quieran publicar contenido con formato optimizado tanto para ordenadores como para smartphones y se explican los errores más habituales que conviene evitar. También tenemos otros artículos sobre sitios web para tablets y teléfonos de gama media.

Descripción general de las recomendaciones de Google

Google admite tres configuraciones diferentes para la creación de sitios web optimizados para smartphones:

  • Diseño adaptable: muestra el mismo código HTML mediante una URL y usa consultas de medios CSS para determinar cómo se muestra el contenido en el cliente. Esto elimina los posibles fallos de detección de los user-agents y se evitan los redireccionamientos. Esta es la configuración recomendada por Google.
  • Publicación dinámica: muestra distinto código HTML mediante una URL en función del user-agent. Usa la cabecera HTTP Vary para indicar que estás haciendo esto.
  • Sitio para móviles independiente: redirecciona a los usuarios a una URL distinta en función del user-agent. Usa las anotaciones de enlace bidireccional para indicar a los motores de búsqueda la relación entre las dos URL.

Asegúrate de no bloquear recursos como JavaScript y CSS para los motores de búsqueda, independientemente de la configuración que elijas. Para obtener información detallada sobre la implementación técnica, visita nuestra página de detalles.

Tipos de dispositivo móvil

  1. Smartphones: teléfonos con navegadores que pueden mostrar páginas web normales para ordenadores, pero con ciertas limitaciones. En esta categoría se incluyen navegadores para móviles recientes que pueden procesar HTML5 y varios dispositivos, como los teléfonos con Android y los iPhone.
  2. Teléfonos de gama media: teléfonos con navegadores que no pueden procesar páginas web normales para ordenadores. Se incluyen los navegadores para cHTML (iMode), WML, WAP y similares.

No consideramos los tablets como dispositivos móviles ya que, entre otras razones, suelen tener pantallas más grandes. La mayoría de los usuarios de tablets esperan ver páginas optimizadas para tablets u optimizadas para ordenadores cuando navegan por la Web. Esto significa que, a menos que ofrezcas contenido optimizado para tablets, los usuarios esperan ver tu sitio para ordenadores en lugar de tu sitio para smartphones.

Índice

  • En la página de detalles se explica cómo implementar las distintas configuraciones disponibles.
  • En la página de errores comunes se enumeran los fallos más habituales en los sitios web optimizados para smartphones.
  • En la página de redireccionamientos y detección de user-agents se incluyen consejos para utilizar los user-agents y redireccionar a los usuarios.
  • En la página de JavaScript se indican los distintos métodos de publicación de JavaScript en sitios web con diseño adaptable.
  • La página sobre tablets es para los webmasters que quieran mostrar contenido a los usuarios de tablets.
  • En la página sobre teléfonos móviles de gama media se describe cómo optimizar el sitio correctamente para smartphones y teléfonos móviles de gama media.
  • En la página de user-agents de Googlebot se incluyen los user-agents que utilizamos para rastrear los sitios optimizados para móviles.
  • En la página de lista de comprobación de mejoras para sitios web se incluye una lista con las mejoras que puedes realizar cuando hayas optimizado tu sitio para móviles.

Autenticación obligatoria

Tienes que acceder a Google+ para realizar esta acción.

Acceder a...

Desarrolladores de Google necesita tu permiso para realizar esta acción.