{"id":4032,"date":"2012-10-02T17:22:49","date_gmt":"2012-10-02T15:22:49","guid":{"rendered":"http:\/\/www.overalia.com\/blog\/?p=4032"},"modified":"2012-10-02T17:22:49","modified_gmt":"2012-10-02T15:22:49","slug":"el-futuro-de-las-web-se-llama-responsive-web-design","status":"publish","type":"post","link":"https:\/\/www.overalia.com\/blog\/el-futuro-de-las-web-se-llama-responsive-web-design\/","title":{"rendered":"El futuro de las web se llama \u201cResponsive Web Design\u201d"},"content":{"rendered":"<ul>\n<li>El aumento imparable del uso de los smartphones y tablets para acceder a Internet genera la necesidad adaptar los contenidos de las p\u00e1ginas web al tama\u00f1o de los distintos dispositivos que utilizan los usuarios (ordenador, m\u00f3vil, tablet, etc.), con el fin de poder llevar al usuario a la mejor experiencia posible con nuestra web.<\/li>\n<li>Esto es posible gracias al \u00a0la \u00a0t\u00e9cnica de dise\u00f1o y desarrollo web\u00a0 Responsive Web Design\u00a0 o Dise\u00f1o Web Adaptable. \u00bfSer\u00e1 la soluci\u00f3n para adaptarse a las nuevas formas de consumir informaci\u00f3n online?<\/li>\n<\/ul>\n<div>\n<p><!--more-->Seg\u00fan un estudio realizado por\u00a0<a href=\"http:\/\/www.iabspain.net\/wp-content\/uploads\/downloads\/2012\/09\/IV-Estudio-IAB-Spain-sobre-Mobile-Marketing-Versi%C3%B3n-Completa.pdf\" target=\"_blank\" rel=\"noopener\">IAB Spain y\u00a0The Cocktail Analysis<\/a> en septiembre de 2012, <strong>8 de cada 10 usuarios espa\u00f1oles acceden a Internet a trav\u00e9s del m\u00f3vil<\/strong>, a pesar de que 1 de cada 5 reconoce que\u00a0no es un dispositivo c\u00f3modo\u00a0para acceder a la red. La caracter\u00edstica m\u00e1s valorada por los usuarios es que se puede acceder en cualquier momento y lugar. Entre los dispositivos m\u00e1s c\u00f3modos para acceder a Internet, seg\u00fan este estudio, es el tablet, con un 45%, seis puntos por encima del ordenador. Es m\u00e1s, su presencia entre la poblaci\u00f3n de entre 18 y 55 a\u00f1os ha crecido del\u00a08% al 23%.<\/p>\n<p>El auge de los dispositivos m\u00f3viles y tablets para acceder a Internet evidencia la necesidad de adaptar los contenidos de las p\u00e1ginas web, blogs y dem\u00e1s sites al amplio abanico de tama\u00f1os de pantalla de los dispositivos que hay en el mercado actualmente.<\/p>\n<figure id=\"attachment_4036\" aria-describedby=\"caption-attachment-4036\" style=\"width: 412px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.overalia.com\/blog\/wp-content\/uploads\/2012\/10\/responsive-web-design-1-1.jpg\"><img fetchpriority=\"high\" decoding=\"async\" class=\"size-full wp-image-4036\" title=\"responsive-web-design\" src=\"https:\/\/www.overalia.com\/blog\/wp-content\/uploads\/2012\/10\/responsive-web-design-1-1.jpg\" alt=\"\" width=\"412\" height=\"427\" \/><\/a><figcaption id=\"caption-attachment-4036\" class=\"wp-caption-text\">Fuente: &#8216;Responsive Web Design\u00bb Ethan Marcotte. P\u00e1g. 95<\/figcaption><\/figure>\n<p>Como toda premisa cuando hablamos de marketing y comunicaci\u00f3n, el objetivo es que el mensaje llegue de la manera m\u00e1s eficaz posible al p\u00fablico objetivo. Y eso pasa por pon\u00e9rselo f\u00e1cil al visitante de nuestra web: facilitar la lectura, el acceso a contenidos relevantes, etc.<\/p>\n<p>Todo ello se traduce en la adaptaci\u00f3n del dise\u00f1o y la estructura de la p\u00e1gina web correspondiente al tama\u00f1o del dispositivo que est\u00e1 utilizando el usuario. Esto se consigue gracias al <strong>Responsive Web Design <\/strong>o dise\u00f1o web adaptable, t\u00e9rmino acu\u00f1ado por el dise\u00f1ador y autor norteamericano <a href=\"http:\/\/ethanmarcotte.com\/\" target=\"_blank\" rel=\"noopener\">Ethan Marcotte<\/a>. Mediante el uso de estructuras e im\u00e1genes fluidas, as\u00ed como de media-queries en la hoja de estilo CSS, esta t\u00e9cnica de dise\u00f1o y desarrollo web\u00a0 permite crear sites que se adapten al ancho de todos los dispositivos. Su esencia es facilitar el acceso a la informaci\u00f3n, independientemente del dispositivo que se use y, por tanto, mejorar la experiencia final del usuario con nuestra web. As\u00ed, solamente ser\u00e1 necesario disponer de una \u00fanica versi\u00f3n de la web que se podr\u00e1 visualizar en el ordenador, el m\u00f3vil, las tablets o cualquier otro dispositivo.<\/p>\n<p><strong>Ventajas del Responsive Web Design<\/strong><\/p>\n<ul>\n<li>La principal ventaja es que se logra que la <strong>experiencia del usuario<\/strong> sea m\u00e1s positiva, ya que contribuye a que la <strong>informaci\u00f3n<\/strong> est\u00e9 m\u00e1s <strong>accesible y visible<\/strong>, lo que impacta de forma muy positiva en la marca al asociarse esta experiencia con conceptos como la creatividad y la innovaci\u00f3n. \u00a0Y es que una buena experiencia de usuario se traduce muchas veces en un mayor n\u00famero de visitas, una mejor valoraci\u00f3n por parte de los usuarios y una reputaci\u00f3n m\u00e1s consolidada en redes sociales, entre otros aspectos.<\/li>\n<\/ul>\n<ul>\n<li>Asimismo, mejora la usabilidad y la conversi\u00f3n, ya que seg\u00fan algunos estudios, cuando se aprovecha toda la pantalla del dispositivo que utiliza el visitante,<strong> aumenta la conversi\u00f3n de usuario a cliente.<\/strong> En este sentido, el Responsive Web Design ofrece la posibilidad de controlar mejor la presentaci\u00f3n de la informaci\u00f3n a los usuarios. Podemos jerarquizar la informaci\u00f3n de nuestra web seg\u00fan el dispositivo al que nos dirijamos, jugando con la posici\u00f3n y el tama\u00f1o de los elementos, para llegar de una manera m\u00e1s eficiente a nuestro p\u00fablico objetivo. Por ejemplo, podemos agrandar el tama\u00f1o de botones de <strong>llamada a la acci\u00f3n<\/strong> y as\u00ed hacerlos m\u00e1s accesibles en dispositivos t\u00e1ctiles.<\/li>\n<\/ul>\n<ul>\n<li>Por otro lado, el beneficio m\u00e1s relevante de cara al administrador de una web es la <strong>reducci\u00f3n de costos<\/strong>. Ya no ser\u00e1 necesario tener una versi\u00f3n para PC y otra distinta para m\u00f3vil. Con una \u00fanica versi\u00f3n conseguimos que los contenidos se visualicen en todos los dispositivos, lo que supone un <strong>ahorro<\/strong> tanto <strong>en tiempo de gesti\u00f3n<\/strong> de contenidos como en <strong>recursos econ\u00f3micos<\/strong>, ya que no se requerir\u00e1 de una segunda versi\u00f3n para otro dispositivo. Eso s\u00ed, la inversi\u00f3n inicial para desarrollar una web con Responsive Web Design ser\u00e1 superior porque requiere de una mayor elaboraci\u00f3n, si bien a largo plazo resulta m\u00e1s rentable.<\/li>\n<\/ul>\n<ul>\n<li>Otra de las ventajas destacables es que <strong><a href=\"http:\/\/googlewebmastercentral.blogspot.com.es\/2012\/06\/recommendations-for-building-smartphone.html\" target=\"_blank\" rel=\"noopener\">mejora el SEO de la p\u00e1gina<\/a><\/strong>. Hasta ahora, la versi\u00f3n m\u00f3vil de una web se alojaba habitualmente en un subdominio, mientras que las p\u00e1ginas con Responsive Web Design pueden ser visibles en cualquier dispositivo con un \u00fanico dominio. El hecho de tener una \u00fanica URL es un factor muy valorado por Google porque puede encontrar de forma m\u00e1s eficiente los contenidos y porque es m\u00e1s f\u00e1cil para el usuario interactuar con la p\u00e1gina, compartir y enlazar contenidos.<\/li>\n<\/ul>\n<p>No obstante, a pesar de todas las ventajas descritas, como en toda decisi\u00f3n, deben considerarse las desventajas de esta nueva forma de dise\u00f1o y desarrollo web. En este caso, conviene reflexionar sobre el objetivo principal de la web de cara al usuario. Se debe valorar si su experiencia en relaci\u00f3n a ese objetivo ser\u00e1 igualmente satisfactoria a trav\u00e9s de dispositivos como el m\u00f3vil. La pregunta es, \u00bfla informaci\u00f3n que demanda el usuario cuando accede desde un ordenador es igual a la que demanda cuando accede desde un m\u00f3vil?<\/p>\n<p>Es el caso, por ejemplo, de una web con m\u00faltiples elementos (un comercio electr\u00f3nico complejo o una p\u00e1gina de noticias con numerosas secciones y subsecciones). Es posible que en estos casos sea m\u00e1s conveniente prescindir de algunos elementos de la web y desarrollar una versi\u00f3n m\u00f3vil m\u00e1s sencilla s\u00f3lo con los elementos imprescindibles para que la experiencia del usuario sea \u00f3ptima y cumpla con los objetivos marcados, que es, en definitiva, de lo que se trata.<\/p>\n<p><strong>ENLACES DE INTER\u00c9S<\/strong><\/p>\n<p><strong>Art\u00edculos recomendados:<\/strong><br \/>\n<a href=\"http:\/\/www.alistapart.com\/articles\/responsive-web-design\/\">A List Apart: Responsive Web Design<\/a><br \/>\n<a href=\"http:\/\/coding.smashingmagazine.com\/2011\/01\/12\/guidelines-for-responsive-web-design\/\">Responsive Web Design: What It Is and How To Use It<\/a><br \/>\n<a href=\"http:\/\/thinkvitamin.com\/design\/beginners-guide-to-responsive-web-design\/\">Beginner&#8217;s Guide to Responsive Web Design<\/a><\/p>\n<p><strong>Website que recoge una colecci\u00f3n de sitios que usan Dise\u00f1o web adaptable:<\/strong><br \/>\n<a href=\"http:\/\/mediaqueri.es\/\">Media Queries<\/a><\/p>\n<p><strong>Frameworks:<\/strong><br \/>\n<a href=\"http:\/\/lessframework.com\/\">Less framework<\/a><br \/>\n<a href=\"http:\/\/cssgrid.net\/\">1140 CSS Grid<\/a><br \/>\n<a href=\"http:\/\/foundation.zurb.com\/\">Foundation<\/a><br \/>\n<a href=\"http:\/\/www.getskeleton.com\/\">Skeleton<\/a><br \/>\n<a href=\"http:\/\/twitter.github.com\/bootstrap\/\">Twitter Bootstrap<\/a><\/p>\n<p><strong>Utilidades para testear:<\/strong><br \/>\nExtensi\u00f3n que nos permite redimensionar la ventana del navegador para probar la web en diferentes resoluciones: <a href=\"http:\/\/codebomber.com\/jquery\/resizer\/\">http:\/\/codebomber.com\/jquery\/resizer\/<\/a><\/p>\n<p>Navegador que permite testear en diferentes resoluciones de m\u00f3vil tablets y resoluciones personalizadas:\u00a0<a href=\"http:\/\/www.opera.com\/developer\/tools\/mobile\/\">http:\/\/www.opera.com\/developer\/tools\/mobile\/<\/a><\/p>\n<p>Una herramienta \u00fatil para testear online nuestros dise\u00f1os responsive en los diferentes dispositivos:\u00a0<a href=\"http:\/\/www.responsinator.com\/\">http:\/\/www.responsinator.com\/<\/a><\/p>\n<p>Web curiosa donde publican fotos de tests de webs responsive en distintos tel\u00e9fonos y tablets:\u00a0<a href=\"http:\/\/mobiletestingfordummies.tumblr.com\/\">http:\/\/mobiletestingfordummies.tumblr.com\/<\/a><\/p>\n<p>&nbsp;<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>El aumento imparable del uso de los smartphones y tablets para acceder a Internet genera la necesidad adaptar los contenidos de las p\u00e1ginas web al tama\u00f1o de los distintos dispositivos que utilizan los usuarios (ordenador, m\u00f3vil, tablet, etc.), con el fin de poder llevar al usuario a la mejor experiencia posible con nuestra web. Esto [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":4036,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[84,130,192,193],"class_list":["post-4032","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-overalia","tag-desarrollo-web","tag-mobile-marketing","tag-responsive-web-design","tag-usabilidad"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>El futuro de las web se llama \u201cResponsive Web Design\u201d - Overalia Blog<\/title>\n<meta name=\"description\" content=\"El Responsive Web Design permite que el ancho de la web se adapte al tama\u00f1o de cualquier dispositivo, lo que facilita la experiencia de usuario.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.overalia.com\/blog\/el-futuro-de-las-web-se-llama-responsive-web-design\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"El futuro de las web se llama \u201cResponsive Web Design\u201d - Overalia Blog\" \/>\n<meta property=\"og:description\" content=\"El Responsive Web Design permite que el ancho de la web se adapte al tama\u00f1o de cualquier dispositivo, lo que facilita la experiencia de usuario.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.overalia.com\/blog\/el-futuro-de-las-web-se-llama-responsive-web-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog sobre Marketing en Buscadores y Anal\u00edtica Web\" \/>\n<meta property=\"article:published_time\" content=\"2012-10-02T15:22:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.overalia.com\/blog\/wp-content\/uploads\/2012\/10\/responsive-web-design-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"412\" \/>\n\t<meta property=\"og:image:height\" content=\"427\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Overalia\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Overalia\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.overalia.com\/blog\/el-futuro-de-las-web-se-llama-responsive-web-design\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.overalia.com\/blog\/el-futuro-de-las-web-se-llama-responsive-web-design\/\"},\"author\":{\"name\":\"Overalia\",\"@id\":\"https:\/\/www.overalia.com\/blog\/#\/schema\/person\/44097a8aa60295cbdf8fe39512136449\"},\"headline\":\"El futuro de las web se llama \u201cResponsive Web Design\u201d\",\"datePublished\":\"2012-10-02T15:22:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.overalia.com\/blog\/el-futuro-de-las-web-se-llama-responsive-web-design\/\"},\"wordCount\":1229,\"commentCount\":11,\"publisher\":{\"@id\":\"https:\/\/www.overalia.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.overalia.com\/blog\/el-futuro-de-las-web-se-llama-responsive-web-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.overalia.com\/blog\/wp-content\/uploads\/2012\/10\/responsive-web-design-1.jpg\",\"keywords\":[\"desarrollo web\",\"mobile marketing\",\"responsive web design\",\"usabilidad\"],\"articleSection\":[\"Overalia\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.overalia.com\/blog\/el-futuro-de-las-web-se-llama-responsive-web-design\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.overalia.com\/blog\/el-futuro-de-las-web-se-llama-responsive-web-design\/\",\"url\":\"https:\/\/www.overalia.com\/blog\/el-futuro-de-las-web-se-llama-responsive-web-design\/\",\"name\":\"El futuro de las web se llama \u201cResponsive Web Design\u201d - Overalia Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.overalia.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.overalia.com\/blog\/el-futuro-de-las-web-se-llama-responsive-web-design\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.overalia.com\/blog\/el-futuro-de-las-web-se-llama-responsive-web-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.overalia.com\/blog\/wp-content\/uploads\/2012\/10\/responsive-web-design-1.jpg\",\"datePublished\":\"2012-10-02T15:22:49+00:00\",\"description\":\"El Responsive Web Design permite que el ancho de la web se adapte al tama\u00f1o de cualquier dispositivo, lo que facilita la experiencia de usuario.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.overalia.com\/blog\/el-futuro-de-las-web-se-llama-responsive-web-design\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.overalia.com\/blog\/el-futuro-de-las-web-se-llama-responsive-web-design\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.overalia.com\/blog\/el-futuro-de-las-web-se-llama-responsive-web-design\/#primaryimage\",\"url\":\"https:\/\/www.overalia.com\/blog\/wp-content\/uploads\/2012\/10\/responsive-web-design-1.jpg\",\"contentUrl\":\"https:\/\/www.overalia.com\/blog\/wp-content\/uploads\/2012\/10\/responsive-web-design-1.jpg\",\"width\":412,\"height\":427,\"caption\":\"Fuente: 'Responsive Web Design\\\" Ethan Marcotte. P\u00e1g. 95\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.overalia.com\/blog\/el-futuro-de-las-web-se-llama-responsive-web-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.overalia.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"El futuro de las web se llama \u201cResponsive Web Design\u201d\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.overalia.com\/blog\/#website\",\"url\":\"https:\/\/www.overalia.com\/blog\/\",\"name\":\"Blog sobre Marketing en Buscadores y Anal\u00edtica Web\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.overalia.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.overalia.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.overalia.com\/blog\/#organization\",\"name\":\"Blog sobre Marketing en Buscadores y Anal\u00edtica Web\",\"url\":\"https:\/\/www.overalia.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.overalia.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.overalia.com\/blog\/wp-content\/uploads\/2024\/07\/logo-overalia-black.svg\",\"contentUrl\":\"https:\/\/www.overalia.com\/blog\/wp-content\/uploads\/2024\/07\/logo-overalia-black.svg\",\"width\":416,\"height\":222,\"caption\":\"Blog sobre Marketing en Buscadores y Anal\u00edtica Web\"},\"image\":{\"@id\":\"https:\/\/www.overalia.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.overalia.com\/blog\/#\/schema\/person\/44097a8aa60295cbdf8fe39512136449\",\"name\":\"Overalia\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.overalia.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/ba0792190a366d794195b0fe8aae2e4a9da8017c875700cc271e4fed12b44f10?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/ba0792190a366d794195b0fe8aae2e4a9da8017c875700cc271e4fed12b44f10?s=96&d=mm&r=g\",\"caption\":\"Overalia\"},\"sameAs\":[\"https:\/\/www.overalia.com\/blog\"],\"url\":\"https:\/\/www.overalia.com\/blog\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"El futuro de las web se llama \u201cResponsive Web Design\u201d - Overalia Blog","description":"El Responsive Web Design permite que el ancho de la web se adapte al tama\u00f1o de cualquier dispositivo, lo que facilita la experiencia de usuario.","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:\/\/www.overalia.com\/blog\/el-futuro-de-las-web-se-llama-responsive-web-design\/","og_locale":"es_ES","og_type":"article","og_title":"El futuro de las web se llama \u201cResponsive Web Design\u201d - Overalia Blog","og_description":"El Responsive Web Design permite que el ancho de la web se adapte al tama\u00f1o de cualquier dispositivo, lo que facilita la experiencia de usuario.","og_url":"https:\/\/www.overalia.com\/blog\/el-futuro-de-las-web-se-llama-responsive-web-design\/","og_site_name":"Blog sobre Marketing en Buscadores y Anal\u00edtica Web","article_published_time":"2012-10-02T15:22:49+00:00","og_image":[{"width":412,"height":427,"url":"https:\/\/www.overalia.com\/blog\/wp-content\/uploads\/2012\/10\/responsive-web-design-1.jpg","type":"image\/jpeg"}],"author":"Overalia","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Overalia","Tiempo de lectura":"6 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.overalia.com\/blog\/el-futuro-de-las-web-se-llama-responsive-web-design\/#article","isPartOf":{"@id":"https:\/\/www.overalia.com\/blog\/el-futuro-de-las-web-se-llama-responsive-web-design\/"},"author":{"name":"Overalia","@id":"https:\/\/www.overalia.com\/blog\/#\/schema\/person\/44097a8aa60295cbdf8fe39512136449"},"headline":"El futuro de las web se llama \u201cResponsive Web Design\u201d","datePublished":"2012-10-02T15:22:49+00:00","mainEntityOfPage":{"@id":"https:\/\/www.overalia.com\/blog\/el-futuro-de-las-web-se-llama-responsive-web-design\/"},"wordCount":1229,"commentCount":11,"publisher":{"@id":"https:\/\/www.overalia.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.overalia.com\/blog\/el-futuro-de-las-web-se-llama-responsive-web-design\/#primaryimage"},"thumbnailUrl":"https:\/\/www.overalia.com\/blog\/wp-content\/uploads\/2012\/10\/responsive-web-design-1.jpg","keywords":["desarrollo web","mobile marketing","responsive web design","usabilidad"],"articleSection":["Overalia"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.overalia.com\/blog\/el-futuro-de-las-web-se-llama-responsive-web-design\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.overalia.com\/blog\/el-futuro-de-las-web-se-llama-responsive-web-design\/","url":"https:\/\/www.overalia.com\/blog\/el-futuro-de-las-web-se-llama-responsive-web-design\/","name":"El futuro de las web se llama \u201cResponsive Web Design\u201d - Overalia Blog","isPartOf":{"@id":"https:\/\/www.overalia.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.overalia.com\/blog\/el-futuro-de-las-web-se-llama-responsive-web-design\/#primaryimage"},"image":{"@id":"https:\/\/www.overalia.com\/blog\/el-futuro-de-las-web-se-llama-responsive-web-design\/#primaryimage"},"thumbnailUrl":"https:\/\/www.overalia.com\/blog\/wp-content\/uploads\/2012\/10\/responsive-web-design-1.jpg","datePublished":"2012-10-02T15:22:49+00:00","description":"El Responsive Web Design permite que el ancho de la web se adapte al tama\u00f1o de cualquier dispositivo, lo que facilita la experiencia de usuario.","breadcrumb":{"@id":"https:\/\/www.overalia.com\/blog\/el-futuro-de-las-web-se-llama-responsive-web-design\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.overalia.com\/blog\/el-futuro-de-las-web-se-llama-responsive-web-design\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.overalia.com\/blog\/el-futuro-de-las-web-se-llama-responsive-web-design\/#primaryimage","url":"https:\/\/www.overalia.com\/blog\/wp-content\/uploads\/2012\/10\/responsive-web-design-1.jpg","contentUrl":"https:\/\/www.overalia.com\/blog\/wp-content\/uploads\/2012\/10\/responsive-web-design-1.jpg","width":412,"height":427,"caption":"Fuente: 'Responsive Web Design\" Ethan Marcotte. P\u00e1g. 95"},{"@type":"BreadcrumbList","@id":"https:\/\/www.overalia.com\/blog\/el-futuro-de-las-web-se-llama-responsive-web-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.overalia.com\/blog\/"},{"@type":"ListItem","position":2,"name":"El futuro de las web se llama \u201cResponsive Web Design\u201d"}]},{"@type":"WebSite","@id":"https:\/\/www.overalia.com\/blog\/#website","url":"https:\/\/www.overalia.com\/blog\/","name":"Blog sobre Marketing en Buscadores y Anal\u00edtica Web","description":"","publisher":{"@id":"https:\/\/www.overalia.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.overalia.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.overalia.com\/blog\/#organization","name":"Blog sobre Marketing en Buscadores y Anal\u00edtica Web","url":"https:\/\/www.overalia.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.overalia.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.overalia.com\/blog\/wp-content\/uploads\/2024\/07\/logo-overalia-black.svg","contentUrl":"https:\/\/www.overalia.com\/blog\/wp-content\/uploads\/2024\/07\/logo-overalia-black.svg","width":416,"height":222,"caption":"Blog sobre Marketing en Buscadores y Anal\u00edtica Web"},"image":{"@id":"https:\/\/www.overalia.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.overalia.com\/blog\/#\/schema\/person\/44097a8aa60295cbdf8fe39512136449","name":"Overalia","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.overalia.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/ba0792190a366d794195b0fe8aae2e4a9da8017c875700cc271e4fed12b44f10?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ba0792190a366d794195b0fe8aae2e4a9da8017c875700cc271e4fed12b44f10?s=96&d=mm&r=g","caption":"Overalia"},"sameAs":["https:\/\/www.overalia.com\/blog"],"url":"https:\/\/www.overalia.com\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.overalia.com\/blog\/wp-json\/wp\/v2\/posts\/4032","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.overalia.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.overalia.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.overalia.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.overalia.com\/blog\/wp-json\/wp\/v2\/comments?post=4032"}],"version-history":[{"count":0,"href":"https:\/\/www.overalia.com\/blog\/wp-json\/wp\/v2\/posts\/4032\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.overalia.com\/blog\/wp-json\/wp\/v2\/media\/4036"}],"wp:attachment":[{"href":"https:\/\/www.overalia.com\/blog\/wp-json\/wp\/v2\/media?parent=4032"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.overalia.com\/blog\/wp-json\/wp\/v2\/categories?post=4032"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.overalia.com\/blog\/wp-json\/wp\/v2\/tags?post=4032"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}