¿Cómo crear una versión móvil de mi sitio web?

Prueba de sitio web para móviles

Este artículo demostrará una técnica que utiliza parte de CSS3 que tampoco es compatible con Internet Explorer 8. Sin embargo, no importa, ya que uno de los lugares más útiles para este módulo es un lugar que sí tiene mucho soporte: los dispositivos pequeños como el iPhone, y los dispositivos Android.

Nota del editor: Tenga en cuenta que este artículo se publicó en 2010 y está obsoleto. Rachel Andrew ha escrito otro artículo sobre el estado actual de las consultas de medios para el diseño responsivo que incluye información actualizada y más relevante sobre este tema.

CSS3 sigue entusiasmando y frustrando a los diseñadores y desarrolladores web. Estamos entusiasmados con las posibilidades que ofrece CSS3 y los problemas que resolverá, pero también frustrados por la falta de soporte en Internet Explorer 8. Este artículo demostrará una técnica que utiliza parte de CSS3 que tampoco es compatible con Internet Explorer 8. Sin embargo, no importa, ya que uno de los lugares más útiles para este módulo es un lugar que sí tiene mucho soporte: los dispositivos pequeños como el iPhone, y los dispositivos Android.

Optimizar el html para móviles

Es fácil crear un sitio web para móviles que cualquiera pueda ver en casi cualquier dispositivo móvil. Hay dos maneras de hacerlo: crear una versión para móviles de su sitio web existente o crear una versión totalmente escalable de su sitio web que funcione en todos los dispositivos.

Tener un sitio web responsivo es muy importante hoy en día, ya que cada vez más personas utilizan dispositivos pequeños para acceder a Internet y ver sitios web. Cualquier webmaster le dirá que el diseño del sitio web afecta en gran medida a su tráfico y si una persona está utilizando un teléfono pequeño para acceder a su sitio web, entonces usted debe asegurarse de que pueden hacer uso de sus recursos.

Pero antes de crear un sitio web para móviles utilizando cualquiera de las dos técnicas, hay que configurar las herramientas de prueba. Si ya tienes un teléfono móvil o una tableta con un navegador web, genial. Si no es así -o si quieres acelerar el desarrollo de tu sitio web- prueba una de las siguientes técnicas:

1. La forma más fácil: abre una nueva ventana en tu navegador web. A continuación, haz clic y arrastra una de las esquinas inferiores hacia el centro hasta que la ventana del navegador web sea pequeña y tenga la forma de una pantalla rectangular de teléfono móvil o tableta. Ahora puede hacerse una idea del aspecto de su sitio web en un teléfono o una tableta.

Un sitio web diferente para el móvil y el escritorio

Nota del editor: Este artículo fue publicado originalmente por Web Marketing Today. Practical Ecommerce adquirió Web Marketing Today en 2012. En 2016, fusionamos los dos sitios, dejando a Practical Ecommerce como sucesor.

Aunque esta es una forma sencilla de hacer que tu sitio cumpla con la normativa, requiere que tengas dos sitios web separados. Puede ser difícil actualizar dos sitios, y los usuarios pueden sentirse frustrados si encuentran menos contenido o información disponible en la versión móvil frente a la de escritorio.

Los sistemas de gestión de contenidos de sitios web más populares -Wordpress, Joomla o Drupal- tienen soluciones complementarias para hacer que su sitio sea apto para móviles sin necesidad de tener dos versiones separadas. Algunos incluyen formas adicionales de personalizar la experiencia móvil para no sólo proporcionar el contenido, sino incorporar otras características que se utilizan mejor en los dispositivos móviles.

Plugins de WordPress para móviles. WPtouch es uno de los mejores plugins para sitios de WordPress que buscan añadir una experiencia móvil personalizada. Ofrece una versión de pago que contiene características adicionales para los sitios de comercio electrónico. JetPack es la solución de WordPress.com para implementar un tema móvil sencillo que garantice el acceso móvil a sus sitios web.

Versión móvil de WordPress

Durante seis meses, desde el 22 de septiembre de 2017 hasta el 22 de marzo de 2018, el Programa Federal de Pruebas Móviles de Crowdsource probó los 26 sitios web del gobierno federal de Estados Unidos más visitados en dispositivos móviles (teléfonos inteligentes y tabletas) utilizando siete herramientas de pruebas automatizadas de compatibilidad móvil. Los resultados indicaron que estas fueron las prácticas comunes que hacen que estos sitios no sean tan amigables con los móviles como un usuario podría esperar o desear en una experiencia móvil. La mayoría de estas áreas no se relacionan directamente con problemas de usabilidad, sino que se refieren a la forma en que se construye el sitio (lo que puede conducir a un mal rendimiento). Para más información sobre cómo realizamos las pruebas, véase la sección de Metodología al final.

Tenga en cuenta que si un sitio web se desarrolla con un sistema de gestión de contenidos (CMS) o un marco de desarrollo, es posible que no se puedan configurar todos estos parámetros. Sin embargo, sugerimos que los desarrolladores investiguen las capacidades del sistema para determinar si pueden serlo. Algunas de estas recomendaciones pueden darse en la capa del servidor web, que puede estar separada del código del programa.

Esta web utiliza cookies propias para su correcto funcionamiento. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Más información
Privacidad