{"id":262946,"date":"2023-03-25T07:30:00","date_gmt":"2023-03-25T04:30:00","guid":{"rendered":"https:\/\/inform.click\/11-pasos-para-crear-un-sitio-web-compatible-con-dispositivos-moviles\/"},"modified":"2023-03-25T07:30:00","modified_gmt":"2023-03-25T04:30:00","slug":"11-pasos-para-crear-un-sitio-web-compatible-con-dispositivos-moviles","status":"publish","type":"post","link":"https:\/\/inform.click\/es\/11-pasos-para-crear-un-sitio-web-compatible-con-dispositivos-moviles\/","title":{"rendered":"11 pasos para crear un sitio web compatible con dispositivos m\u00f3viles"},"content":{"rendered":"<p>\n  Lo primero es lo primero. Si su sitio web puede ser accedido y visto a trav\u00e9s de un dispositivo m\u00f3vil, eso es genial. Sin embargo, todav\u00eda tiene mucho trabajo por hacer antes de que pueda declararse compatible con dispositivos m\u00f3viles.\n<\/p>\n<p>\n  Los usuarios de dispositivos m\u00f3viles no solo deben poder ver su sitio web y leer su contenido, sino que tambi\u00e9n deben tener acceso a todas sus funciones.\n<\/p>\n<p>\n  La cantidad de usuarios de dispositivos m\u00f3viles se ha disparado en los \u00faltimos a\u00f1os y est\u00e1n usando esos dispositivos para acceder a Internet. Hubo un momento en el que los usuarios de dispositivos m\u00f3viles estaban contentos de tener las funcionalidades de enviar mensajes de texto, correos electr\u00f3nicos, hacer llamadas telef\u00f3nicas y hacer un poco de navegaci\u00f3n limitada. Hoy, esperan poder hacer casi todo lo que hacen en el escritorio en sus dispositivos m\u00f3viles. Esto incluye:\n<\/p>\n<ul>\n<li>Investigaci\u00f3n de productos y servicios.\n  <\/li>\n<li>Viendo videos\n  <\/li>\n<li>Mirando im\u00e1genes y descripciones de productos.\n  <\/li>\n<li>Ir de compras y hacer compras\n  <\/li>\n<li>Suscribirse a ofertas\n  <\/li>\n<li>Consumir noticias y otros contenidos\n  <\/li>\n<\/ul>\n<p>\n  Si los visitantes de su sitio web notan que solo pueden disfrutar de una experiencia de usuario limitada, es muy probable que vayan a otro lado.\n<\/p>\n<p>\n  Si desea optimizar su sitio web para que sea realmente compatible con dispositivos m\u00f3viles, siga leyendo. Estos 11 pasos te ayudar\u00e1n a empezar.\n<\/p>\n<h5>\n  1 Elimine la necesidad de pellizcar y la navegaci\u00f3n a dos manos<br \/>\n<\/h5>\n<p>\n  Aqu\u00ed hay una prueba simple pero muy importante que todo dise\u00f1ador web debe realizar en cada p\u00e1gina web que dise\u00f1e. Abra la p\u00e1gina web en cuesti\u00f3n en su tel\u00e9fono inteligente. Ahora, coloque ese dispositivo en su &#8216;mano de tel\u00e9fono' preferida. \u00bfPuede navegar por la p\u00e1gina sin tener que usar la otra mano? \u00bfPuedes leer el texto sin tener que pellizcar y acercar o alejar, o sin desplazarte? Si no puede hacer ninguna de estas cosas, es hora de hacer algunos cambios.\n<\/p>\n<p>\n  Uno de los factores clave de conveniencia de usar un dispositivo m\u00f3vil es que solo requiere que participe con una mano. Lo que no quiere hacer es quitarles esa comodidad a las personas que le gustar\u00eda que compraran sus productos y servicios.\n<\/p>\n<h5>\n  2 Centrarse en la simplicidad<br \/>\n<\/h5>\n<p>\n  Puede haber suficiente espacio y ancho de banda para videos, im\u00e1genes y mucho contenido en sus usuarios de escritorio, pero ese no es el caso para sus usuarios m\u00f3viles. Debido a esto, debe concentrarse en crear un dise\u00f1o limpio y simple que enfatice la funcionalidad sobre varias caracter\u00edsticas. Piense en las cosas que los visitantes de su sitio web m\u00f3vil querr\u00e1n ver y hacer en el momento en que lleguen a su p\u00e1gina de inicio. Aseg\u00farese de que estas cosas est\u00e9n inmediatamente disponibles para ellos cuando se abra su sitio. Luego, enf\u00f3cate en el tiempo de carga de la p\u00e1gina. Solo despu\u00e9s de que se hayan logrado esas dos cosas, debe considerar si tiene o no espacio para otra funci\u00f3n.\n<\/p>\n<h5>\n  3 Utilice un marco tecnol\u00f3gico que sea receptivo<br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-260980-6382483a6522d.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-260980-6382483a6522d.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Los marcos de dise\u00f1o receptivo son extremadamente valiosos para los dise\u00f1adores web que se preocupan por crear sitios web compatibles con dispositivos m\u00f3viles. Esencialmente, herramientas como Bootstrap permiten a los dise\u00f1adores dise\u00f1ar los elementos de cada p\u00e1gina web en una cuadr\u00edcula. Luego, las dimensiones de esa cuadr\u00edcula se pueden ajustar para una variedad de tama\u00f1os de pantalla. El resultado es que el texto, los \u00edconos, las im\u00e1genes, los botones, etc. est\u00e1n espaciados como deber\u00edan. Esto asegura que cada usuario tenga una experiencia similar, independientemente de si est\u00e1 usando una computadora de escritorio, una computadora port\u00e1til, un tel\u00e9fono inteligente o una tableta. A\u00fan mejor, no tiene que mantener un sitio web separado para dispositivos m\u00f3viles.\n<\/p>\n<h5>\n  4 Optimizar im\u00e1genes para dispositivos m\u00f3viles<br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-260980-6382483c5804e.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-260980-6382483c5804e.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  El Internet para dispositivos m\u00f3viles es simplemente m\u00e1s lento que el Internet que proporcionan las compa\u00f1\u00edas de cable y tel\u00e9fono, y otros proveedores de servicios. Dos elementos que realmente pueden impactar esto son los videos y las im\u00e1genes. No desea eliminar estos elementos por completo. Despu\u00e9s de todo, a los usuarios m\u00f3viles en general les encanta el contenido visual. Sin embargo, desea optimizar tanto como pueda. Aqu\u00ed hay algunos pasos que puede seguir para ayudar a mejorar la velocidad y el rendimiento al usar im\u00e1genes:\n<\/p>\n<ul>\n<li>Ofrecer versiones de im\u00e1genes de baja resoluci\u00f3n a los usuarios\n  <\/li>\n<li>Optimice las im\u00e1genes para el tama\u00f1o y la relaci\u00f3n de aspecto espec\u00edficos del dispositivo\n  <\/li>\n<li>Tenga en cuenta JQuery si JavaScript es demasiado dif\u00edcil de manejar\n  <\/li>\n<\/ul>\n<h5>\n  5 En lugar de texto siempre que sea posible<br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-260980-6382483e8d5d9.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-260980-6382483e8d5d9.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Los \u00edconos funcionan bien porque son esencialmente una forma abreviada de Internet que todos hemos acordado que significan ciertas cosas. Por ejemplo, los botones para compartir en redes sociales son reconocibles instant\u00e1neamente para cualquier persona que haya estado usando un dispositivo m\u00f3vil durante un per\u00edodo de tiempo. Lo mismo ocurre con los botones para enviar correos electr\u00f3nicos, llamar o acceder al men\u00fa del sitio web.\n<\/p>\n<p>\n  El uso de estos \u00edconos amigables para dispositivos m\u00f3viles lo ayuda a lograr dos cosas. Primero, ahorra un valioso espacio en la pantalla en lugar de usar texto. Adem\u00e1s de eso, tambi\u00e9n comunica a las personas que usan su sitio web que se ha tomado el tiempo para considerar a los usuarios m\u00f3viles en su dise\u00f1o.\n<\/p>\n<h5>\n  6 Mantenga el contenido breve<br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-260980-638248404ea86.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-260980-638248404ea86.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Esta es un \u00e1rea en la que muchos dise\u00f1adores web y especialistas en marketing de contenido tienen un peque\u00f1o dilema. El contenido de formato largo se est\u00e1 volviendo cada vez m\u00e1s popular, especialmente entre los que toman decisiones, pero simplemente no se adapta muy bien a los dispositivos m\u00f3viles. La pregunta es, \u00bfes mejor limitar o eliminar el contenido de formato largo en el m\u00f3vil, o publicarlo de todos modos y dejar la elecci\u00f3n del consumo al usuario? La mejor manera de responder a estas preguntas es tener en cuenta el comportamiento t\u00edpico de los usuarios m\u00f3viles.\n<\/p>\n<p>\n  Para su sitio web en particular, puede confiar en el an\u00e1lisis para tener una idea de lo que est\u00e1n haciendo sus usuarios m\u00f3viles y lo que no. Sin embargo, los usuarios m\u00f3viles tienden a usar sus dispositivos para mantenerse conectados en las redes sociales, consumir noticias, escuchar m\u00fasica, comprar y leer contenido que tiende a ser m\u00e1s breve que no. Ahora bien, esto no significa que nunca se deba considerar el contenido de formato largo para dispositivos m\u00f3viles. Tiene este lugar. Otro uso com\u00fan de los dispositivos m\u00f3viles es encontrar soluciones a problemas. Si tiene una pieza de contenido de formato largo que, por ejemplo, puede guiar a un usuario m\u00f3vil a trav\u00e9s del proceso de resoluci\u00f3n de un problema, entonces debe ponerlo a su disposici\u00f3n.\n<\/p>\n<h5>\n  7 Haga que la informaci\u00f3n de contacto y ubicaci\u00f3n sea f\u00e1cil de encontrar<br \/>\n<\/h5>\n<p>\n  Si opera un sitio web que se enfoca en el humor, el entretenimiento, las noticias, la selecci\u00f3n de contenido de tendencias, las citas o si opera una plataforma de redes sociales, las personas pueden visitar su sitio web en sus dispositivos m\u00f3viles con el fin de navegar. De lo contrario, es muy probable que una persona que abra su sitio web en un dispositivo m\u00f3vil quiera contactarlo o averiguar d\u00f3nde se encuentra. La mejor manera de ayudarlos es poner esa informaci\u00f3n a su disposici\u00f3n tan pronto como se abra su p\u00e1gina de inicio.\n<\/p>\n<p>\n  Si tiene una ubicaci\u00f3n f\u00edsica, es posible que desee asegurarse de que esta informaci\u00f3n tambi\u00e9n se incluya en sus p\u00e1ginas de destino. Si las personas navegan despu\u00e9s de responder una llamada a la acci\u00f3n de uno de sus anuncios, no querr\u00e1 que tengan que buscar para saber exactamente d\u00f3nde se encuentra.\n<\/p>\n<h5>\n  8 Pruebe a fondo la experiencia del usuario m\u00f3vil<br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-260980-6382484216efd.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-260980-6382484216efd.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Estas son las cosas que debe tener en cuenta cuando se trata de dise\u00f1ar sitios web compatibles con dispositivos m\u00f3viles:\n<\/p>\n<ul>\n<li>Hay una variedad de tama\u00f1os de pantalla\n  <\/li>\n<li>Hay una variedad de sistemas operativos que ejecutan dispositivos m\u00f3viles\n  <\/li>\n<li>Los usuarios pueden acceder a su sitio web utilizando una variedad de navegadores de Internet\n  <\/li>\n<\/ul>\n<p>\n  Tener en cuenta estos tres hechos significa que existen m\u00faltiples combinaciones posibles de sistemas operativos, tama\u00f1o de pantalla y elecci\u00f3n de navegador. Su objetivo, para terminar su pr\u00f3ximo proyecto de dise\u00f1o web, debe ser probar tantas combinaciones posibles como sea posible para que pueda asegurarse de que cada usuario disfrute de una gran experiencia m\u00f3vil. Puede usar una aplicaci\u00f3n como UxRecorder para ayudar con algunas de estas pruebas.\n<\/p>\n<h5>\n  9 Usar geolocalizaci\u00f3n<br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-260980-63824843c6e8d.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-260980-63824843c6e8d.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  La geolocalizaci\u00f3n es extremadamente \u00fatil para los usuarios m\u00f3viles. Si implementa esta tecnolog\u00eda en su sitio web, los visitantes podr\u00e1n encontrar ubicaciones de tiendas cercanas, trazar direcciones desde su ubicaci\u00f3n a la suya y verificar la disponibilidad de productos en su tienda local. Como empresa, podr\u00e1 orientar el contenido espec\u00edficamente a un \u00e1rea geogr\u00e1fica, hacer ofertas a usuarios en ubicaciones espec\u00edficas, cotizar art\u00edculos en la moneda local y alentar a los usuarios a registrarse o agregar sus conocimientos en sitios de redes sociales que est\u00e1n divididos por ubicaci\u00f3n.\n<\/p>\n<h5>\n  10 Optimice sus formularios para dispositivos m\u00f3viles<br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-260980-63824845dd01c.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-260980-63824845dd01c.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Idealmente, ninguno de sus formularios debe ser excesivamente largo, ni debe usarlos para tratar de extraer un mont\u00f3n de informaci\u00f3n de sus usuarios con fines de marketing. Es irritante y es probable que impida que las personas se suscriban a sus ofertas. Con los usuarios m\u00f3viles, esto es doblemente cierto. Por eso es muy importante que sus formularios sean breves, intuitivos y que se puedan completar r\u00e1pidamente.\n<\/p>\n<p>\n  Puede hacer esto solo solicitando la informaci\u00f3n que necesita para darles lo que se est\u00e1n registrando, brind\u00e1ndoles casillas de verificaci\u00f3n y men\u00fas desplegables, y usando su ubicaci\u00f3n para completar algunos campos para ellos.\n<\/p>\n<h5>\n  11 Fomente la retroalimentaci\u00f3n<br \/>\n<\/h5>\n<p>\n  Recuerde que sus usuarios no caminan al un\u00edsono con &#8216;otros usuarios m\u00f3viles' o cualquier otro grupo demogr\u00e1fico. Son sus clientes y clientes potenciales y tienen necesidades y comportamientos \u00fanicos. Estos est\u00e1n impulsados \u200b\u200ben parte por sus propias preferencias, pero tambi\u00e9n por sus deseos y necesidades espec\u00edficos relacionados directamente con el uso de su sitio web.\n<\/p>\n<p>\n  \u00bfQu\u00e9 significa esto? Significa que puede crear una versi\u00f3n perfecta de libro de texto de un sitio web m\u00f3vil que simplemente no funciona muy bien para sus usuarios. Tambi\u00e9n puede desarrollar un sitio web que la gente de SEO y otros dise\u00f1adores web insisten en que nunca funcionar\u00e1 para sus usuarios y que satisfaga absolutamente las necesidades de su audiencia.\n<\/p>\n<p>\n  Por eso es tan importante recibir comentarios de los usuarios. Los an\u00e1lisis son maravillosos, pero no sustituyen a escuchar lo que los clientes tienen que decir. Es posible que pueda usar an\u00e1lisis para determinar que muchas personas pasan tiempo en una p\u00e1gina en particular. Lo que los an\u00e1lisis no pueden decirle es que est\u00e1n en esa p\u00e1gina por necesidad, pero odian la forma en que est\u00e1 dise\u00f1ada. T\u00f3mese el tiempo para leer los comentarios que le env\u00edan sus visitantes y considere crear una encuesta espec\u00edficamente para usuarios m\u00f3viles. Luego puede usar la informaci\u00f3n que obtiene de ellos para determinar qu\u00e9 funciona bien y qu\u00e9 debe revisarse.\n<\/p>\n<h4>\n  Conclusi\u00f3n<br \/>\n<\/h4>\n<p>\n  No se detenga en la simple compatibilidad m\u00f3vil. Aproveche el creciente n\u00famero de usuarios m\u00f3viles y cree una experiencia de usuario que realmente satisfaga sus deseos, necesidades y expectativas. Los usuarios de dispositivos m\u00f3viles ya no est\u00e1n contentos con sitios web que funcionan razonablemente bien en dispositivos m\u00f3viles. Exigen una funcionalidad completa y caracter\u00edsticas dise\u00f1adas espec\u00edficamente para ellos.\n<\/p>\n<p>\n  Ya sea que est\u00e9 dise\u00f1ando un nuevo sitio web o tomando uno existente de vuelta a la mesa de dibujo, puede ser el momento de considerar una primera estrategia m\u00f3vil. Despu\u00e9s de todo, \u00bfno es un buen negocio considerar primero a su audiencia de m\u00e1s r\u00e1pido crecimiento?\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  Fuente de grabaci\u00f3n: <a target=\"_blank\" rel=\"noopener nofollow\" data-pssr=\"\" href=\"http:\/\/www.instantshift.com\/2016\/04\/11\/creating-mobile-friendly-website\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Lo primero es lo primero. Si su sitio web puede ser accedido y visto a trav\u00e9s de un dispositivo m\u00f3vil, eso es genial. Sin embargo, todav\u00eda tiene mucho trabajo por hacer antes de que pueda declararse compatible con dispositivos m\u00f3viles. Los usuarios de dispositivos m\u00f3viles no solo deben poder ver su sitio web y leer su contenido, sino que tambi\u00e9n deben tener acceso a todas sus funciones. La cantidad de usuarios de dispositivos m\u00f3viles se ha disparado en los \u00faltimos a\u00f1os y est\u00e1n usando esos dispositivos para acceder a Internet. Hubo un momento en el que los usuarios de dispositivos m\u00f3viles estaban contentos de tener las funcionalidades de mensajes de texto, correos electr\u00f3nicos, llamadas telef\u00f3nicas&#8230;<\/p>\n","protected":false},"author":1,"featured_media":180172,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[151,229,60],"tags":[],"class_list":["post-262946","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-consejos-y-trucos-web","category-libros-de-texto","category-web-y-wordpress"],"_links":{"self":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/posts\/262946","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/comments?post=262946"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/posts\/262946\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/media\/180172"}],"wp:attachment":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/media?parent=262946"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/categories?post=262946"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/tags?post=262946"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}