Introducción al SEO 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.

Elegir la configuración para móviles

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 del dispositivo de los usuarios (ordenadores, tablets, móviles o navegadores no visuales), pero se puede renderizar de manera diferente en función del tamaño de la pantalla. Es el patrón de diseño que recomienda Google.

  2. Publicación dinámica: se utiliza la misma URL se use el 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 URL independientes. 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 fin 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 una búsqueda móvil.
  3. No cometas errores habituales que crean frustración en los visitantes que utilizan móviles. Por ejemplo, no incluyas vídeos que no se puedan reproducir en dispositivos móviles, como un vídeo Flash, y menos como elementos importantes 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 los 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 de escritorio y no en un navegador móvil.

Teléfonos multimedia: son teléfonos con navegadores en los que se pueden procesar 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.