{"id":15575,"date":"2018-02-03T13:06:43","date_gmt":"2018-02-03T12:06:43","guid":{"rendered":"https:\/\/www.eduweb.es\/?p=15575"},"modified":"2023-10-04T14:58:51","modified_gmt":"2023-10-04T12:58:51","slug":"desenvolupament-web-per-que-el-teu-web-necessita-ser-responsive","status":"publish","type":"post","link":"https:\/\/www.eduweb.es\/ca-ES\/desenvolupament-web-per-que-el-teu-web-necessita-ser-responsive\/","title":{"rendered":"Desenvolupament web &#8211; per qu\u00e8 el teu web necessita ser responsive"},"content":{"rendered":"<div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-right:0px;--awb-padding-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1248px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-text fusion-text-1\"><p>Hoy en d\u00eda las personas tienen acceso a m\u00e1s informaci\u00f3n que nunca y todo se debe a Internet. Pero la gente ya no solo navega y busca en internet desde un escritorio sentadita, sin\u00f3 que tambi\u00e9n usan port\u00e1tiles, smartphones, tabletas e incluso televisores inteligentes. <strong>\u00bfSabes lo que esto significa?<\/strong> Significa que tu p\u00e1gina web la ver\u00e1n desde todos estos dispositivos y por lo tanto, debes asegurarte de que el dise\u00f1o responda adecuadamente.<\/p>\n<p>\u00bfQu\u00e9 es un <strong>dise\u00f1o de paginas web\u00a0responsive<\/strong> te preguntas? Es una p\u00e1gina web que se adapta a cualquier pantalla, lo que hace que la audiencia lvea tu p\u00e1gina web perfecta desde diferentes dispositivos. Es decir, tu p\u00e1gina web se transformar\u00e1 para ajustarse a la pantalla en la que se est\u00e1 viendo sin la necesidad de pellizcar o desplazarse horizontalmente , proporcionando a los visitantes una excelente experiencia de usuario mientras navega por \u00e9lla.<\/p>\n<p>Ahora&#8230; si crees que puedes vivir sin un <a href=\"https:\/\/www.eduweb.es\/diseno-web-responsive\/\">dise\u00f1o de p\u00e1gina web responsive<\/a> , te recomendamos echar un vistazo a algunas de las estad\u00edsticas que giran en torno a la importancia de implementarlo en tu web:<\/p>\n<\/div><div class=\"fusion-image-element \" style=\"--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);\"><span class=\" fusion-imageframe imageframe-none imageframe-1 hover-type-none\"><img decoding=\"async\" width=\"800\" height=\"1771\" title=\"desarrollo-web-responsive-infografia-eduweb\" src=\"https:\/\/www.eduweb.es\/ca-ES\/wp-content\/uploads\/2018\/04\/desarrollo-web-responsive-infografia-eduweb.jpg\" data-orig-src=\"https:\/\/www.eduweb.es\/ca-ES\/wp-content\/uploads\/2018\/04\/desarrollo-web-responsive-infografia-eduweb.jpg\" alt class=\"lazyload img-responsive wp-image-15579\" srcset=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27800%27%20height%3D%271771%27%20viewBox%3D%270%200%20800%201771%27%3E%3Crect%20width%3D%27800%27%20height%3D%271771%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-srcset=\"https:\/\/www.eduweb.es\/ca-ES\/wp-content\/uploads\/2018\/04\/desarrollo-web-responsive-infografia-eduweb-200x443.jpg 200w, https:\/\/www.eduweb.es\/ca-ES\/wp-content\/uploads\/2018\/04\/desarrollo-web-responsive-infografia-eduweb-400x886.jpg 400w, https:\/\/www.eduweb.es\/ca-ES\/wp-content\/uploads\/2018\/04\/desarrollo-web-responsive-infografia-eduweb-600x1328.jpg 600w, https:\/\/www.eduweb.es\/ca-ES\/wp-content\/uploads\/2018\/04\/desarrollo-web-responsive-infografia-eduweb.jpg 800w\" data-sizes=\"auto\" data-orig-sizes=\"(max-width: 700px) 100vw, 800px\" \/><\/span><\/div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-top:10px;margin-bottom:10px;width:100%;\"><\/div><div class=\"fusion-text fusion-text-2\"><h2>Lo malo<\/h2>\n<p>Los usuarios se han acostumbrado a la carga r\u00e1pida y a los sitios visualmente atractivos, sin importar desde d\u00f3nde acceden a Internet. Se han acostumbrado tanto a esto que el <strong>40%<\/strong> de los usuarios abandonar\u00e1 una p\u00e1gina web si tarda <strong>m\u00e1s de 3 segundos en cargar y el 70%<\/strong> eliminar\u00e1 inmediatamente los correos electr\u00f3nicos que no se procesan correctamente en sus dispositivos m\u00f3viles. Adem\u00e1s, el<strong> 38%\u00a0<\/strong> dejar\u00e1 de participar en una web que tenga un dise\u00f1o poco atractivo.\u00a0 Ya ves que el hecho de no tener un dise\u00f1o de sitio web responsive puede conducir a la p\u00e9rdida de visitantes y en \u00faltima instancia, a disminuir las conversiones (contactos, ventas, navegaci\u00f3n, solicitudes de informaci\u00f3n&#8230;)<\/p>\n<p><strong>El dise\u00f1o de una p\u00e1gina web tiene un impacto superior a lo que generalmente se cree<\/strong>. De hecho, estad\u00edsticas indican que el <strong>94%<\/strong> de usuarios comentan que\u00a0 los\u00a0 malos dise\u00f1os\u00a0 son la raz\u00f3n principal por la que desconf\u00edan o rechazan a un pagina web. Adem\u00e1s, casi la mitad de los usuarios, el <strong>48%<\/strong>, consideran el dise\u00f1o web como el factor n\u00famero uno para determinar la credibilidad de una empresa.<\/p>\n<h2>Lo bueno<\/h2>\n<p>Sabemos que no tener un dise\u00f1o responsive penalizar\u00e1 a\u00a0 tu negocio, pero <strong>\u00bfcu\u00e1les son exactamente los beneficios de implementar este tipo de dise\u00f1o en tu p\u00e1gina web?<\/strong> Bueno, para empezar, el <strong>45%<\/strong> de los usuarios de entre 18 y 29 a\u00f1os usan sus smartphones a diario para buscar en internet y el 90%, ya sean jovenes o no, navegan desde el m\u00f3vil . Por lo tanto, tu nueva p\u00e1gina web responsive responder\u00e1 mejor al mercado de los m\u00e1s j\u00f3venes a la vez que ofrecer\u00e1 mejores tasas de conversi\u00f3n en general para todos.<\/p>\n<p><strong>\u00bfTienes una <a href=\"https:\/\/www.eduweb.es\/ecommerce-tiendas-online\/\">tienda online<\/a> ?<\/strong> Bueno, un dise\u00f1o responsive puede ser extremadamente lucrativo para tu negocio. <strong>Cuatro de cada cinco<\/strong> consumidores compran online usando sus tel\u00e9fonos inteligentes y el <strong>67%<\/strong> de los compradores online tienen m\u00e1s probabilidades de comprar en sitios optimizados para dispositivos m\u00f3viles. De hecho, el <strong>64%<\/strong> de los sitios web compatibles con tablets y el <strong>62%<\/strong>\u00a0 optimizados para dispositivos m\u00f3viles experimentaron un aumento en sus ventas a posteriori.<\/p>\n<p>Otro beneficio de ser responsive es un mayor <a href=\"https:\/\/www.eduweb.es\/seo-posicionamiento-en-buscadores\/\">SEO<\/a>. <strong>Google<\/strong> lanz\u00f3 un algoritmo que realmente priorizaba en su buscador las webs responsive, por lo que las p\u00e1ginas web no optimizadas para dispositivos m\u00f3viles se clasifican por debajo de las que s\u00ed lo hacen. Adem\u00e1s, la simple realidad de cu\u00e1n populares se han vuelto los dispositivos m\u00f3viles para navegar\u00a0 respalda la necesidad de proporcionar un <a href=\"https:\/\/www.eduweb.es\/diseno-desarrollo-paginas-web\/\">dise\u00f1o web<\/a> impecable en estas plataformas.<\/p>\n<h2>La conlusi\u00f3n<\/h2>\n<p>Si no tienes una <a href=\"https:\/\/www.eduweb.es\/diseno-web-responsive\/\">p\u00e1gina web responsive<\/a> tu negocio sufrir\u00e1 \u00abda\u00f1os graves\u00bb. Los usuarios abandonar\u00e1n tu web, adem\u00e1s de por si carga lenta,\u00a0 si el contenido est\u00e1 desordenado mientras la visistan desde su smatphone; lo m\u00e1s probable es que piensen que tu negocio no es cre\u00edble ni de confianza. Por lo tanto, redise\u00f1ar tu p\u00e1gina web para que sea responsive dar\u00e1 lugar a una mayor conversi\u00f3n, una mejor posici\u00f3n en los buscadores y proporcionar\u00e1 una mejor experiencia de usuario en general. Internet se mueve r\u00e1pido y si no tienes un dise\u00f1o de tu web responsive est\u00e1s en grave peligro y tu competencia lo agradecer\u00e1.<\/p>\n<\/div><\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Si no tienes una p\u00e1gina web responsive tu negocio sufrir\u00e1 \u00abda\u00f1os graves\u00bb. Los usuarios  abandonar\u00e1n tu web, adem\u00e1s de si carga lenta,  si el contenido  est\u00e1 desordenado mientras la ven desde su smatphone. Si crees que puedes vivir sin un dise\u00f1o de p\u00e1gina web responsive , te recomendamos echar un vistazo a algunas de las estad\u00edsticas que giran en torno a la importancia de implementarlo en tu p\u00e1gina web, son muy esclarecedoras &#8230;<\/p>\n","protected":false},"author":1,"featured_media":15578,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,6],"tags":[19,34,39,43,83,12,90,93],"class_list":["post-15575","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-disseny-web","category-seo","tag-barcelona","tag-desenvolupament-web","tag-disseny-web","tag-email-marketing","tag-posicionament","tag-responsive","tag-seo","tag-startup"],"_links":{"self":[{"href":"https:\/\/www.eduweb.es\/ca-ES\/wp-json\/wp\/v2\/posts\/15575","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.eduweb.es\/ca-ES\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.eduweb.es\/ca-ES\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.eduweb.es\/ca-ES\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.eduweb.es\/ca-ES\/wp-json\/wp\/v2\/comments?post=15575"}],"version-history":[{"count":1,"href":"https:\/\/www.eduweb.es\/ca-ES\/wp-json\/wp\/v2\/posts\/15575\/revisions"}],"predecessor-version":[{"id":19963,"href":"https:\/\/www.eduweb.es\/ca-ES\/wp-json\/wp\/v2\/posts\/15575\/revisions\/19963"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.eduweb.es\/ca-ES\/wp-json\/wp\/v2\/media\/15578"}],"wp:attachment":[{"href":"https:\/\/www.eduweb.es\/ca-ES\/wp-json\/wp\/v2\/media?parent=15575"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.eduweb.es\/ca-ES\/wp-json\/wp\/v2\/categories?post=15575"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.eduweb.es\/ca-ES\/wp-json\/wp\/v2\/tags?post=15575"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}