{"id":9056,"date":"2019-03-05T16:04:37","date_gmt":"2019-03-05T16:04:37","guid":{"rendered":"http:\/\/www.criteo.com\/es\/?p=9056"},"modified":"2021-01-07T17:54:21","modified_gmt":"2021-01-07T17:54:21","slug":"el-diseno-web-responsive-y-la-importancia-del-mobile","status":"publish","type":"post","link":"https:\/\/www.criteo.com\/es\/blog\/el-diseno-web-responsive-y-la-importancia-del-mobile\/","title":{"rendered":"El dise\u00f1o web responsive y la importancia del mobile"},"content":{"rendered":"

 <\/p>\n

En muchas ocasiones intentamos acceder a internet desde nuestros smartphones o tablets y nos encontramos con los siguientes problemas: la p\u00e1gina no carga correctamente, la informaci\u00f3n aparece desordenada o las fotograf\u00edas est\u00e1n cortadas. Esto se debe a que la creaci\u00f3n de la web no ha sido dise\u00f1ada para que se adapte a nuestros dispositivos m\u00f3viles. Este problema tiene una soluci\u00f3n y se llama dise\u00f1o web responsive.<\/p>\n

El dise\u00f1o web responsive es el encargado de adaptar una web a cualquier canal, ya sea smartphone, tablet, ordenador o incluso Smart TV, optimizando dise\u00f1o y contenido para que la navegaci\u00f3n sea r\u00e1pida y fluida y la experiencia, en definitiva, sea la deseada. Por ejemplo, en una pantalla grande, como una Smart TV, aparecer\u00e1n m\u00faltiples columnas, mientras que en una pantalla de m\u00f3vil posiblemente aparezca una sola columna y con letra m\u00e1s grande para facilitar la lectura y experiencia del consumidor.<\/p>\n

Adaptarse a la omnicanalidad<\/strong><\/h2>\n

Vivimos tiempos donde la omnicanalidad<\/a> forma parte del consumo diario en la red. Amanecemos con el m\u00f3vil en la mano, continuamos la navegaci\u00f3n en el ordenador del trabajo y es posible que hagamos las conversiones en la tablet desde el sof\u00e1 de nuestra casa a \u00faltima hora del d\u00eda. Es por esto por lo que se ha vuelto imprescindible el dise\u00f1o web responsive. Pocas cosas frustran m\u00e1s la experiencia de compra<\/a> que pretender leer una informaci\u00f3n, comprar un art\u00edculo o realizar una b\u00fasqueda y no poder hacerlo de una forma \u00e1gil y r\u00e1pida.<\/p>\n

Tips para un dise\u00f1o responsive<\/strong><\/h2>\n

Como en muchas situaciones de la vida, menos es m\u00e1s, es decir un dise\u00f1o est\u00e1ndar ser\u00e1 m\u00e1s f\u00e1cil de adaptar que una web que est\u00e9 llena de columnas y secciones. Adem\u00e1s, hay que tener en cuenta que cada una de estas secciones o columnas no deben contener demasiada informaci\u00f3n, ya que ser\u00e1 m\u00e1s complicado de adaptar y quedar\u00e1 menos visual y atractivo para los consumidores.<\/p>\n

Otro de los aspectos a tener en cuenta cuando hacemos un dise\u00f1o web responsive es evitar los efectos, es decir, algunos efectos que funcionan en el ordenador no lo har\u00e1n en los dispositivos m\u00f3viles, por lo que deberemos hacer una comprobaci\u00f3n multi dispositivo-plataforma para comprobar qu\u00e9 efectos funcionar\u00e1n en distintos canales y cu\u00e1les no.<\/p>\n

No debemos olvidar que las cargas de p\u00e1gina y los tama\u00f1os de pantalla son los aspectos t\u00e9cnicos m\u00e1s relevantes a la hora de comenzar a dibujar el proyecto para evitar fallos que arruinen la navegaci\u00f3n. Si a todo esto se le a\u00f1ade que el mismo Google recomienda por cuestiones de SEO un dise\u00f1o web responsive, parece claro que ahora mismo, con la tecnolog\u00eda disponible y los h\u00e1bitos de los consumidores, es la mejor opci\u00f3n para tu web.<\/p>\n

El dise\u00f1o web responsive es una de las grandes tendencias en materia de dise\u00f1o junto al llamado gigantismo de los titulares, los colores vivos en detrimento de los tradicionales tonos apagados o las plantillas predeterminadas para convertir tu web en una one-page. Adem\u00e1s, el hecho de que sea el dise\u00f1o m\u00e1s econ\u00f3mico en lo que a mantenimiento y desarrollo se refiere tambi\u00e9n le convierte en el dise\u00f1o preferido.<\/p>\n","protected":false},"excerpt":{"rendered":"

  En muchas ocasiones intentamos acceder a internet desde nuestros smartphones o tablets y nos encontramos con los siguientes problemas: la p\u00e1gina no carga correctamente, la informaci\u00f3n aparece desordenada o las fotograf\u00edas est\u00e1n cortadas. Esto se debe a que la creaci\u00f3n de la web no ha sido dise\u00f1ada para que se adapte a nuestros dispositivos […]<\/p>\n","protected":false},"author":55,"featured_media":9057,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[93],"coauthors":[],"class_list":{"0":"post-9056","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-criteo-updates"},"acf":{"stae_popup_enable":false,"hide_featured_image":false,"has_download":false,"has_embed":false,"podcast_audio_length":""},"yoast_head":"\nEl dise\u00f1o web responsive y la importancia del mobile | ES - Criteo<\/title>\n<meta name=\"description\" content=\"El dise\u00f1o web responsive es el encargado de adaptar una web a cualquier canal, ya sea smartphone, tablet, ordenador o incluso Smart TV.\" \/>\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.criteo.com\/es\/blog\/el-diseno-web-responsive-y-la-importancia-del-mobile\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"El dise\u00f1o web responsive y la importancia del mobile | ES - Criteo\" \/>\n<meta property=\"og:description\" content=\"El dise\u00f1o web responsive es el encargado de adaptar una web a cualquier canal, ya sea smartphone, tablet, ordenador o incluso Smart TV.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.criteo.com\/es\/blog\/el-diseno-web-responsive-y-la-importancia-del-mobile\/\" \/>\n<meta property=\"og:site_name\" content=\"ES - Criteo\" \/>\n<meta property=\"article:published_time\" content=\"2019-03-05T16:04:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-01-07T17:54:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.criteo.com\/es\/wp-content\/uploads\/sites\/8\/2019\/03\/El-dise\u00f1o-web-responsive-y-la-importancia-del-mobile-min-1024x624.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"624\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Tanitra Partivit\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Tanitra Partivit\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\n\t \"@context\": \"https:\/\/schema.org\",\n\t \"@graph\": [\n\t {\n\t \"@type\": [\n\t \"Article\",\n\t \"BlogPosting\"\n\t ],\n\t \"@id\": \"https:\/\/www.criteo.com\/es\/blog\/el-diseno-web-responsive-y-la-importancia-del-mobile\/#article\",\n\t \"isPartOf\": {\n\t \"@id\": \"https:\/\/www.criteo.com\/es\/blog\/el-diseno-web-responsive-y-la-importancia-del-mobile\/\"\n\t },\n\t \"author\": {\n\t \"name\": \"Tanitra Partivit\",\n\t \"@id\": \"https:\/\/www.criteo.com\/es\/#\/schema\/person\/56ebbdb4ce68f29e0a374b2c58bf74dc\"\n\t },\n\t \"headline\": \"El dise\u00f1o web responsive y la importancia del mobile\",\n\t \"datePublished\": \"2019-03-05T16:04:37+00:00\",\n\t \"dateModified\": \"2021-01-07T17:54:21+00:00\",\n\t \"mainEntityOfPage\": {\n\t \"@id\": \"https:\/\/www.criteo.com\/es\/blog\/el-diseno-web-responsive-y-la-importancia-del-mobile\/\"\n\t },\n\t \"wordCount\": 583,\n\t \"publisher\": {\n\t \"@id\": \"https:\/\/www.criteo.com\/es\/#organization\"\n\t },\n\t \"image\": {\n\t \"@id\": \"https:\/\/www.criteo.com\/es\/blog\/el-diseno-web-responsive-y-la-importancia-del-mobile\/#primaryimage\"\n\t },\n\t \"thumbnailUrl\": \"https:\/\/www.criteo.com\/es\/wp-content\/uploads\/sites\/8\/2019\/03\/El-dise\u00f1o-web-responsive-y-la-importancia-del-mobile-min.png\",\n\t \"keywords\": [\n\t \"Omnichannel\",\n\t \"website\"\n\t ],\n\t \"articleSection\": [\n\t \"Novedades de Criteo\"\n\t ],\n\t \"inLanguage\": \"es-ES\"\n\t },\n\t {\n\t \"@type\": \"ImageObject\",\n\t \"inLanguage\": \"es-ES\",\n\t \"@id\": \"https:\/\/www.criteo.com\/es\/blog\/el-diseno-web-responsive-y-la-importancia-del-mobile\/#primaryimage\",\n\t \"url\": \"https:\/\/www.criteo.com\/es\/wp-content\/uploads\/sites\/8\/2019\/03\/El-dise\u00f1o-web-responsive-y-la-importancia-del-mobile-min.png\",\n\t \"contentUrl\": \"https:\/\/www.criteo.com\/es\/wp-content\/uploads\/sites\/8\/2019\/03\/El-dise\u00f1o-web-responsive-y-la-importancia-del-mobile-min.png\",\n\t \"width\": 3600,\n\t \"height\": 2193,\n\t \"caption\": \"web responsive\"\n\t },\n\t {\n\t \"@type\": \"BreadcrumbList\",\n\t \"@id\": \"https:\/\/www.criteo.com\/es\/blog\/el-diseno-web-responsive-y-la-importancia-del-mobile\/#breadcrumb\",\n\t \"itemListElement\": [\n\t {\n\t \"@type\": \"ListItem\",\n\t \"position\": 1,\n\t \"name\": \"Home\",\n\t \"item\": \"https:\/\/www.criteo.com\/es\/\"\n\t },\n\t {\n\t \"@type\": \"ListItem\",\n\t \"position\": 2,\n\t \"name\": \"El dise\u00f1o web responsive y la importancia del mobile\"\n\t }\n\t ]\n\t },\n\t {\n\t \"@type\": \"Organization\",\n\t \"@id\": \"https:\/\/www.criteo.com\/es\/#organization\",\n\t \"name\": \"Criteo\",\n\t \"alternateName\": \"Criteo corp\",\n\t \"url\": \"https:\/\/www.criteo.com\/es\/\",\n\t \"logo\": {\n\t \"@type\": \"ImageObject\",\n\t \"inLanguage\": \"es-ES\",\n\t \"@id\": \"https:\/\/www.criteo.com\/es\/#\/schema\/logo\/image\/\",\n\t \"url\": \"https:\/\/www.criteo.com\/es\/wp-content\/uploads\/sites\/8\/2024\/02\/Criteo-Logo.svg\",\n\t \"contentUrl\": \"https:\/\/www.criteo.com\/es\/wp-content\/uploads\/sites\/8\/2024\/02\/Criteo-Logo.svg\",\n\t \"width\": 118,\n\t \"height\": 24,\n\t \"caption\": \"Criteo\"\n\t },\n\t \"image\": {\n\t \"@id\": \"https:\/\/www.criteo.com\/es\/#\/schema\/logo\/image\/\"\n\t }\n\t },\n\t {\n\t \"@type\": \"Person\",\n\t \"@id\": \"https:\/\/www.criteo.com\/es\/#\/schema\/person\/56ebbdb4ce68f29e0a374b2c58bf74dc\",\n\t \"name\": \"Tanitra Partivit\",\n\t \"image\": {\n\t \"@type\": \"ImageObject\",\n\t \"inLanguage\": \"es-ES\",\n\t \"@id\": \"https:\/\/www.criteo.com\/es\/#\/schema\/person\/image\/c465c6682471bfd7b9cfab364694fbe4\",\n\t \"url\": \"https:\/\/secure.gravatar.com\/avatar\/5d584a7a43777167bb03e5be607668990742fdcf196ebc931e8816d1ce7f5556?s=96&d=mm&r=g\",\n\t \"contentUrl\": \"https:\/\/secure.gravatar.com\/avatar\/5d584a7a43777167bb03e5be607668990742fdcf196ebc931e8816d1ce7f5556?s=96&d=mm&r=g\",\n\t \"caption\": \"Tanitra Partivit\"\n\t },\n\t \"url\": \"https:\/\/www.criteo.com\/es\/blog\/author\/tanitra\/\"\n\t }\n\t ]\n\t}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"El dise\u00f1o web responsive y la importancia del mobile | ES - Criteo","description":"El dise\u00f1o web responsive es el encargado de adaptar una web a cualquier canal, ya sea smartphone, tablet, ordenador o incluso Smart TV.","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.criteo.com\/es\/blog\/el-diseno-web-responsive-y-la-importancia-del-mobile\/","og_locale":"es_ES","og_type":"article","og_title":"El dise\u00f1o web responsive y la importancia del mobile | ES - Criteo","og_description":"El dise\u00f1o web responsive es el encargado de adaptar una web a cualquier canal, ya sea smartphone, tablet, ordenador o incluso Smart TV.","og_url":"https:\/\/www.criteo.com\/es\/blog\/el-diseno-web-responsive-y-la-importancia-del-mobile\/","og_site_name":"ES - Criteo","article_published_time":"2019-03-05T16:04:37+00:00","article_modified_time":"2021-01-07T17:54:21+00:00","og_image":[{"width":1024,"height":624,"url":"https:\/\/www.criteo.com\/es\/wp-content\/uploads\/sites\/8\/2019\/03\/El-dise\u00f1o-web-responsive-y-la-importancia-del-mobile-min-1024x624.png","type":"image\/png"}],"author":"Tanitra Partivit","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Tanitra Partivit","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/www.criteo.com\/es\/blog\/el-diseno-web-responsive-y-la-importancia-del-mobile\/#article","isPartOf":{"@id":"https:\/\/www.criteo.com\/es\/blog\/el-diseno-web-responsive-y-la-importancia-del-mobile\/"},"author":{"name":"Tanitra Partivit","@id":"https:\/\/www.criteo.com\/es\/#\/schema\/person\/56ebbdb4ce68f29e0a374b2c58bf74dc"},"headline":"El dise\u00f1o web responsive y la importancia del mobile","datePublished":"2019-03-05T16:04:37+00:00","dateModified":"2021-01-07T17:54:21+00:00","mainEntityOfPage":{"@id":"https:\/\/www.criteo.com\/es\/blog\/el-diseno-web-responsive-y-la-importancia-del-mobile\/"},"wordCount":583,"publisher":{"@id":"https:\/\/www.criteo.com\/es\/#organization"},"image":{"@id":"https:\/\/www.criteo.com\/es\/blog\/el-diseno-web-responsive-y-la-importancia-del-mobile\/#primaryimage"},"thumbnailUrl":"https:\/\/www.criteo.com\/es\/wp-content\/uploads\/sites\/8\/2019\/03\/El-dise\u00f1o-web-responsive-y-la-importancia-del-mobile-min.png","keywords":["Omnichannel","website"],"articleSection":["Novedades de Criteo"],"inLanguage":"es-ES"},{"@type":"ImageObject","inLanguage":"es-ES","@id":"https:\/\/www.criteo.com\/es\/blog\/el-diseno-web-responsive-y-la-importancia-del-mobile\/#primaryimage","url":"https:\/\/www.criteo.com\/es\/wp-content\/uploads\/sites\/8\/2019\/03\/El-dise\u00f1o-web-responsive-y-la-importancia-del-mobile-min.png","contentUrl":"https:\/\/www.criteo.com\/es\/wp-content\/uploads\/sites\/8\/2019\/03\/El-dise\u00f1o-web-responsive-y-la-importancia-del-mobile-min.png","width":3600,"height":2193,"caption":"web responsive"},{"@type":"BreadcrumbList","@id":"https:\/\/www.criteo.com\/es\/blog\/el-diseno-web-responsive-y-la-importancia-del-mobile\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.criteo.com\/es\/"},{"@type":"ListItem","position":2,"name":"El dise\u00f1o web responsive y la importancia del mobile"}]},{"@type":"Organization","@id":"https:\/\/www.criteo.com\/es\/#organization","name":"Criteo","alternateName":"Criteo corp","url":"https:\/\/www.criteo.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es-ES","@id":"https:\/\/www.criteo.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/www.criteo.com\/es\/wp-content\/uploads\/sites\/8\/2024\/02\/Criteo-Logo.svg","contentUrl":"https:\/\/www.criteo.com\/es\/wp-content\/uploads\/sites\/8\/2024\/02\/Criteo-Logo.svg","width":118,"height":24,"caption":"Criteo"},"image":{"@id":"https:\/\/www.criteo.com\/es\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.criteo.com\/es\/#\/schema\/person\/56ebbdb4ce68f29e0a374b2c58bf74dc","name":"Tanitra Partivit","image":{"@type":"ImageObject","inLanguage":"es-ES","@id":"https:\/\/www.criteo.com\/es\/#\/schema\/person\/image\/c465c6682471bfd7b9cfab364694fbe4","url":"https:\/\/secure.gravatar.com\/avatar\/5d584a7a43777167bb03e5be607668990742fdcf196ebc931e8816d1ce7f5556?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5d584a7a43777167bb03e5be607668990742fdcf196ebc931e8816d1ce7f5556?s=96&d=mm&r=g","caption":"Tanitra Partivit"},"url":"https:\/\/www.criteo.com\/es\/blog\/author\/tanitra\/"}]}},"_links":{"self":[{"href":"https:\/\/www.criteo.com\/es\/wp-json\/wp\/v2\/posts\/9056","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.criteo.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.criteo.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.criteo.com\/es\/wp-json\/wp\/v2\/users\/55"}],"replies":[{"embeddable":true,"href":"https:\/\/www.criteo.com\/es\/wp-json\/wp\/v2\/comments?post=9056"}],"version-history":[{"count":3,"href":"https:\/\/www.criteo.com\/es\/wp-json\/wp\/v2\/posts\/9056\/revisions"}],"predecessor-version":[{"id":13669,"href":"https:\/\/www.criteo.com\/es\/wp-json\/wp\/v2\/posts\/9056\/revisions\/13669"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.criteo.com\/es\/wp-json\/wp\/v2\/media\/9057"}],"wp:attachment":[{"href":"https:\/\/www.criteo.com\/es\/wp-json\/wp\/v2\/media?parent=9056"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.criteo.com\/es\/wp-json\/wp\/v2\/categories?post=9056"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.criteo.com\/es\/wp-json\/wp\/v2\/coauthors?post=9056"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}