{"id":415,"date":"2015-01-15T10:03:09","date_gmt":"2015-01-15T10:03:09","guid":{"rendered":"http:\/\/www.teconsite.com\/blog\/?p=415"},"modified":"2018-04-05T10:32:50","modified_gmt":"2018-04-05T10:32:50","slug":"las-claves-del-diseno-responsive","status":"publish","type":"post","link":"https:\/\/www.teconsite.com\/blog\/las-claves-del-diseno-responsive\/","title":{"rendered":"Las claves del dise\u00f1o responsive"},"content":{"rendered":"

Llevamos mucho tiempo hablando del dise\u00f1o responsive<\/strong><\/a> y de la importancia que tiene para las empresas tener un sitio web responsive<\/strong>\u00a0que se vea bien en todos los dispositivos: ordenador de sobremesa, port\u00e1til, tablet<\/em> o m\u00f3vil. Pero hoy queremos profundizar algo m\u00e1s en esta t\u00e9cnica de dise\u00f1o web.<\/p>\n

\u00bfQu\u00e9 es exactamente el dise\u00f1o responsive?<\/h2>\n

El dise\u00f1o responsive es justamente un enfoque seg\u00fan el que una p\u00e1gina web debe responder<\/strong> a los diferentes entornos del usuario, esto es, a los diferentes dispositivos<\/strong> desde los que se puede acceder.<\/p>\n

De esta manera, en un sitio responsive el dise\u00f1o y el desarrollo de la web se adaptan al entorno bas\u00e1ndose en el tama\u00f1o de pantalla, la plataforma y la orientaci\u00f3n. Al igual que el usuario cambia de su ordenador a su m\u00f3vil, la p\u00e1gina web tambi\u00e9n cambia autom\u00e1ticamente en funci\u00f3n del dispositivo.<\/strong><\/p>\n

Nacimiento del dise\u00f1o responsive<\/h2>\n

As\u00ed pues, quedamos en que un sitio web responsive es el que puede responder al entorno en que se encuentra. Por lo tanto, el gran avance de esta t\u00e9cnica es que permite construir un solo sitio web en lugar de uno para cada dispositivo.<\/strong><\/p>\n

Esto tiene mucho que ver con el nacimiento del dise\u00f1o responsive. La llegada de los smartphones primero y de las tablets<\/em> despu\u00e9s oblig\u00f3 a crear sitios web espec\u00edficos para esas plataformas<\/strong> o, al menos, a optimizar los que ya exist\u00edan para que funcionaran mejor en esos dispositivos.<\/p>\n

\"dise\u00f1o-responsive\"<\/a><\/p>\n

Sin embargo, lo que permiti\u00f3 la aparici\u00f3n del dise\u00f1o responsive fue el avance en los navegadores m\u00f3viles<\/strong>. Al principio no eran capaces de mostrar im\u00e1genes y contenidos extensos, pero ahora permiten visualizar m\u00e1s contenido sin congelarse.<\/p>\n

Un sitio web en lugar de tres<\/h2>\n

As\u00ed, ahora es posible construir un solo sitio<\/strong> que no solo se ajusta autom\u00e1ticamente a cada tama\u00f1o de pantalla, sino que ofrece el mejor rendimiento en cada uno de ellos<\/strong>. Al crear una sola p\u00e1gina en vez de dos o tres las empresas pueden ahorrar costes de forma muy notable.<\/p>\n

\u00bfLa mejor soluci\u00f3n?<\/h2>\n

El dise\u00f1o responsive <\/strong>pretende ofrecer a los usuarios de una p\u00e1gina web los mismos contenidos y una experiencia lo m\u00e1s parecida posible <\/strong>en cada plataforma. Es una de las aproximaciones al dise\u00f1o web m\u00f3vil junto a la creaci\u00f3n de apps o<\/strong>\u00a0el cambio de dominio.<\/p>\n

Muchos expertos consideran el dise\u00f1o web responsive la mejor soluci\u00f3n para adaptarse a las distintas plataformas<\/strong>, ya que permite unificar el sitio web y reducir los tiempos de desarrollo, adem\u00e1s de ofrecer ventajas para el SEO m\u00f3vil.<\/p>\n

Fuentes: Emotedigital.com y 40defiebre.com<\/p>\n","protected":false},"excerpt":{"rendered":"

Llevamos mucho tiempo hablando del dise\u00f1o responsive y de la importancia que tiene para las empresas tener un sitio web responsive\u00a0que se vea bien en todos los dispositivos: ordenador de … <\/p>\n

<\/div>\n

Seguir leyendo<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[20],"tags":[86,61,84,83,85],"class_list":["post-415","post","type-post","status-publish","format-standard","hentry","category-marketing-digital-2","tag-apps","tag-diseno-responsive","tag-diseno-web-movil","tag-sitio-web-responsive","tag-tablet"],"yoast_head":"\nDise\u00f1o Responsive - Blog de Teconsite<\/title>\n<meta name=\"description\" content=\"Las Claves del Dise\u00f1o Responsive. Explicamos en Profundidad qu\u00e9 es el Dise\u00f1o Web Responsive, C\u00f3mo Naci\u00f3 y las M\u00faltiples Ventajas que Ofrece. \u00bfTe Apuntas?\" \/>\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.teconsite.com\/blog\/las-claves-del-diseno-responsive\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Dise\u00f1o Responsive - Blog de Teconsite\" \/>\n<meta property=\"og:description\" content=\"Las Claves del Dise\u00f1o Responsive. Explicamos en Profundidad qu\u00e9 es el Dise\u00f1o Web Responsive, C\u00f3mo Naci\u00f3 y las M\u00faltiples Ventajas que Ofrece. \u00bfTe Apuntas?\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.teconsite.com\/blog\/las-claves-del-diseno-responsive\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog\" \/>\n<meta property=\"article:published_time\" content=\"2015-01-15T10:03:09+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-04-05T10:32:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.teconsite.com\/blog\/wp-content\/uploads\/2015\/01\/dise\u00f1o-responsive.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"500\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"admintec\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"admintec\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutos\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Dise\u00f1o Responsive - Blog de Teconsite","description":"Las Claves del Dise\u00f1o Responsive. Explicamos en Profundidad qu\u00e9 es el Dise\u00f1o Web Responsive, C\u00f3mo Naci\u00f3 y las M\u00faltiples Ventajas que Ofrece. \u00bfTe Apuntas?","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.teconsite.com\/blog\/las-claves-del-diseno-responsive\/","og_locale":"es_ES","og_type":"article","og_title":"Dise\u00f1o Responsive - Blog de Teconsite","og_description":"Las Claves del Dise\u00f1o Responsive. Explicamos en Profundidad qu\u00e9 es el Dise\u00f1o Web Responsive, C\u00f3mo Naci\u00f3 y las M\u00faltiples Ventajas que Ofrece. \u00bfTe Apuntas?","og_url":"https:\/\/www.teconsite.com\/blog\/las-claves-del-diseno-responsive\/","og_site_name":"Blog","article_published_time":"2015-01-15T10:03:09+00:00","article_modified_time":"2018-04-05T10:32:50+00:00","og_image":[{"width":500,"height":400,"url":"https:\/\/www.teconsite.com\/blog\/wp-content\/uploads\/2015\/01\/dise\u00f1o-responsive.jpg","type":"image\/jpeg"}],"author":"admintec","twitter_misc":{"Escrito por":"admintec","Tiempo de lectura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.teconsite.com\/blog\/las-claves-del-diseno-responsive\/#article","isPartOf":{"@id":"https:\/\/www.teconsite.com\/blog\/las-claves-del-diseno-responsive\/"},"author":{"name":"admintec","@id":"https:\/\/www.teconsite.com\/blog\/#\/schema\/person\/947211e26edbb0711ee24dedd5d516e0"},"headline":"Las claves del dise\u00f1o responsive","datePublished":"2015-01-15T10:03:09+00:00","dateModified":"2018-04-05T10:32:50+00:00","mainEntityOfPage":{"@id":"https:\/\/www.teconsite.com\/blog\/las-claves-del-diseno-responsive\/"},"wordCount":468,"image":{"@id":"https:\/\/www.teconsite.com\/blog\/las-claves-del-diseno-responsive\/#primaryimage"},"thumbnailUrl":"https:\/\/www.teconsite.com\/blog\/wp-content\/uploads\/2015\/01\/diseno-responsive.jpg","keywords":["apps","Dise\u00f1o Responsive","dise\u00f1o web m\u00f3vil","Sitio Web Responsive","tablet"],"articleSection":["Marketing digital"],"inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/www.teconsite.com\/blog\/las-claves-del-diseno-responsive\/","url":"https:\/\/www.teconsite.com\/blog\/las-claves-del-diseno-responsive\/","name":"Dise\u00f1o Responsive - Blog de Teconsite","isPartOf":{"@id":"https:\/\/www.teconsite.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.teconsite.com\/blog\/las-claves-del-diseno-responsive\/#primaryimage"},"image":{"@id":"https:\/\/www.teconsite.com\/blog\/las-claves-del-diseno-responsive\/#primaryimage"},"thumbnailUrl":"https:\/\/www.teconsite.com\/blog\/wp-content\/uploads\/2015\/01\/diseno-responsive.jpg","datePublished":"2015-01-15T10:03:09+00:00","dateModified":"2018-04-05T10:32:50+00:00","author":{"@id":"https:\/\/www.teconsite.com\/blog\/#\/schema\/person\/947211e26edbb0711ee24dedd5d516e0"},"description":"Las Claves del Dise\u00f1o Responsive. Explicamos en Profundidad qu\u00e9 es el Dise\u00f1o Web Responsive, C\u00f3mo Naci\u00f3 y las M\u00faltiples Ventajas que Ofrece. \u00bfTe Apuntas?","breadcrumb":{"@id":"https:\/\/www.teconsite.com\/blog\/las-claves-del-diseno-responsive\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.teconsite.com\/blog\/las-claves-del-diseno-responsive\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.teconsite.com\/blog\/las-claves-del-diseno-responsive\/#primaryimage","url":"https:\/\/www.teconsite.com\/blog\/wp-content\/uploads\/2015\/01\/dise\u00f1o-responsive.jpg","contentUrl":"https:\/\/www.teconsite.com\/blog\/wp-content\/uploads\/2015\/01\/dise\u00f1o-responsive.jpg","width":500,"height":400},{"@type":"BreadcrumbList","@id":"https:\/\/www.teconsite.com\/blog\/las-claves-del-diseno-responsive\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.teconsite.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Las claves del dise\u00f1o responsive"}]},{"@type":"WebSite","@id":"https:\/\/www.teconsite.com\/blog\/#website","url":"https:\/\/www.teconsite.com\/blog\/","name":"Blog","description":"Blog de Teconsite SL","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.teconsite.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.teconsite.com\/blog\/#\/schema\/person\/947211e26edbb0711ee24dedd5d516e0","name":"admintec","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.teconsite.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/21ab8f11664119780e77855bcb9750ce470b4b8d4f7bfd804b9dd51b89b537bd?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/21ab8f11664119780e77855bcb9750ce470b4b8d4f7bfd804b9dd51b89b537bd?s=96&d=mm&r=g","caption":"admintec"},"url":"https:\/\/www.teconsite.com\/blog\/author\/admintec\/"}]}},"_links":{"self":[{"href":"https:\/\/www.teconsite.com\/blog\/wp-json\/wp\/v2\/posts\/415","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.teconsite.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.teconsite.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.teconsite.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.teconsite.com\/blog\/wp-json\/wp\/v2\/comments?post=415"}],"version-history":[{"count":9,"href":"https:\/\/www.teconsite.com\/blog\/wp-json\/wp\/v2\/posts\/415\/revisions"}],"predecessor-version":[{"id":889,"href":"https:\/\/www.teconsite.com\/blog\/wp-json\/wp\/v2\/posts\/415\/revisions\/889"}],"wp:attachment":[{"href":"https:\/\/www.teconsite.com\/blog\/wp-json\/wp\/v2\/media?parent=415"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.teconsite.com\/blog\/wp-json\/wp\/v2\/categories?post=415"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.teconsite.com\/blog\/wp-json\/wp\/v2\/tags?post=415"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}