Errores comunes

En esta página, se describen algunos de los errores más comunes de diseño para dispositivos móviles que cometen los webmasters.

JavaScript, CSS y archivos de imagen bloqueados

Para lograr un procesamiento y una indexación óptimos, permite siempre que el robot de Google acceda al código JavaScript y CSS, y a los archivos de imagen que usa el sitio web. De ese modo, el robot de Google podrá ver tu sitio como lo haría un usuario normal. Si el archivo robots.txt de tu sitio no permite el rastreo de estos elementos, la efectividad con la que nuestros algoritmos indexan y procesan tu contenido se verá afectada de forma directa. Esto puede generar clasificaciones subóptimas.

  1. Asegúrate de que el robot de Google pueda rastrear tanto el código JavaScript y CSS como los archivos de imagen mediante la función Explorar como Google en Google Search Console. Así, podrás observar exactamente cómo el robot de Google ve y procesa el contenido, y tendrás más información para identificar y solucionar una serie de problemas de indexación en tu sitio.

  2. Examina y prueba tu archivo robots.txt en Google Search Console.

  3. Realiza la prueba de optimización para dispositivos móviles en tus páginas para dispositivos móviles a fin de saber si nuestros sistemas determinan que tu sitio web es compatible para usuarios de estos dispositivos.

  4. Si usas URL separadas en las páginas para dispositivos móviles, asegúrate de probar tanto la versión para escritorio como la versión para dispositivos móviles de la URL. De ese modo, confirmarás si el redireccionamiento se puede rastrear.

Contenido que no se puede reproducir

Ciertos tipos de video o de contenido no se pueden reproducir en dispositivos móviles, como en el caso del contenido restringido por licencia o para el que se necesitan Flash o reproductores poco compatibles con los dispositivos móviles. El hecho de que no se pueda reproducir el contenido que aparece en un sitio web suele ser algo frustrante para el usuario.

Cuando los usuarios visitan una página con contenido no compatible con dispositivos móviles, ven un mensaje de error similar al siguiente:

Video que no se puede reproducir

Un mensaje así perjudica la experiencia del usuario en un dispositivo móvil.

En vez de utilizar un reproductor de video propio o de ofrecer el contenido en formatos no compatibles, recomendamos incluir videos o animaciones mediante etiquetas estándar HTML5.

Para el contenido animado procesado con Flash u otros reproductores multimedia, sugerimos usar animaciones HTML5 que sean compatibles con todos los navegadores web. Con Google Web Designer es muy sencillo crear estas animaciones en HTML5.

  • Usa estándares HTML5 para animaciones con el fin de proporcionar una experiencia positiva a todos los usuarios.
  • Usa videos incorporados que puedan reproducirse en todos los dispositivos.
  • Considera ofrecer una transcripción del video. De esa forma, podrán acceder a tu sitio las personas que usen tecnologías de asistencia para la navegación o quienes tengan navegadores no compatibles con formatos de video de propiedad exclusiva.

Para obtener más información, consulta las recomendaciones sobre video en el sitio Fundamentos de la Web de Google.

Redireccionamientos defectuosos

Si tienes URL separadas para dispositivos móviles, debes redireccionar a los usuarios de estos dispositivos que visiten las URL para computadores a las URL correspondientes para dispositivos móviles. No deberías redireccionarlos a otras páginas (por ejemplo, siempre a la página principal).

Ejemplos:

  • El servidor de tu sitio de escritorio está configurado para redireccionar a los usuarios de dispositivos móviles a la página principal del sitio móvil, independientemente de la URL solicitada originalmente, incluso si el sitio móvil tiene la página equivalente a la página de escritorio que redirecciona al usuario.
  • Las URL del sitio de escritorio se generan de forma dinámica con parámetros de URL que no redireccionan correctamente a la URL para dispositivos móviles equivalente. Por ejemplo, un usuario que busca el horario de un tren en una fecha específica en el sitio de escritorio se frustrará cuando se lo redireccione a la página de búsqueda del horario general en el sitio móvil. Recomendamos configurar el redireccionamiento correctamente si hay una URL para dispositivos móviles equivalente, de modo que los usuarios lleguen a la página que buscan.

  • El sitio de escritorio solo redirecciona a determinados dispositivos móviles. Por ejemplo, es posible que un sitio redireccione a la versión para dispositivos móviles a los usuarios de Android solamente, y no a los usuarios de iPhone o Windows Phone.

  • Usa Google Search Console. Si eres un usuario verificado, te enviaremos un mensaje si detectamos que alguna de las páginas del sitio redirecciona a los usuarios de smartphones a la página principal. También te mostraremos los redireccionamientos defectuosos que detectemos en la sección Errores de rastreo en smartphones de Search Console. Usa las URL de ejemplo que ofrecemos en Search Console como punto de partida para saber el origen exacto del problema en la configuración del servidor.

  • Configura el servidor para que redireccione a los usuarios de smartphones a la URL equivalente del sitio para smartphones.

  • Si una página del sitio no tiene una URL equivalente para smartphones, mantén a los usuarios en la página de escritorio y no los redirecciones a la página principal del sitio para smartphones. En este caso, es mejor no hacer nada que hacerlo mal.

  • Prueba un diseño web responsivo, que publicará el mismo contenido tanto para los usuarios de escritorio como para los de smartphone.

Errores 404 solo en dispositivos móviles

Algunos sitios muestran contenido a los usuarios de escritorio que acceden a una URL, pero muestran una página de error a los usuarios de dispositivos móviles.

Errores 404 solo en dispositivos móviles

Para garantizar al usuario la mejor experiencia posible, si detectas que un usuario visita una página de escritorio desde un dispositivo móvil y tienes una página equivalente para dispositivos móviles en otra URL, redirecciónalos a esa URL en lugar de mostrar una página de error 404 o de error leve 404. Además, asegúrate de que la página optimizada para dispositivos móviles no sea una página de error.

Buenos redireccionamientos
  • Usa Google Search Console. Si eres un usuario verificado del sitio, te enviaremos una notificación al Centro de mensajes.

  • Si tienes un sitio web para smartphones con una URL distinta, configura el servidor para que redireccione a los usuarios de smartphones a la URL equivalente del sitio para smartphones.

  • Si usas la publicación dinámica, asegúrate de que la detección del usuario-agente esté configurada correctamente.

  • Si una página del sitio no tiene una versión equivalente para smartphones, mantén a los usuarios en la página de escritorio. Siempre es mejor para el usuario mostrarle el contenido que estaba buscando que mostrarle una página de error.

  • Usa diseño web responsivo cuando sea posible. Con esta configuración, puedes mostrar el mismo contenido a los usuarios, independientemente del dispositivo que usen.

  • Consulta el informe Errores de rastreo en Google Search Console. En la pestaña Smartphone, verás una lista de las URL detectadas que muestran mensajes de error 404 en smartphones.

Evita los intersticiales

En muchos sitios web, se muestran intersticiales o superposiciones que ocultan de forma parcial o total los contenidos de la página que visita el usuario. Estos intersticiales, que suelen aparecer en dispositivos móviles para promocionar una aplicación nativa de un sitio web, los formularios de registro en listas de distribución o los anuncios, pueden empeorar la experiencia del usuario. En casos extremos, los intersticiales están diseñados para que al usuario le resulte difícil ignorarlos y ver el contenido real de la página. Como el espacio en pantalla de los dispositivos móviles es limitado, los intersticiales tienen un efecto negativo en la experiencia del usuario.

Intersticiales de descarga de aplicaciones

Muchos webmasters promocionan las aplicaciones nativas de sus empresas a los visitantes del sitio web móvil. Si esto no se realiza con cuidado, puede generar errores de indexación, lo que afectaría el uso del servicio por parte de los usuarios.

Evita los intersticiales
El intersticial impide al usuario completar acciones.
Banner de la aplicación
Un banner, además de presentar la aplicación a los usuarios, les permite completar acciones.
  • Usa un banner sencillo para promocionar tu aplicación junto al contenido de la página. Puedes implementar el banner con las siguientes opciones:

  • Si tienes una aplicación para Android, puedes implementar la indexación de aplicaciones. Cuando el contenido indexado de una aplicación sea relevante para una consulta determinada, mostraremos un botón de instalación en los resultados de la búsqueda para que los usuarios puedan descargar la aplicación e ir directamente a la página específica en tu aplicación.

Cuando en un sitio web se muestra contenido a los usuarios en distintas URL para dispositivos móviles, lo más común es tener vínculos a la versión optimizada para escritorio y un vínculo de la página de escritorio a la página para dispositivos móviles. Un error frecuente es que los vínculos apunten a una página irrelevante, como cuando una página para dispositivos móviles dirige a la página principal de un sitio web de escritorio.

  • Revisa los vínculos para asegurarte de que apunten a la página equivalente correcta.

Páginas para dispositivos móviles lentas

Es muy importante asegurarse de que el sitio móvil se cargue rápidamente. Los usuarios pueden sentirse muy frustrados si tienen que esperar demasiado tiempo para ver el contenido.

Usa Google PageSpeed Insights para comprobar si hay algún problema que pueda ralentizar la página (céntrate en la sección secundaria "Velocidad"). Procura solucionar los problemas marcados como elementos que se deben corregir.

Para obtener más información, consulta las siguientes páginas:

Configurar la vista del puerto correctamente

Dado que los visitantes del sitio utilizan diferentes dispositivos con varias medidas de pantalla, se debería especificar una vista del puerto en las páginas mediante la metaetiqueta "viewport". Con esta etiqueta, se indica a los navegadores cómo ajustar las dimensiones de la página para adaptarlas al dispositivo. A continuación, se indican dos problemas comunes:

  • Usar vistas del puerto con ancho fijo. Esto hace que la página no se adapte correctamente a los distintos tamaños de dispositivo, que son muchos. Más información.
  • Definir un ancho mínimo poco realista en la vista del puerto, lo que puede obligar a los usuarios con dispositivos más pequeños a desplazarse horizontalmente para leer el contenido. Esto sucede cuando se utilizan valores absolutos en las declaraciones CSS de las páginas o se usan imágenes diseñadas para que se vean mejor con un ancho de navegador específico (como 980 px). Para corregir este error, asegúrate de que las páginas usen valores relativos de ancho y posición para los elementos CSS y comprueba que las imágenes también puedan adaptarse. Más información.

Tamaño de fuente pequeño

Evita definir un tamaño de fuente demasiado pequeño que obligue a los usuarios de dispositivos móviles a pellizcar para acercar el zoom en el texto a fin de leerlo. Después de especificar una vista del puerto para tus páginas web, configura los tamaños de fuente de modo que se adapten correctamente dentro de la vista del puerto. Obtén más información sobre las recomendaciones relacionadas con el tamaño de fuente en Cómo usar tamaños de fuente legibles.

Elementos táctiles demasiado próximos entre sí

Evita que los elementos táctiles, como botones y vínculos, estén tan próximos entre sí que los usuarios no puedan tocar con el dedo el elemento deseado sin tocar también el elemento más cercano. Para solucionar estos errores, asegúrate de definir un tamaño adecuado para dispositivos móviles en los botones y en los vínculos de navegación, además de dejar el espacio suficiente entre ellos. Obtén más información en Aplicar el tamaño apropiado a los botones táctiles.

Enviar comentarios sobre…