Recomendaciones para crear sitios web optimizados para smartphones

Miércoles, 6 de junio de 2012

Cada día se activan más y más smartphones y más sitios web producen contenido optimizado para smartphones. Desde que
la última vez hablamos sobre cómo crear sitios web aptos para móviles, hemos trabajado duro para mejorar el soporte de Google para el contenido optimizado para smartphones. Como parte de este esfuerzo, lanzamos
Googlebot-Mobile para smartphones
en diciembre de 2011, que tiene la tarea específica de identificar dicho contenido.

Hoy nos gustaría ofrecerte las recomendaciones de Google para crear sitios web optimizados para smartphones y explicar cómo hacerlo de manera que tanto tus sitios optimizados para ordenadores de escritorio como para smartphones tengan las mejores posibilidades de funcionar bien en los resultados de búsqueda de Google.

Recomendaciones para sitios optimizados para smartphones

Los detalles completos de nuestra recomendación se pueden encontrar en nuestro
nuevo sitio de ayuda, que ahora resumimos.

Al crear un sitio web dirigido a smartphones, Google admite tres configuraciones diferentes:

1. Sitios que utilizan diseño web adaptable (responsive), es decir, sitios que sirven a todos los dispositivos en el mismo conjunto de URL, con cada URL sirviendo el mismo HTML a todos los dispositivos y utilizando solo CSS para cambiar cómo se renderiza la página en el dispositivo. Esta es la configuración recomendada por Google.
2. Sitios que sirven dinámicamente a todos los dispositivos en el mismo conjunto de URL, pero cada URL sirve HTML (y CSS) diferente según si el agente de usuario es un ordenador de escritorio o un dispositivo móvil.
3. Sitios que tienen sitios móviles y de escritorio separados.

Diseño web adaptable

El diseño web adaptable es una técnica para crear páginas web que alteran su apariencia utilizando consultas de medios CSS3. Es decir, hay un código HTML para la página independientemente del dispositivo que acceda a ella, pero su presentación cambia utilizando consultas de medios CSS para especificar qué reglas CSS se aplican para el navegador que muestra la página. Puedes obtener más información sobre el diseño web adaptable en
esta entrada de blog
de los webmasters de Google y
en nuestras recomendaciones.

El uso de un diseño web adaptable tiene múltiples ventajas, entre ellas:

• Mantiene tu contenido de escritorio y móvil en una sola URL, lo que es más fácil para que tus usuarios interactúen, compartan y enlacen, y para que los algoritmos de Google asignen las propiedades de indexación a tu contenido.
• Google puede descubrir tu contenido de manera más eficiente, ya que no necesitaríamos rastrear una página con los diferentes agentes de usuario de Googlebot para recuperar e indexar todo el contenido.

HTML específico para dispositivos

Sin embargo, reconocemos que en muchas situaciones puede no ser posible o apropiado utilizar un diseño web adaptable. Es por eso que admitimos que los sitios web sirvan contenido equivalente utilizando HTML diferente y específico para dispositivos. El HTML específico para dispositivos se puede servir en la misma URL (una configuración llamada servicio dinámico) o en diferentes URL (como www.example.com y m.example.com).

Si tu sitio web utiliza una configuración de servicio dinámico, recomendamos encarecidamente utilizar el
Vary encabezado HTTP para comunicar a los servidores de caché y a nuestros algoritmos que el contenido puede cambiar para los diferentes agentes de usuario que solicitan la página. También utilizamos esto como una señal de rastreo para Googlebot-Mobile.

En cuanto a la configuración de sitio móvil separado, dado que hay muchas formas de hacer esto, nuestra recomendación introduce anotaciones que comunican a nuestros algoritmos que tus páginas de escritorio y móviles son equivalentes en propósito; es decir, las nuevas anotaciones describen la relación entre el contenido de escritorio y móvil como alternativas entre sí y deben tratarse como una sola entidad con cada alternativa dirigida a una clase específica de dispositivo.

Estas anotaciones nos ayudarán a descubrir tu contenido optimizado para smartphones y ayudarán a nuestros algoritmos a comprender la estructura de tu contenido, dándole la mejor oportunidad de funcionar bien en nuestros resultados de búsqueda.

Conclusión

Esta entrada de blog es solo un breve resumen de nuestra recomendación para
crear sitios web optimizados para smartphones. Lea la recomendación completa y compruebe qué implementación compatible es la más adecuada para su sitio y sus usuarios. Y, como siempre, pregunte en nuestros
Foros de ayuda para webmasters
si tiene más preguntas.

Publicado por
Pierre Far,
Analista de tendencias de webmasters