{"id":726,"date":"2020-11-24T18:12:35","date_gmt":"2020-11-24T16:12:35","guid":{"rendered":"https:\/\/www.jimdo.com/es/blog\/?p=726"},"modified":"2020-11-24T20:31:00","modified_gmt":"2020-11-24T18:31:00","slug":"pagina-web-moviles","status":"publish","type":"post","link":"https:\/\/www.jimdo.com/es/blog\/pagina-web-moviles\/","title":{"rendered":"C\u00f3mo crear una p\u00e1gina web optimizada para m\u00f3viles"},"content":{"rendered":"\n

Disponer de una p\u00e1gina web optimizada para dispositivos m\u00f3viles siempre ha supuesto una ventaja, pero hoy en d\u00eda es esencial. De hecho, los usuarios se han acostumbrado tanto a navegar por internet desde pantallas peque\u00f1as y a que las p\u00e1ginas se carguen a la velocidad m\u00e1xima, que abandonar\u00e1n tu sitio r\u00e1pidamente si no est\u00e1 adaptado para m\u00f3viles.<\/p>\n\n\n\n

Si tienes una p\u00e1gina web profesional, seguramente ya habr\u00e1s escuchado hablar acerca de la importancia de los consumidores m\u00f3viles e, incluso, ya te habr\u00e1s preguntado \u201c\u00bfest\u00e1 adaptada mi p\u00e1gina web a dispositivos m\u00f3viles?\u201d<\/p>\n\n\n\n

En este sentido, tenemos muy buenas noticias si utilizas el creador de p\u00e1ginas web de Jimdo: desde el momento de su creaci\u00f3n, tu p\u00e1gina web est\u00e1 optimizada para dispositivos m\u00f3viles de manera autom\u00e1tica, la tecnolog\u00eda m\u00e1s moderna en lo que a dise\u00f1o web para m\u00f3viles se refiere. Las plantillas para m\u00f3viles Jimdo se adaptan al tama\u00f1o de cualquier pantalla sin que tengas que hacer nada.<\/p>\n\n\n\n

No obstante, si a\u00fan te sigues preguntando qu\u00e9 m\u00e1s puedes hacer para crear la mejor p\u00e1gina web optimizada para m\u00f3viles, o si te da curiosidad conocer los beneficios del dise\u00f1o m\u00f3vil, sigue leyendo los consejos que te brindamos en este art\u00edculo.
<\/p>\n\n\n\n

La importancia de una p\u00e1gina web adaptada a dispositivos m\u00f3viles<\/h2>\n\n\n\n

La mayor\u00eda de las personas usan dispositivos m\u00f3viles<\/strong>: el uso de p\u00e1ginas web m\u00f3viles (es decir, el acceso a una web desde un smartphone o una tablet mientras estamos de un lugar a otro) ha ido en aumento en los \u00faltimos a\u00f1os. En el 2015, Google anunci\u00f3 que, por primera vez, las personas estaban realizando m\u00e1s b\u00fasquedas desde dispositivos m\u00f3viles que desde ordenadores o port\u00e1tiles.<\/p>\n\n\n\n

Con la optimizaci\u00f3n m\u00f3vil puedes mejorar tu posicionamiento en Google<\/strong>. Existe un beneficio muy importante para el SEO de tu web al tenerla optimizada, ya que Google prioriza las p\u00e1ginas web m\u00f3viles en los resultados de b\u00fasquedas que se realizan desde smartphones. Esto implica que si alguien busca \u201cpizza\u201d en un tel\u00e9fono, Google va a mostrarle a esa persona los sitios web de lugares cercanos que est\u00e9n optimizados.<\/p>\n\n\n\n

\"Captura
Disponer de una p\u00e1gina web optimizada para dispositivos m\u00f3viles es muy importante para las pymes y los negocios locales. <\/figcaption><\/figure>\n\n\n\n

Los clientes m\u00f3viles suelen vivir cerca y consumir m\u00e1s.<\/strong> Las personas que visitan tu web desde un dispositivo m\u00f3vil por lo general viven cerca y est\u00e1n dispuestas a comprar ya que andan en la calle. Si buscas \u201cpizza\u201d desde tu tel\u00e9fono, seguramente quieras una pizza en ese preciso momento y quieres alguna que se encuentre cerca.
Si bien es com\u00fan que los clientes a\u00fan utilicen un ordenador para realizar b\u00fasquedas, leer opiniones y tomar decisiones sobre compras grandes, los consumidores m\u00f3viles quieren entrar en contacto en el momento, por eso es tan importante la optimizaci\u00f3n en b\u00fasquedas locales<\/a>. Una p\u00e1gina web m\u00f3vil puede ayudarles a tus clientes a actuar m\u00e1s r\u00e1pido, y a ti a conseguir m\u00e1s ventas locales.
<\/p>\n\n\n\n

\n
\n

Crea la p\u00e1gina web para tu negocio con Jimdo.<\/h4>\n<\/div>\n\n\n\n
\n
\n
Empezar ahora<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

\u00bfQu\u00e9 es el dise\u00f1o adaptado para m\u00f3viles?<\/h2>\n\n\n\n

Si alguna vez has visitado una p\u00e1gina web desde tu tel\u00e9fono m\u00f3vil y has tenido que entrecerrar los ojos o agrandar y achicar la pantalla para poder verlo todo, sabes lo que es un sitio que no est\u00e1 adaptado a dispositivos m\u00f3viles, y lo frustrante que puede ser.

Por eso recomendamos un dise\u00f1o adaptable. Una p\u00e1gina web con dise\u00f1o responsive se ajusta autom\u00e1ticamente al tipo de dispositivo que usan los visitantes: cambia la resoluci\u00f3n, el tama\u00f1o de im\u00e1gen, los men\u00fas y otras caracter\u00edsticas para su correcta visualizaci\u00f3n en los distintos tama\u00f1os de pantalla.<\/p>\n\n\n\n

\"Imagen
Un sitio web con dise\u00f1o web responsive se adapta a todos los dispositivos m\u00f3viles.<\/figcaption><\/figure>\n\n\n\n

Con una p\u00e1gina web optimizada para m\u00f3viles, no necesitas crear otra web solo para dispositivos m\u00f3viles ni una landing page por separado. Todos tus usuarios podr\u00e1n acceder a la misma p\u00e1gina web desde cualquier dispositivo, y su experiencia al navegar por su sitio ser\u00e1 inmejorable.
<\/p>\n\n\n\n

C\u00f3mo optimizar tu p\u00e1gina web<\/h2>\n\n\n\n

Hay unos pocos pasos simples que puedes dar para mejorar el dise\u00f1o de tu p\u00e1gina web en m\u00f3viles y tablets.<\/p>\n\n\n\n

La prueba de optimizaci\u00f3n para m\u00f3viles de Google:<\/strong> Google ofrece una forma \u00fatil, sencilla y gratuita de diagnosticar varios problemas m\u00f3viles en tu p\u00e1gina web. Solo tienes que dirigirte a la Prueba de optimizaci\u00f3n para m\u00f3viles de Google<\/a> e insertar la direcci\u00f3n URL de tu p\u00e1gina web. Esta prueba te dir\u00e1, por ejemplo, si la letra de tu web es muy peque\u00f1a o si los elementos t\u00e1ctiles, como botones o enlaces, est\u00e1n colocados demasiado juntos para que los visitantes los seleccionen con los dedos. Adem\u00e1s, es una buena forma de revisar la accesibilidad de tu p\u00e1gina web en general<\/a>.
<\/p>\n\n\n\n

Consejos para crear la mejor p\u00e1gina web adaptada para m\u00f3viles<\/h2>\n\n\n\n

Aseg\u00farate de que tus subp\u00e1ginas se carguen r\u00e1pido<\/strong>: es m\u00e1s probable que quienes usan dispositivos m\u00f3viles tengan una conexi\u00f3n a internet m\u00e1s lenta. Por eso, es muy importante que tu sitio web se cargue r\u00e1pido y no consuma todos los datos de tus visitantes. Puedes utilizar herramientas gratuitas para analizar la velocidad de tu p\u00e1gina web y obtener recomendaciones sobre lo que puedes hacer para aumentar la velocidad. Por ejemplo, puedes reducir el tama\u00f1o de im\u00e1genes grandes (ver a continuaci\u00f3n), eliminar extensiones o ventanas emergentes que ralentizan el proceso y reducir la cantidad de hiperv\u00ednculos que utilizas.<\/p>\n\n\n\n

Cambia el tama\u00f1o de tus im\u00e1genes y optim\u00edzalas:<\/strong> \u00bfcrees que las im\u00e1genes en tu p\u00e1gina web son m\u00e1s grandes de lo que en realidad necesitas? Las fotograf\u00edas de las plataformas de fotos de archivo e incluso las que tomas con una buena c\u00e1mara digital pueden llegar a ser archivos de gran tama\u00f1o (como de m\u00e1s de 1MB), y esto puede hacer m\u00e1s lenta tu p\u00e1gina web. La buena noticia es que puedes \u201ccomprimirlas\u201d sin que pierdan la calidad usando una herramienta gratuita, como TinyPNG<\/a> o TinyJPG<\/a>. Tambi\u00e9n puedes cambiar las dimensiones de una foto para reducir su tama\u00f1o (por ejemplo, haci\u00e9ndola de 800 p\u00edxeles de ancho en lugar de 2000 p\u00edxeles).<\/p>\n\n\n\n

Utiliza un men\u00fa de navegaci\u00f3n simple y corto<\/strong>: si el men\u00fa de navegaci\u00f3n de tu p\u00e1gina web es complejo, con muchas p\u00e1ginas y subp\u00e1ginas, ser\u00e1 m\u00e1s dif\u00edcil para quienes acceden desde un dispositivo m\u00f3vil encontrar lo que est\u00e1n buscando r\u00e1pidamente. En t\u00e9rminos m\u00e1s pr\u00e1cticos, les resultar\u00e1 m\u00e1s dif\u00edcil encontrar y tocar el enlace correcto con el dedo. Crear un men\u00fa de navegaci\u00f3n m\u00e1s corto y simple <\/a>te ayudar\u00e1 y, adem\u00e1s, har\u00e1 que tu p\u00e1gina web sea m\u00e1s f\u00e1cil de visitar tambi\u00e9n para quienes lo hacen desde el ordenador.<\/p>\n\n\n\n

Incluye informaci\u00f3n de contacto clara<\/strong>: como es probable que los clientes m\u00f3viles quieran ponerse en contacto, aseg\u00farate de que en tu p\u00e1gina de inicio no sea necesario desplazarse demasiado para llegar a los datos de contacto. Adem\u00e1s, procura siempre poner un n\u00famero de tel\u00e9fono y una direcci\u00f3n de correo electr\u00f3nico donde se pueda hacer clic directamente, ya que rellenar un formulario de contacto desde el m\u00f3vil puede llevar mucho tiempo y resultar tedioso.<\/p>\n\n\n\n

Muestra primero el contenido m\u00e1s importante:<\/strong> los visitantes de p\u00e1ginas web quieren encontrar la informaci\u00f3n que necesitan de forma r\u00e1pida y, m\u00e1s a\u00fan, si lo hacen con el m\u00f3vil desde cualquier lugar.<\/p>\n\n\n\n

Utiliza botones y letra grande<\/strong>: Las personas que usan dispositivos m\u00f3viles necesitan un tipo de letra y botones call to action (CTA)<\/a> incluso m\u00e1s grandes de lo que t\u00fa piensas para poder navegar sin problemas por una p\u00e1gina web.<\/p>\n\n\n\n

La mejor forma de comprobarlo es revisar los diferentes modos de vista previa. As\u00ed podr\u00e1s ver c\u00f3mo aparece tu web en diferentes pantallas y analizarlo con tus propios ojos. O mejor a\u00fan, p\u00eddele a un amigo o a un familiar (alguien que use gafas) que pruebe entrar a tu p\u00e1gina web<\/a> y te diga qu\u00e9 opina.

No incluyas animaciones con flash<\/strong>: ni los efectos de flash ni las animaciones funcionan en iPhones o iPads. Por lo tanto, una gran parte de tu p\u00fablico no tendr\u00e1 acceso al contenido de tu p\u00e1gina web. Si usas Jimdo, \u00a1est\u00e1s de suerte! Todas nuestras p\u00e1ginas usan el HTML5 m\u00e1s actualizado, al que se puede acceder desde cualquier tipo de tel\u00e9fono inteligente o tabletas.
<\/p>\n\n\n\n

\n
\n

Crea la p\u00e1gina web para tu negocio con Jimdo.<\/h4>\n<\/div>\n\n\n\n
\n
\n
Empezar ahora<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

Errores que debemos evitar<\/h2>\n\n\n\n