Según lo anunciado recientemente por Google, los sitios web que no puedan verse en dispositivos móviles, pueden ver afectados su posicionamiento por los buscadores. Quizás ya seas consciente de la importancia de tener un sitio web optimizado para usarse en móviles. En Diseño Web Zaragoza vamos a explicarte cómo hacer una web móvil.
Dispositivos móviles como tabletas y teléfonos inteligentes cada vez son más empleados en la navegación hacia los sitios Web.
¿Qué significa ser compatible con dispositivo móvil?
Un sitio web compatible con dispositivos móviles hace referencia a mostrar una versión distinta de tu sitio web a los visitantes que entran desde un dispositivo móvil, a fin de brindarles una mejor experiencia. Esto puede lograrse de varias maneras:
- Diseño receptivo: Permite que el sitio Web se ajuste para adaptarse al tamaño de la pantalla de un dispositivo móvil. Esto lo puede hacer cambiando el tamaño del escritorio o navegando desde un dispositivo móvil o una tableta.
- Servicio dinámico: Se muestra una versión diferente del sitio en dispositivos móviles.
- Una aplicación móvil: Contar con una aplicación totalmente separada de la versión Web es lo ideal.
¿Qué hacer para que un sitio Web sea compatible con dispositivos móviles?
Para que tu sitio web sea compatible con dispositivos móviles, debes realizar los siguientes pasos:
Elegir un tema o una plantilla que funcione apropiadamente con dispositivos móviles
Es el primer paso, elije un tema o una plantilla que responda a dispositivos móviles
Elimina el contenido
Los textos en tu sitio web deben ser cortos y fáciles de leer en el mejor de los casos. Los formularios que se muestren en el dispositivo móvil solo deben solicitar información que sea absolutamente esencial.
Debes hacer que las imágenes y el CSS sean de mucho menos peso
Cada cosa en un sitio web tiene un peso virtual, ya sea un video o una imagen. Cuenta con un tamaño de archivo, o un código que debe cargarse cada vez que se hace clic en el sitio web. La velocidad en que cargan las páginas web juega un papel importante en la clasificación del sitio.
Evitar el uso de Flash Player
Flash se usa a menudo para crear animaciones, pero generalmente no es compatible con dispositivos móviles.
Cambiar el tamaño y reposicionar la ubicación de los botones
Los botones deben colocarse en el lugar correcto para la pantalla del móvil y deben tener el tamaño adecuado.
Espaciar más tus enlaces
Verifica que cualquier hipervínculo en tu sitio móvil no esté demasiado junto, que no permita pulsar con el dedo. Los enlaces a las páginas deben estar bien optimizados para su uso en dispositivos móviles.
Utilizar una fuente más grande y legible
Se recomienda que el tamaño de la fuente a utilizar en dispositivos móviles sea de al menos 14 px en el escritorio.
Eliminar la aparición de ventanas emergentes
Las ventanas emergentes pueden funcionar muy bien en una versión de escritorio, pero cuando se trata de dispositivos móviles, es mejor evitarlas.
Probar el sitio web de forma regular
La mejor manera de averiguar qué tan optimizado para dispositivos móviles se encuentra tu sitio móvil es poniéndolo a prueba.
…