{"id":2009,"date":"2021-02-12T09:00:00","date_gmt":"2021-02-12T12:00:00","guid":{"rendered":"https:\/\/4topiso.com\/?p=2009"},"modified":"2021-02-12T02:08:18","modified_gmt":"2021-02-12T05:08:18","slug":"que-es-el-diseno-web-responsive-y-por-que-debes-adoptarlo","status":"publish","type":"post","link":"https:\/\/4topiso.com\/index.php\/2021\/02\/12\/que-es-el-diseno-web-responsive-y-por-que-debes-adoptarlo\/","title":{"rendered":"Qu\u00e9 es el dise\u00f1o web responsive y por qu\u00e9 debes adoptarlo"},"content":{"rendered":"\n
\"Dise\u00f1o<\/figure>\n\n\n\n

<\/a><\/a><\/a><\/p>\n\n\n\n

Seguramente hayas escuchado hablar alguna vez del dise\u00f1o web responsive pero, \u00bfrealmente sabes qu\u00e9 es y c\u00f3mo funciona? No te pierdas este art\u00edculo en el que lo explicamos con detalle.<\/p>\n\n\n\n

\u00bfQu\u00e9 es y c\u00f3mo funciona una web responsive?<\/h2>\n\n\n\n

Una web responsive es aquella que adapta su dise\u00f1o y reorganiza sus contenidos en funci\u00f3n del tama\u00f1o y orientaci\u00f3n de la pantalla del dispositivo utilizado<\/strong>.<\/p>\n\n\n\n

Se trata de una t\u00e9cnica de desarrollo web que detecta el ancho de pantalla del navegador y adapta todos los elementos de la p\u00e1gina al mismo<\/strong>. Men\u00fas, tama\u00f1os de letra, im\u00e1genes, etc.<\/p>\n\n\n\n

Siempre se env\u00eda el mismo c\u00f3digo HTML a todos los dispositivos<\/strong>, por lo que no es necesario redireccionar al usuario y se mantiene una \u00fanica URL. El dise\u00f1o y contenido se ajusta al dispositivo a trav\u00e9s de c\u00f3digo CSS<\/strong>.<\/p>\n\n\n\n

Como buenas pr\u00e1cticas, se recomienda usar temas responsive, establecer el tama\u00f1o de los elementos en relaci\u00f3n a su contenedor o al ancho de vista y la utilizaci\u00f3n de una estructura de cuadr\u00edcula CSS Grid<\/strong>.<\/p>\n\n\n\n

\u00bfPor qu\u00e9 necesitas una web responsive?<\/h2>\n\n\n\n

En la \u00faltima d\u00e9cada el n\u00famero de dispositivos que utilizamos para acceder a internet ha crecido de forma imparable<\/strong>. Atr\u00e1s quedan los tiempos en los que el PC era el \u00fanico dispositivo que nos permit\u00eda conectarnos a la red. Hoy en d\u00eda accedemos a internet a trav\u00e9s de nuestros m\u00f3viles, tablets, televisiones, relojes, frigor\u00edficos, etc<\/strong>.<\/p>\n\n\n\n

Esto implica que un mismo sitio web debe ser compatible con m\u00faltiples dispositivos, resoluciones de pantalla y navegadores <\/strong>y tener en cuenta el contenido, dise\u00f1o y rendimiento en cada uno de ellos para ofrecer una experiencia de navegaci\u00f3n \u00f3ptima.<\/p>\n\n\n\n

\"Mobile<\/figure>\n\n\n\n

La era del mobile-first<\/h4>\n\n\n\n

Seg\u00fan el informe Digital 2021 de We Are Social<\/a>, el m\u00f3vil es el dispositivo m\u00e1s utilizado para navegar en internet y visitar p\u00e1ginas web<\/strong>. Entonces, \u00bfpor qu\u00e9 sigues centrando el dise\u00f1o de tu web en equipos de escritorio y port\u00e1tiles?<\/p>\n\n\n\n

Empieza el dise\u00f1o de tu sitio web a partir del dise\u00f1o m\u00f3vil y luego ad\u00e1ptalo progresivamente a pantallas m\u00e1s grandes<\/strong>. Entra en la era mobile-first.<\/p>\n\n\n\n

Una mejor experiencia de usuario (UX)<\/h4>\n\n\n\n

Una web responsive busca optimizar la experiencia del usuario con independencia del dispositivo, resoluci\u00f3n y navegador que utilice<\/strong>.<\/p>\n\n\n\n

Ya sea desde un smartphone de 4,5 pulgadas o un ordenador de sobremesa de 27, desde una televisi\u00f3n 8k o un monitor de baja resoluci\u00f3n, desde Safari o Chrome, tu sitio web debe funcionar y visualizarse correctamente en cualquier dispositivo<\/strong>.<\/p>\n\n\n\n

Una mejor navegaci\u00f3n y experiencia de usuario, implica un usuario m\u00e1s contento y un aumento de las posibilidades de que retorne a nuestro web<\/strong>.<\/p>\n\n\n\n

Menores costes y ahorro de tiempo<\/h4>\n\n\n\n

A diferencia de las webs adaptativas que poseen dise\u00f1os espec\u00edficos para cada dispositivo, las webs responsivas cuentan con un \u00fanico dise\u00f1o altamente flexible. Aunque el c\u00f3digo utilizado es m\u00e1s complejo,  se ahorran muchos costes en desarrollo y tiempo a la hora de actualizar contenido<\/strong>.<\/p>\n\n\n\n

SEO<\/h4>\n\n\n\n

En abril 2015 Google<\/a> actualiz\u00f3 su algoritmo de b\u00fasqueda y desde aquella penaliza a los sitios webs que no cuentan con un dise\u00f1o responsive<\/strong>. Adem\u00e1s, a partir de marzo de 2021 utilizar\u00e1 el Mobile First Index<\/a>, que usa la versi\u00f3n m\u00f3vil de los sitios web para indexaci\u00f3n y ranking.<\/p>\n\n\n\n

Si tu web no es responsive, cada vez ser\u00e1 m\u00e1s dif\u00edcil de posicionar en el buscador<\/strong> y perder\u00e1s una importante fuente de tr\u00e1fico adem\u00e1s de obtener una alta tasa de rebote<\/a><\/strong>.<\/p>\n\n\n\n

Branding<\/h4>\n\n\n\n

Todos sabemos lo importante que es causar una buena impresi\u00f3n, pero adem\u00e1s tu web y el contenido que publicas en ella debe ser presentado de forma consistente a trav\u00e9s de todos los dispositivos<\/strong>. De esta manera facilitas el recuerdo de marca y transmites mayor seguridad al usuario.<\/p>\n\n\n\n

\u00bfQu\u00e9 debes tener en cuenta para hacer tu web responsive?<\/h2>\n\n\n\n

Tipograf\u00edas<\/h4>\n\n\n\n

Es muy diferente leer en un m\u00f3vil y en un ordenador, por lo que debes asegurarte de que el tama\u00f1o de tus textos se ajuste a las dimensiones y orientaci\u00f3n de cada pantalla para as\u00ed aumentar la legibilidad y ofrecer al usuario una lectura c\u00f3moda<\/strong>.<\/p>\n\n\n\n

Im\u00e1genes y v\u00eddeos<\/h4>\n\n\n\n

El tama\u00f1o de im\u00e1genes y v\u00eddeos debe ser proporcional al tama\u00f1o de la pantalla en la que son visualizados<\/strong>, evitando que el material quede fuera del espectro visual del usuario. Tambi\u00e9n deben ajustarse cuando el usuario rote el dispositivo.<\/p>\n\n\n\n

Velocidad de carga<\/h4>\n\n\n\n

El tiempo de carga de una web es uno de los factores fundamentales que define la tasa de rebote. Reduce el n\u00famero de recursos necesarios, elimina plugins y widgets innecesarios y optimiza im\u00e1genes y v\u00eddeos<\/strong> para minimizar los tiempos de carga.<\/p>\n\n\n\n

Como orientaci\u00f3n, Google<\/a> recomienda que tu web m\u00f3vil se cargue en menos de 3 segundos y que pese menos de 500KB<\/strong>.<\/p>\n\n\n\n

Efectos<\/h4>\n\n\n\n

Para empezar, olv\u00eddate de utilizar Flash en tu sitio web. Dejando de lado el alto consumo de recursos y tiempos de carga, no funciona ni en Android ni en iOS y Adobe ha terminado su soporte<\/a> el pasado diciembre y hace un a\u00f1o Google dejaba de indexar contenido en Flash<\/a>.<\/p>\n\n\n\n

Esto demuestra que debemos asegurarnos de que los efectos y animaciones que apliquemos en nuestra web funcionan correctamente en todos los dispositivos y de que su impacto en la experiencia del usuario sea positivo<\/strong> y no una molestia.<\/p>\n\n\n\n

Algunos ejemplos de impacto negativo son pop-ups que ocupan toda la pantalla en el m\u00f3vil o el efecto hover que literalmente no funciona en dispositivos m\u00f3viles.<\/p>\n\n\n\n

Optimizaci\u00f3n continua<\/h4>\n\n\n\n

Cada a\u00f1o se lanzan nuevos dispositivos con nuevas caracter\u00edsticas y surgen nuevas tecnolog\u00edas que nos obligan a adaptar nuestra web continuamente a nuevos formatos<\/strong>.  Por ello debes realizar una optimizaci\u00f3n de tu sitio web continuada en el tiempo.<\/p>\n\n\n\n

Si no sabes por d\u00f3nde empezar, existen multitud de herramientas de pago y tambi\u00e9n gratuitas como Test My Site<\/a> de Google, que determinan el grado de responsividad de tu web y proporcionan consejos sobre c\u00f3mo mejorarla.<\/p>\n\n\n\n

Tambi\u00e9n puedes utilizar Google Optimize<\/a> para realizar test A\/B<\/a> y mejorar la experiencia de usuario de tu web y no te olvides de consultar peri\u00f3dicamente tu herramienta de anal\u00edtica web para identificar problemas de usabilidad en el dise\u00f1o de tu web responsive.<\/p>\n\n\n\n

FUENTE:<\/strong> https:\/\/www.google.com\/amp\/s\/marketing4ecommerce.net\/que-es-el-diseno-web-responsive\/amp\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Seguramente hayas escuchado hablar alguna vez del dise\u00f1o web responsive pero, \u00bfrealmente sabes qu\u00e9 es y c\u00f3mo funciona? No te pierdas este art\u00edculo en el que lo explicamos con detalle. \u00bfQu\u00e9 es y c\u00f3mo funciona una web responsive? Una web responsive es aquella que adapta su dise\u00f1o y reorganiza sus contenidos en funci\u00f3n del tama\u00f1o y … <\/p>\n

Continuar leyendo “Qu\u00e9 es el dise\u00f1o web responsive y por qu\u00e9 debes adoptarlo”<\/span><\/a><\/p>\n","protected":false},"author":4,"featured_media":2012,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"#Dise\u00f1oWeb\n#Dise\u00f1oResponsive\n#DesarroloWeb\n#4toPiso","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false},"version":2}},"categories":[3],"tags":[],"jetpack_publicize_connections":[],"yoast_head":"\nQu\u00e9 es el dise\u00f1o web responsive y por qu\u00e9 debes adoptarlo - 4to Piso<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/4topiso.com\/index.php\/2021\/02\/12\/que-es-el-diseno-web-responsive-y-por-que-debes-adoptarlo\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Qu\u00e9 es el dise\u00f1o web responsive y por qu\u00e9 debes adoptarlo - 4to Piso\" \/>\n<meta property=\"og:description\" content=\"Seguramente hayas escuchado hablar alguna vez del dise\u00f1o web responsive pero, \u00bfrealmente sabes qu\u00e9 es y c\u00f3mo funciona? No te pierdas este art\u00edculo en el que lo explicamos con detalle. \u00bfQu\u00e9 es y c\u00f3mo funciona una web responsive? Una web responsive es aquella que adapta su dise\u00f1o y reorganiza sus contenidos en funci\u00f3n del tama\u00f1o y … Continuar leyendo "Qu\u00e9 es el dise\u00f1o web responsive y por qu\u00e9 debes adoptarlo"\" \/>\n<meta property=\"og:url\" content=\"https:\/\/4topiso.com\/index.php\/2021\/02\/12\/que-es-el-diseno-web-responsive-y-por-que-debes-adoptarlo\/\" \/>\n<meta property=\"og:site_name\" content=\"4to Piso\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/4topiso-191191741526114\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-02-12T12:00:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/4topiso.com\/wp-content\/uploads\/2021\/02\/diseno-web-responsive-MadridNYC.png\" \/>\n\t<meta property=\"og:image:width\" content=\"640\" \/>\n\t<meta property=\"og:image:height\" content=\"320\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Fabian Sanchez\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fabian Sanchez\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/4topiso.com\/index.php\/2021\/02\/12\/que-es-el-diseno-web-responsive-y-por-que-debes-adoptarlo\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/4topiso.com\/index.php\/2021\/02\/12\/que-es-el-diseno-web-responsive-y-por-que-debes-adoptarlo\/\"},\"author\":{\"name\":\"Fabian Sanchez\",\"@id\":\"https:\/\/4topiso.com\/#\/schema\/person\/21b511ee16bcd24cf5124dbe69c74dc6\"},\"headline\":\"Qu\u00e9 es el dise\u00f1o web responsive y por qu\u00e9 debes adoptarlo\",\"datePublished\":\"2021-02-12T12:00:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/4topiso.com\/index.php\/2021\/02\/12\/que-es-el-diseno-web-responsive-y-por-que-debes-adoptarlo\/\"},\"wordCount\":1164,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/4topiso.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/4topiso.com\/index.php\/2021\/02\/12\/que-es-el-diseno-web-responsive-y-por-que-debes-adoptarlo\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/4topiso.com\/wp-content\/uploads\/2021\/02\/diseno-web-responsive-MadridNYC.png\",\"articleSection\":[\"blog\"],\"inLanguage\":\"es-AR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/4topiso.com\/index.php\/2021\/02\/12\/que-es-el-diseno-web-responsive-y-por-que-debes-adoptarlo\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/4topiso.com\/index.php\/2021\/02\/12\/que-es-el-diseno-web-responsive-y-por-que-debes-adoptarlo\/\",\"url\":\"https:\/\/4topiso.com\/index.php\/2021\/02\/12\/que-es-el-diseno-web-responsive-y-por-que-debes-adoptarlo\/\",\"name\":\"Qu\u00e9 es el dise\u00f1o web responsive y por qu\u00e9 debes adoptarlo - 4to Piso\",\"isPartOf\":{\"@id\":\"https:\/\/4topiso.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/4topiso.com\/index.php\/2021\/02\/12\/que-es-el-diseno-web-responsive-y-por-que-debes-adoptarlo\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/4topiso.com\/index.php\/2021\/02\/12\/que-es-el-diseno-web-responsive-y-por-que-debes-adoptarlo\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/4topiso.com\/wp-content\/uploads\/2021\/02\/diseno-web-responsive-MadridNYC.png\",\"datePublished\":\"2021-02-12T12:00:00+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/4topiso.com\/index.php\/2021\/02\/12\/que-es-el-diseno-web-responsive-y-por-que-debes-adoptarlo\/#breadcrumb\"},\"inLanguage\":\"es-AR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/4topiso.com\/index.php\/2021\/02\/12\/que-es-el-diseno-web-responsive-y-por-que-debes-adoptarlo\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es-AR\",\"@id\":\"https:\/\/4topiso.com\/index.php\/2021\/02\/12\/que-es-el-diseno-web-responsive-y-por-que-debes-adoptarlo\/#primaryimage\",\"url\":\"https:\/\/4topiso.com\/wp-content\/uploads\/2021\/02\/diseno-web-responsive-MadridNYC.png\",\"contentUrl\":\"https:\/\/4topiso.com\/wp-content\/uploads\/2021\/02\/diseno-web-responsive-MadridNYC.png\",\"width\":640,\"height\":320},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/4topiso.com\/index.php\/2021\/02\/12\/que-es-el-diseno-web-responsive-y-por-que-debes-adoptarlo\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\/\/4topiso.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Qu\u00e9 es el dise\u00f1o web responsive y por qu\u00e9 debes adoptarlo\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/4topiso.com\/#website\",\"url\":\"https:\/\/4topiso.com\/\",\"name\":\"4topiso\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/4topiso.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/4topiso.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es-AR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/4topiso.com\/#organization\",\"name\":\"4toPiso\",\"url\":\"https:\/\/4topiso.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es-AR\",\"@id\":\"https:\/\/4topiso.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/4topiso.com\/wp-content\/uploads\/2019\/11\/cuarto-piso-flecha.jpg\",\"contentUrl\":\"https:\/\/4topiso.com\/wp-content\/uploads\/2019\/11\/cuarto-piso-flecha.jpg\",\"width\":797,\"height\":268,\"caption\":\"4toPiso\"},\"image\":{\"@id\":\"https:\/\/4topiso.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/4topiso-191191741526114\/\",\"https:\/\/www.instagram.com\/4topiso2018\/?hl=es-la\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/4topiso.com\/#\/schema\/person\/21b511ee16bcd24cf5124dbe69c74dc6\",\"name\":\"Fabian Sanchez\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es-AR\",\"@id\":\"https:\/\/4topiso.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/4topiso.com\/wp-content\/litespeed\/avatar\/acb014e80d87d69dfa6c3683b90b974d.jpg?ver=1775237824\",\"contentUrl\":\"https:\/\/4topiso.com\/wp-content\/litespeed\/avatar\/acb014e80d87d69dfa6c3683b90b974d.jpg?ver=1775237824\",\"caption\":\"Fabian Sanchez\"},\"url\":\"https:\/\/4topiso.com\/index.php\/author\/fabiansanchez\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Qu\u00e9 es el dise\u00f1o web responsive y por qu\u00e9 debes adoptarlo - 4to Piso","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/4topiso.com\/index.php\/2021\/02\/12\/que-es-el-diseno-web-responsive-y-por-que-debes-adoptarlo\/","og_locale":"es_ES","og_type":"article","og_title":"Qu\u00e9 es el dise\u00f1o web responsive y por qu\u00e9 debes adoptarlo - 4to Piso","og_description":"Seguramente hayas escuchado hablar alguna vez del dise\u00f1o web responsive pero, \u00bfrealmente sabes qu\u00e9 es y c\u00f3mo funciona? No te pierdas este art\u00edculo en el que lo explicamos con detalle. \u00bfQu\u00e9 es y c\u00f3mo funciona una web responsive? Una web responsive es aquella que adapta su dise\u00f1o y reorganiza sus contenidos en funci\u00f3n del tama\u00f1o y … Continuar leyendo \"Qu\u00e9 es el dise\u00f1o web responsive y por qu\u00e9 debes adoptarlo\"","og_url":"https:\/\/4topiso.com\/index.php\/2021\/02\/12\/que-es-el-diseno-web-responsive-y-por-que-debes-adoptarlo\/","og_site_name":"4to Piso","article_publisher":"https:\/\/www.facebook.com\/4topiso-191191741526114\/","article_published_time":"2021-02-12T12:00:00+00:00","og_image":[{"width":640,"height":320,"url":"https:\/\/4topiso.com\/wp-content\/uploads\/2021\/02\/diseno-web-responsive-MadridNYC.png","type":"image\/png"}],"author":"Fabian Sanchez","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Fabian Sanchez","Tiempo de lectura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/4topiso.com\/index.php\/2021\/02\/12\/que-es-el-diseno-web-responsive-y-por-que-debes-adoptarlo\/#article","isPartOf":{"@id":"https:\/\/4topiso.com\/index.php\/2021\/02\/12\/que-es-el-diseno-web-responsive-y-por-que-debes-adoptarlo\/"},"author":{"name":"Fabian Sanchez","@id":"https:\/\/4topiso.com\/#\/schema\/person\/21b511ee16bcd24cf5124dbe69c74dc6"},"headline":"Qu\u00e9 es el dise\u00f1o web responsive y por qu\u00e9 debes adoptarlo","datePublished":"2021-02-12T12:00:00+00:00","mainEntityOfPage":{"@id":"https:\/\/4topiso.com\/index.php\/2021\/02\/12\/que-es-el-diseno-web-responsive-y-por-que-debes-adoptarlo\/"},"wordCount":1164,"commentCount":0,"publisher":{"@id":"https:\/\/4topiso.com\/#organization"},"image":{"@id":"https:\/\/4topiso.com\/index.php\/2021\/02\/12\/que-es-el-diseno-web-responsive-y-por-que-debes-adoptarlo\/#primaryimage"},"thumbnailUrl":"https:\/\/4topiso.com\/wp-content\/uploads\/2021\/02\/diseno-web-responsive-MadridNYC.png","articleSection":["blog"],"inLanguage":"es-AR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/4topiso.com\/index.php\/2021\/02\/12\/que-es-el-diseno-web-responsive-y-por-que-debes-adoptarlo\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/4topiso.com\/index.php\/2021\/02\/12\/que-es-el-diseno-web-responsive-y-por-que-debes-adoptarlo\/","url":"https:\/\/4topiso.com\/index.php\/2021\/02\/12\/que-es-el-diseno-web-responsive-y-por-que-debes-adoptarlo\/","name":"Qu\u00e9 es el dise\u00f1o web responsive y por qu\u00e9 debes adoptarlo - 4to Piso","isPartOf":{"@id":"https:\/\/4topiso.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/4topiso.com\/index.php\/2021\/02\/12\/que-es-el-diseno-web-responsive-y-por-que-debes-adoptarlo\/#primaryimage"},"image":{"@id":"https:\/\/4topiso.com\/index.php\/2021\/02\/12\/que-es-el-diseno-web-responsive-y-por-que-debes-adoptarlo\/#primaryimage"},"thumbnailUrl":"https:\/\/4topiso.com\/wp-content\/uploads\/2021\/02\/diseno-web-responsive-MadridNYC.png","datePublished":"2021-02-12T12:00:00+00:00","breadcrumb":{"@id":"https:\/\/4topiso.com\/index.php\/2021\/02\/12\/que-es-el-diseno-web-responsive-y-por-que-debes-adoptarlo\/#breadcrumb"},"inLanguage":"es-AR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/4topiso.com\/index.php\/2021\/02\/12\/que-es-el-diseno-web-responsive-y-por-que-debes-adoptarlo\/"]}]},{"@type":"ImageObject","inLanguage":"es-AR","@id":"https:\/\/4topiso.com\/index.php\/2021\/02\/12\/que-es-el-diseno-web-responsive-y-por-que-debes-adoptarlo\/#primaryimage","url":"https:\/\/4topiso.com\/wp-content\/uploads\/2021\/02\/diseno-web-responsive-MadridNYC.png","contentUrl":"https:\/\/4topiso.com\/wp-content\/uploads\/2021\/02\/diseno-web-responsive-MadridNYC.png","width":640,"height":320},{"@type":"BreadcrumbList","@id":"https:\/\/4topiso.com\/index.php\/2021\/02\/12\/que-es-el-diseno-web-responsive-y-por-que-debes-adoptarlo\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/4topiso.com\/"},{"@type":"ListItem","position":2,"name":"Qu\u00e9 es el dise\u00f1o web responsive y por qu\u00e9 debes adoptarlo"}]},{"@type":"WebSite","@id":"https:\/\/4topiso.com\/#website","url":"https:\/\/4topiso.com\/","name":"4topiso","description":"","publisher":{"@id":"https:\/\/4topiso.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/4topiso.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es-AR"},{"@type":"Organization","@id":"https:\/\/4topiso.com\/#organization","name":"4toPiso","url":"https:\/\/4topiso.com\/","logo":{"@type":"ImageObject","inLanguage":"es-AR","@id":"https:\/\/4topiso.com\/#\/schema\/logo\/image\/","url":"https:\/\/4topiso.com\/wp-content\/uploads\/2019\/11\/cuarto-piso-flecha.jpg","contentUrl":"https:\/\/4topiso.com\/wp-content\/uploads\/2019\/11\/cuarto-piso-flecha.jpg","width":797,"height":268,"caption":"4toPiso"},"image":{"@id":"https:\/\/4topiso.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/4topiso-191191741526114\/","https:\/\/www.instagram.com\/4topiso2018\/?hl=es-la"]},{"@type":"Person","@id":"https:\/\/4topiso.com\/#\/schema\/person\/21b511ee16bcd24cf5124dbe69c74dc6","name":"Fabian Sanchez","image":{"@type":"ImageObject","inLanguage":"es-AR","@id":"https:\/\/4topiso.com\/#\/schema\/person\/image\/","url":"https:\/\/4topiso.com\/wp-content\/litespeed\/avatar\/acb014e80d87d69dfa6c3683b90b974d.jpg?ver=1775237824","contentUrl":"https:\/\/4topiso.com\/wp-content\/litespeed\/avatar\/acb014e80d87d69dfa6c3683b90b974d.jpg?ver=1775237824","caption":"Fabian Sanchez"},"url":"https:\/\/4topiso.com\/index.php\/author\/fabiansanchez\/"}]}},"jetpack_featured_media_url":"https:\/\/4topiso.com\/wp-content\/uploads\/2021\/02\/diseno-web-responsive-MadridNYC.png","jetpack_sharing_enabled":true,"jetpack-related-posts":[],"jetpack_shortlink":"https:\/\/wp.me\/paYTcp-wp","_links":{"self":[{"href":"https:\/\/4topiso.com\/index.php\/wp-json\/wp\/v2\/posts\/2009"}],"collection":[{"href":"https:\/\/4topiso.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/4topiso.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/4topiso.com\/index.php\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/4topiso.com\/index.php\/wp-json\/wp\/v2\/comments?post=2009"}],"version-history":[{"count":3,"href":"https:\/\/4topiso.com\/index.php\/wp-json\/wp\/v2\/posts\/2009\/revisions"}],"predecessor-version":[{"id":2014,"href":"https:\/\/4topiso.com\/index.php\/wp-json\/wp\/v2\/posts\/2009\/revisions\/2014"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/4topiso.com\/index.php\/wp-json\/wp\/v2\/media\/2012"}],"wp:attachment":[{"href":"https:\/\/4topiso.com\/index.php\/wp-json\/wp\/v2\/media?parent=2009"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/4topiso.com\/index.php\/wp-json\/wp\/v2\/categories?post=2009"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/4topiso.com\/index.php\/wp-json\/wp\/v2\/tags?post=2009"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}