Compatibilidad móvil y pantallas táctiles

La mayoría de los dispositivos móviles de hoy en día usan pantallas táctiles para casi todas las funciones. Solo encontrarás unos pocos botones en los costados, arriba y abajo de la mayoría de los dispositivos y normalmente estos suelen ser el botón de encendido, de volumen, de inicio y pocos otros.

De hecho, los mayores motores de búsqueda, Google y Bing, cambiaron sus algoritmos de posicionamiento, para hacer que los sitios optimizados para móviles posicionen mejor.

¿Qué es un sitio optimizado para móviles?

Un sitio compatible con móviles está diseñado específicamente para dispositivos móviles. Lo que queremos decir con esto es que se trata de una página HTML que no muestra contenido Flash o de otras tecnologías que no funcionan en dispositivos móviles.

Comparison between mobile friendly and non-mobile friendly pages

Sin embargo, no confundas "compatibilidad móvil" con "optimización móvil".

Para que tus usuarios tengan una buena experiencia en sus dispositivos, debes optimizar tu sitio para dispositivos móviles.

¡Compatible con móviles no significa optimizado para móviles!

Entonces, ¿cuál es la diferencia entre un sitio compatible con móviles y uno optimizado para móviles?

Un sitio compatible con móviles fue diseñado para navegadores de escritorio, pero puedes verlo en un dispositivo móvil. Dado que está idealmente diseñado para pantallas grandes con más opciones de navegación, el usuario deberá desplazarse mucho más para acceder a la información en el sitio. El texto también es pequeño, por lo que deberá "pellizcar" la pantalla para hacerlo legible.

Estas son algunas de las características de un sitio optimizado para móviles:

  • Una ventana gráfica configurada para mostrar contenido según la pantalla del dispositivo.

  • Imágenes y otros recursos de carga rápida.

  • Contenido optimizado para usuarios móviles, por ejemplo, texto más corto y evitando formatos que no cargan en navegadores móviles (esto es compatibilidad móvil).

  • Modo paisaje o retrato. Esto es muy importante, sobre todo si tienes un montón de contenido en video en tu sitio.Muchos usuarios de dispositivos móviles prefieren mirar videos en modo paisaje y otros tipos de contenido en modo retrato.

  • Botones de contacto de fácil acceso para hacer más fácil que los visitantes de tu sitio se contacten contigo.

  • Una estructura de sitio diseñada para usuarios móviles.

Así que, como puedes ver, la compatibilidad móvil es una parte necesaria de la optimización móvil.

El impacto de la compatibilidad móvil en SEO

Los sitios optimizados para móviles tienen la ventaja de una mejora en el comportamiento de usuario.

  • 48% de los consumidores comenzarán su investigación desde un motor de búsqueda en móviles.

  • Además, según McKinsey, 61% de los usuarios no volverán a un sitio móvil con una experiencia de usuario pobre, y 40% visitarán el sitio de la competencia.

Dado que optimizar una página para experiencia de usuario es tan importante para las personas que buscan sitios en Google, asegurarse de que tu sitio es compatible con todos los dispositivos tiene un impacto directo en el posicionamiento de búsqueda.

De hecho, la experiencia móvil de usuario fue un factor mayor en la llamada "actualización movilgedón" de 2015.

¿Qué es estar "pronto para pantallas táctiles"?

Estar pronto para pantallas táctiles es la medida en la que los objetivos táctiles de una página están lo suficientemente separados para eliminar clics accidentales por parte de los usuarios móviles. Dado que los clics accidentales son muy frustrantes para los usuarios de dispositivos móviles, qué tan optimizado para las pantallas táctiles sea tu sitio es un factor determinante para saber qué tan optimizado está tu sitio para móviles.

¿Qué hace a una página optimizada para pantallas táctiles?

Hacer que una página esté optimizada para pantallas táctiles requiere las siguientes buenas prácticas técnicas:

  • Haz que tu logo enlace a tu página de inicio. Un estudio de Google [PDF] halló que sus participantes normalmente esperaban que tocar el logo de una página los llevaría a la página de inicio, y mostraban frustración si no funcionaba de esa manera.

  • Usa texto que sea lo suficientemente grande para ser legible en pantallas pequeñas.

  • Usa una fuente fácil de leer.

  • Asegúrate de que los objetivos táctiles para tus enlaces y botones estén lo suficientemente separados. El ancho promedio del dedo índice para la mayoría de los adultos se traduce en alrededor de 45-57 pixeles.

  • Para ventanas emergentes de promociones o descuentos, los participantes prefieren banners fácilmente evitables en oposición a grandes intersticiales. Este tipo de alertas podría resultar en peores posicionamientos.

Haz que cualquier enlace en tu sitio web sea visible usando un color que contraste con el resto. Lo mismo va para cualquier llamada a la acción, como los botones de "click para llamar". Si hay formularios que tus usuarios deben rellenar, asegúrate de que los espacios de cada campo sean lo suficientemente grandes y que el espaciado sea adecuado para evitar navegación accidental, lo cual puede ser muy frustrante.

Usa mapas de calor en tus páginas para ver dónde pasan más tiempo tus usuarios y dónde hacen clic en tus páginas para darte una idea de cuellos de botella, puntos calientes y puntos de error potenciales.

Pantallas táctiles y SEO

La preparación de la pantalla táctil de una página afecta la optimización del motor de búsqueda al garantizar una experiencia de usuario optimizada para dispositivos móviles. Una página no puede ser compatible con dispositivos móviles sin estar lista para pantallas táctiles.

Míralo de esta manera:

Imagina que estás navegando por una página en tu teléfono y haces clic en el [menú hamburguesa] (https://www.40defiebre.com/menu-hamburguesa-tendencia-web) del sitio para abrir el menú. No encuentras lo que estás buscando, por lo que debes cerrarlo, pero el sitio cargó el botón para cerrar el menú debajo del botón de menú:

Mobile page hamburger menu with overlapping open and close buttons

Cuando te encuentras con algo como esto, lo más probable es que abandones ese sitio web e intentes encontrar lo que estabas buscando en otro lugar. Y probablemente no estés muy dispuesto a volver a este sitio en el futuro.

Dado que la misión de Google es recomendar solo los mejores sitios web a sus usuarios, las páginas que brindan malas experiencias de usuario móvil como la ficticia anterior tendrán un ranking más bajo.

Cómo asegurarse de que su sitio sea compatible con dispositivos móviles y esté listo para la pantalla táctil

Garantizar la convergencia entre dispositivos

Si hay algún archivo que los usuarios necesiten descargar de tu sitio, los formatos de archivo deben ser compatibles con diferentes dispositivos, incluidos teléfonos inteligentes, tabletas, computadoras portátiles y de escritorio. Esto permitirá que todos los visitantes de tu sitio descarguen y compartan tus archivos, lo que en última instancia aumentará la popularidad de tu sitio.

Haz una prueba de compatibilidad móvil

De hecho, puedes saber si tu sitio está listo para pantallas táctiles. Puedes usar WooRank para revisar si tus URLs son compatibles con móviles.

También puedes testear tu URL con esta herramienta de Google:

Google Mobile Friendliness Test page

Copia y pega tu URL, luego haz clic en el botón Probar URL.

Ambas pruebas te dirán cuán amigable para dispositivos móviles es tu sitio web en general, así como cualquier problema que afecte la compatibilidad móvil y la calidad de los objetivos táctiles.

Guías recientes