{"id":6569,"date":"2023-04-21T11:36:56","date_gmt":"2023-04-21T09:36:56","guid":{"rendered":"https:\/\/miwebmadrid.es\/?p=6569"},"modified":"2023-04-21T11:40:06","modified_gmt":"2023-04-21T09:40:06","slug":"diseno-web-responsive-que-es-y-por-que-es-importante","status":"publish","type":"post","link":"https:\/\/miwebmadrid.es\/en\/diseno-web-responsive-que-es-y-por-que-es-importante\/","title":{"rendered":"Dise\u00f1o web responsive: \u00bfqu\u00e9 es y por qu\u00e9 es importante?"},"content":{"rendered":"<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">En la actualidad, el uso de dispositivos m\u00f3viles para navegar por Internet se ha vuelto cada vez m\u00e1s com\u00fan. Es fundamental que los sitios web est\u00e9n dise\u00f1ados para ser accesibles y navegables en cualquier tipo de dispositivo. <\/p>\n\n\n\n<div style=\"height:27px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-que-es-el-diseno-web-responsive\">\u00bfQu\u00e9 es el dise\u00f1o web responsive?<\/h2>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Se basa en el uso de hojas de estilo en cascada (CSS) y la adaptaci\u00f3n din\u00e1mica de los elementos del sitio web se ajusta al ancho de la pantalla del dispositivo en el que se est\u00e1 viendo. El dise\u00f1o web responsive da una experiencia de usuario \u00f3ptima independientemente del dispositivo utilizado, sin necesidad de tener que crear diferentes versiones del mismo sitio web para cada tama\u00f1o de pantalla.<\/p>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" data-src=\"https:\/\/miwebmadrid.es\/wp-content\/smush-webp\/2023\/04\/Diseno-web-responsive-design.jpg.webp\" alt=\"\" class=\"wp-image-6581 lazyload\" width=\"253\" height=\"186\" data-srcset=\"https:\/\/miwebmadrid.es\/wp-content\/smush-webp\/2023\/04\/Diseno-web-responsive-design.jpg.webp 250w, https:\/\/miwebmadrid.es\/wp-content\/smush-webp\/2023\/04\/Diseno-web-responsive-design-16x12.jpg.webp 16w\" data-sizes=\"(max-width: 253px) 100vw, 253px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 253px; --smush-placeholder-aspect-ratio: 253\/186;\" \/><\/figure>\n<\/div>\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-como-crearlo\">C\u00f3mo crearlo<\/h2>\n\n\n\n<div style=\"height:23px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Deber\u00e1s seguir los siguientes pasos:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Realiza el dise\u00f1o de m\u00f3viles primero: Al dise\u00f1ar tu sitio web, empieza por los m\u00f3viles y aseg\u00farate de que la navegaci\u00f3n y la legibilidad sean \u00f3ptimas en pantallas peque\u00f1as.<\/p>\n\n\n\n<div style=\"height:14px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" data-src=\"https:\/\/miwebmadrid.es\/wp-content\/smush-webp\/2023\/04\/movil_02-946x1024.jpg.webp\" alt=\"\" class=\"wp-image-6590 lazyload\" width=\"202\" height=\"219\" data-srcset=\"https:\/\/miwebmadrid.es\/wp-content\/smush-webp\/2023\/04\/movil_02-946x1024.jpg.webp 946w, https:\/\/miwebmadrid.es\/wp-content\/smush-webp\/2023\/04\/movil_02-277x300.jpg.webp 277w, https:\/\/miwebmadrid.es\/wp-content\/smush-webp\/2023\/04\/movil_02-768x831.jpg.webp 768w, https:\/\/miwebmadrid.es\/wp-content\/smush-webp\/2023\/04\/movil_02-1419x1536.jpg.webp 1419w, https:\/\/miwebmadrid.es\/wp-content\/smush-webp\/2023\/04\/movil_02-11x12.jpg.webp 11w, https:\/\/miwebmadrid.es\/wp-content\/smush-webp\/2023\/04\/movil_02-173x187.jpg.webp 173w, https:\/\/miwebmadrid.es\/wp-content\/smush-webp\/2023\/04\/movil_02-1170x1266.jpg.webp 1170w, https:\/\/miwebmadrid.es\/wp-content\/smush-webp\/2023\/04\/movil_02.jpg.webp 1456w\" data-sizes=\"(max-width: 202px) 100vw, 202px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 202px; --smush-placeholder-aspect-ratio: 202\/219;\" \/><\/figure>\n<\/div>\n\n\n<div style=\"height:21px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Despu\u00e9s utiliza el dise\u00f1o fluido: Utiliza porcentajes, en lugar de medidas fijas como p\u00edxeles. Esto permitir\u00e1 que los elementos se ajusten din\u00e1micamente a diferentes tama\u00f1os de pantalla.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"287\" data-src=\"https:\/\/miwebmadrid.es\/wp-content\/smush-webp\/2023\/04\/diseno-web-fluido-1024x287-1.jpeg.webp\" alt=\"\" class=\"wp-image-6609 lazyload\" data-srcset=\"https:\/\/miwebmadrid.es\/wp-content\/smush-webp\/2023\/04\/diseno-web-fluido-1024x287-1.jpeg.webp 1024w, https:\/\/miwebmadrid.es\/wp-content\/uploads\/2023\/04\/diseno-web-fluido-1024x287-1-300x84.jpeg 300w, https:\/\/miwebmadrid.es\/wp-content\/smush-webp\/2023\/04\/diseno-web-fluido-1024x287-1-768x215.jpeg.webp 768w, https:\/\/miwebmadrid.es\/wp-content\/uploads\/2023\/04\/diseno-web-fluido-1024x287-1-18x5.jpeg 18w, https:\/\/miwebmadrid.es\/wp-content\/uploads\/2023\/04\/diseno-web-fluido-1024x287-1-280x78.jpeg 280w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/287;\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Usa media queries: son t\u00e9cnicas que permiten modificar el dise\u00f1o de una p\u00e1gina web seg\u00fan las caracter\u00edsticas del dispositivo que se est\u00e9 utilizando. Esto te permitir\u00e1 adaptar el dise\u00f1o a diferentes tama\u00f1os de pantalla y ofrecer una experiencia de usuario \u00f3ptima.<\/p>\n\n\n\n<div style=\"height:18px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" data-src=\"https:\/\/miwebmadrid.es\/wp-content\/uploads\/2023\/04\/media-query-css.webp\" alt=\"\" class=\"wp-image-6597 lazyload\" width=\"442\" height=\"332\" data-srcset=\"https:\/\/miwebmadrid.es\/wp-content\/uploads\/2023\/04\/media-query-css.webp 666w, https:\/\/miwebmadrid.es\/wp-content\/uploads\/2023\/04\/media-query-css-300x225.webp 300w, https:\/\/miwebmadrid.es\/wp-content\/uploads\/2023\/04\/media-query-css-16x12.webp 16w, https:\/\/miwebmadrid.es\/wp-content\/uploads\/2023\/04\/media-query-css-249x187.webp 249w\" data-sizes=\"(max-width: 442px) 100vw, 442px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 442px; --smush-placeholder-aspect-ratio: 442\/332;\" \/><\/figure>\n<\/div>\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Optimiza las im\u00e1genes: Las im\u00e1genes pueden aumentar significativamente el tiempo de carga en dispositivos m\u00f3viles. Despu\u00e9s aseg\u00farate de optimizar las im\u00e1genes para que se ajusten a diferentes tama\u00f1os de pantalla y no ralenticen la carga de la p\u00e1gina.<\/p>\n\n\n\n<div style=\"height:37px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" data-src=\"https:\/\/miwebmadrid.es\/wp-content\/uploads\/2023\/04\/como-optimizar-imagenes-y-mejorar-la-carga-de-tu-sitio-web.webp\" alt=\"\" class=\"wp-image-6601 lazyload\" width=\"388\" height=\"194\" data-srcset=\"https:\/\/miwebmadrid.es\/wp-content\/uploads\/2023\/04\/como-optimizar-imagenes-y-mejorar-la-carga-de-tu-sitio-web.webp 1000w, https:\/\/miwebmadrid.es\/wp-content\/uploads\/2023\/04\/como-optimizar-imagenes-y-mejorar-la-carga-de-tu-sitio-web-300x150.webp 300w, https:\/\/miwebmadrid.es\/wp-content\/uploads\/2023\/04\/como-optimizar-imagenes-y-mejorar-la-carga-de-tu-sitio-web-768x384.webp 768w, https:\/\/miwebmadrid.es\/wp-content\/uploads\/2023\/04\/como-optimizar-imagenes-y-mejorar-la-carga-de-tu-sitio-web-18x9.webp 18w, https:\/\/miwebmadrid.es\/wp-content\/uploads\/2023\/04\/como-optimizar-imagenes-y-mejorar-la-carga-de-tu-sitio-web-280x140.webp 280w\" data-sizes=\"(max-width: 388px) 100vw, 388px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 388px; --smush-placeholder-aspect-ratio: 388\/194;\" \/><\/figure>\n<\/div>\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Fuente: <a href=\"https:\/\/www.browserstack.com\/guide\/how-to-make-website-mobile-friendly\">https:\/\/www.browserstack.com\/guide\/how-to-make-website-mobile-friendly<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>En la actualidad, el uso de dispositivos m\u00f3viles para navegar por Internet se ha vuelto cada vez m\u00e1s com\u00fan. Es fundamental que los sitios web est\u00e9n dise\u00f1ados para ser accesibles y navegables en cualquier tipo de dispositivo. \u00bfQu\u00e9 es el dise\u00f1o web responsive? Se basa en el uso de hojas de estilo en cascada (CSS)<\/p>","protected":false},"author":15,"featured_media":6578,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[30],"tags":[],"class_list":["post-6569","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.3 (Yoast SEO v28.0) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Dise\u00f1o web responsive: \u00bfqu\u00e9 es y por qu\u00e9 es importante? - DISE\u00d1O WEB MADRID<\/title>\n<meta name=\"description\" content=\"En la actualidad, el dise\u00f1o de paginas web en m\u00f3viles se ha vuelto cada vez m\u00e1s com\u00fan. Por esta raz\u00f3n, es fundamental\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/miwebmadrid.es\/en\/diseno-web-responsive-que-es-y-por-que-es-importante\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Dise\u00f1o web responsive: \u00bfqu\u00e9 es y por qu\u00e9 es importante?\" \/>\n<meta property=\"og:description\" content=\"En la actualidad, el dise\u00f1o de paginas web en m\u00f3viles se ha vuelto cada vez m\u00e1s com\u00fan. Por esta raz\u00f3n, es fundamental\" \/>\n<meta property=\"og:url\" content=\"https:\/\/miwebmadrid.es\/en\/diseno-web-responsive-que-es-y-por-que-es-importante\/\" \/>\n<meta property=\"og:site_name\" content=\"DISE\u00d1O DE PAGINA WEB EN MADRID\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/disenowebmadrid28028\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-04-21T09:36:56+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-04-21T09:40:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/miwebmadrid.es\/wp-content\/uploads\/2023\/04\/diseno-web-responsive.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"750\" \/>\n\t<meta property=\"og:image:height\" content=\"450\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"IES Villaverde\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@miwebmadrid\" \/>\n<meta name=\"twitter:site\" content=\"@miwebmadrid\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"IES Villaverde\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/miwebmadrid.es\\\/diseno-web-responsive-que-es-y-por-que-es-importante\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/miwebmadrid.es\\\/diseno-web-responsive-que-es-y-por-que-es-importante\\\/\"},\"author\":{\"name\":\"IES Villaverde\",\"@id\":\"https:\\\/\\\/miwebmadrid.es\\\/#\\\/schema\\\/person\\\/9b46480841c2b8d45814923b85aff89b\"},\"headline\":\"Dise\u00f1o web responsive: \u00bfqu\u00e9 es y por qu\u00e9 es importante?\",\"datePublished\":\"2023-04-21T09:36:56+00:00\",\"dateModified\":\"2023-04-21T09:40:06+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/miwebmadrid.es\\\/diseno-web-responsive-que-es-y-por-que-es-importante\\\/\"},\"wordCount\":310,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/miwebmadrid.es\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/miwebmadrid.es\\\/diseno-web-responsive-que-es-y-por-que-es-importante\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/miwebmadrid.es\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/diseno-web-responsive.jpg\",\"articleSection\":[\"Blog\"],\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/miwebmadrid.es\\\/diseno-web-responsive-que-es-y-por-que-es-importante\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/miwebmadrid.es\\\/diseno-web-responsive-que-es-y-por-que-es-importante\\\/\",\"url\":\"https:\\\/\\\/miwebmadrid.es\\\/diseno-web-responsive-que-es-y-por-que-es-importante\\\/\",\"name\":\"Dise\u00f1o web responsive: \u00bfqu\u00e9 es y por qu\u00e9 es importante? - DISE\u00d1O WEB MADRID\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/miwebmadrid.es\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/miwebmadrid.es\\\/diseno-web-responsive-que-es-y-por-que-es-importante\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/miwebmadrid.es\\\/diseno-web-responsive-que-es-y-por-que-es-importante\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/miwebmadrid.es\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/diseno-web-responsive.jpg\",\"datePublished\":\"2023-04-21T09:36:56+00:00\",\"dateModified\":\"2023-04-21T09:40:06+00:00\",\"description\":\"En la actualidad, el dise\u00f1o de paginas web en m\u00f3viles se ha vuelto cada vez m\u00e1s com\u00fan. Por esta raz\u00f3n, es fundamental\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/miwebmadrid.es\\\/diseno-web-responsive-que-es-y-por-que-es-importante\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/miwebmadrid.es\\\/diseno-web-responsive-que-es-y-por-que-es-importante\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/miwebmadrid.es\\\/diseno-web-responsive-que-es-y-por-que-es-importante\\\/#primaryimage\",\"url\":\"https:\\\/\\\/miwebmadrid.es\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/diseno-web-responsive.jpg\",\"contentUrl\":\"https:\\\/\\\/miwebmadrid.es\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/diseno-web-responsive.jpg\",\"width\":750,\"height\":450},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/miwebmadrid.es\\\/diseno-web-responsive-que-es-y-por-que-es-importante\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/miwebmadrid.es\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Dise\u00f1o web responsive: \u00bfqu\u00e9 es y por qu\u00e9 es importante?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/miwebmadrid.es\\\/#website\",\"url\":\"https:\\\/\\\/miwebmadrid.es\\\/\",\"name\":\"DISE\u00d1O DE PAGINA WEB EN MADRID DATA SYSTEM\",\"description\":\"dise\u00f1o web,desarrollo web,dise\u00f1o de paginas web,dise\u00f1o web en Madrid\",\"publisher\":{\"@id\":\"https:\\\/\\\/miwebmadrid.es\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/miwebmadrid.es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":[\"Organization\",\"Place\",\"LocalBusiness\"],\"@id\":\"https:\\\/\\\/miwebmadrid.es\\\/#organization\",\"name\":\"DISE\u00d1O WEB MADRID - DATA SYSTEM\",\"url\":\"https:\\\/\\\/miwebmadrid.es\\\/\",\"logo\":{\"@id\":\"https:\\\/\\\/miwebmadrid.es\\\/diseno-web-responsive-que-es-y-por-que-es-importante\\\/#local-main-organization-logo\"},\"image\":{\"@id\":\"https:\\\/\\\/miwebmadrid.es\\\/diseno-web-responsive-que-es-y-por-que-es-importante\\\/#local-main-organization-logo\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/disenowebmadrid28028\\\/\",\"https:\\\/\\\/x.com\\\/miwebmadrid\"],\"address\":{\"@id\":\"https:\\\/\\\/miwebmadrid.es\\\/diseno-web-responsive-que-es-y-por-que-es-importante\\\/#local-main-place-address\"},\"geo\":{\"@type\":\"GeoCoordinates\",\"latitude\":\"40.44839470000001\",\"longitude\":\"-3.702584999999999\"},\"telephone\":[\"910174686\",\"620679252\"],\"openingHoursSpecification\":[{\"@type\":\"OpeningHoursSpecification\",\"dayOfWeek\":[\"Monday\",\"Tuesday\",\"Wednesday\",\"Thursday\",\"Friday\"],\"opens\":\"10:00\",\"closes\":\"20:30\"},{\"@type\":\"OpeningHoursSpecification\",\"dayOfWeek\":[\"Saturday\"],\"opens\":\"10:00\",\"closes\":\"17:00\"},{\"@type\":\"OpeningHoursSpecification\",\"dayOfWeek\":[\"Sunday\"],\"opens\":\"00:00\",\"closes\":\"00:00\"}],\"email\":\"info@miwebmadrid.es\",\"areaServed\":\"Comunidad de Madrid\",\"vatID\":\"B87765368\",\"priceRange\":\"$\",\"currenciesAccepted\":\"\u20ac\",\"paymentAccepted\":\"Paypal y Transferencia\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/miwebmadrid.es\\\/#\\\/schema\\\/person\\\/9b46480841c2b8d45814923b85aff89b\",\"name\":\"IES Villaverde\",\"url\":\"https:\\\/\\\/miwebmadrid.es\\\/en\\\/author\\\/iesvillaverde\\\/\"},{\"@type\":\"PostalAddress\",\"@id\":\"https:\\\/\\\/miwebmadrid.es\\\/diseno-web-responsive-que-es-y-por-que-es-importante\\\/#local-main-place-address\",\"streetAddress\":\"Calle de Bravo Murillo, 122, Mercado de Maravillas\",\"addressLocality\":\"Madrid\",\"postalCode\":\"28020\",\"addressRegion\":\"Madrid\",\"addressCountry\":\"ES\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/miwebmadrid.es\\\/diseno-web-responsive-que-es-y-por-que-es-importante\\\/#local-main-organization-logo\",\"url\":\"https:\\\/\\\/miwebmadrid.es\\\/wp-content\\\/uploads\\\/2016\\\/08\\\/logo.png\",\"contentUrl\":\"https:\\\/\\\/miwebmadrid.es\\\/wp-content\\\/uploads\\\/2016\\\/08\\\/logo.png\",\"width\":420,\"height\":64,\"caption\":\"DISE\u00d1O WEB MADRID - DATA SYSTEM\"}]}<\/script>\n<meta name=\"geo.placename\" content=\"Madrid\" \/>\n<meta name=\"geo.position\" content=\"40.44839470000001;-3.702584999999999\" \/>\n<meta name=\"geo.region\" content=\"Spain\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Dise\u00f1o web responsive: \u00bfqu\u00e9 es y por qu\u00e9 es importante? - DISE\u00d1O WEB MADRID","description":"En la actualidad, el dise\u00f1o de paginas web en m\u00f3viles se ha vuelto cada vez m\u00e1s com\u00fan. Por esta raz\u00f3n, es fundamental","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:\/\/miwebmadrid.es\/en\/diseno-web-responsive-que-es-y-por-que-es-importante\/","og_locale":"en_GB","og_type":"article","og_title":"Dise\u00f1o web responsive: \u00bfqu\u00e9 es y por qu\u00e9 es importante?","og_description":"En la actualidad, el dise\u00f1o de paginas web en m\u00f3viles se ha vuelto cada vez m\u00e1s com\u00fan. Por esta raz\u00f3n, es fundamental","og_url":"https:\/\/miwebmadrid.es\/en\/diseno-web-responsive-que-es-y-por-que-es-importante\/","og_site_name":"DISE\u00d1O DE PAGINA WEB EN MADRID","article_publisher":"https:\/\/www.facebook.com\/disenowebmadrid28028\/","article_published_time":"2023-04-21T09:36:56+00:00","article_modified_time":"2023-04-21T09:40:06+00:00","og_image":[{"width":750,"height":450,"url":"https:\/\/miwebmadrid.es\/wp-content\/uploads\/2023\/04\/diseno-web-responsive.jpg","type":"image\/jpeg"}],"author":"IES Villaverde","twitter_card":"summary_large_image","twitter_creator":"@miwebmadrid","twitter_site":"@miwebmadrid","twitter_misc":{"Written by":"IES Villaverde","Estimated reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/miwebmadrid.es\/diseno-web-responsive-que-es-y-por-que-es-importante\/#article","isPartOf":{"@id":"https:\/\/miwebmadrid.es\/diseno-web-responsive-que-es-y-por-que-es-importante\/"},"author":{"name":"IES Villaverde","@id":"https:\/\/miwebmadrid.es\/#\/schema\/person\/9b46480841c2b8d45814923b85aff89b"},"headline":"Dise\u00f1o web responsive: \u00bfqu\u00e9 es y por qu\u00e9 es importante?","datePublished":"2023-04-21T09:36:56+00:00","dateModified":"2023-04-21T09:40:06+00:00","mainEntityOfPage":{"@id":"https:\/\/miwebmadrid.es\/diseno-web-responsive-que-es-y-por-que-es-importante\/"},"wordCount":310,"commentCount":0,"publisher":{"@id":"https:\/\/miwebmadrid.es\/#organization"},"image":{"@id":"https:\/\/miwebmadrid.es\/diseno-web-responsive-que-es-y-por-que-es-importante\/#primaryimage"},"thumbnailUrl":"https:\/\/miwebmadrid.es\/wp-content\/uploads\/2023\/04\/diseno-web-responsive.jpg","articleSection":["Blog"],"inLanguage":"en-GB","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/miwebmadrid.es\/diseno-web-responsive-que-es-y-por-que-es-importante\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/miwebmadrid.es\/diseno-web-responsive-que-es-y-por-que-es-importante\/","url":"https:\/\/miwebmadrid.es\/diseno-web-responsive-que-es-y-por-que-es-importante\/","name":"Dise\u00f1o web responsive: \u00bfqu\u00e9 es y por qu\u00e9 es importante? - DISE\u00d1O WEB MADRID","isPartOf":{"@id":"https:\/\/miwebmadrid.es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/miwebmadrid.es\/diseno-web-responsive-que-es-y-por-que-es-importante\/#primaryimage"},"image":{"@id":"https:\/\/miwebmadrid.es\/diseno-web-responsive-que-es-y-por-que-es-importante\/#primaryimage"},"thumbnailUrl":"https:\/\/miwebmadrid.es\/wp-content\/uploads\/2023\/04\/diseno-web-responsive.jpg","datePublished":"2023-04-21T09:36:56+00:00","dateModified":"2023-04-21T09:40:06+00:00","description":"En la actualidad, el dise\u00f1o de paginas web en m\u00f3viles se ha vuelto cada vez m\u00e1s com\u00fan. Por esta raz\u00f3n, es fundamental","breadcrumb":{"@id":"https:\/\/miwebmadrid.es\/diseno-web-responsive-que-es-y-por-que-es-importante\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/miwebmadrid.es\/diseno-web-responsive-que-es-y-por-que-es-importante\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/miwebmadrid.es\/diseno-web-responsive-que-es-y-por-que-es-importante\/#primaryimage","url":"https:\/\/miwebmadrid.es\/wp-content\/uploads\/2023\/04\/diseno-web-responsive.jpg","contentUrl":"https:\/\/miwebmadrid.es\/wp-content\/uploads\/2023\/04\/diseno-web-responsive.jpg","width":750,"height":450},{"@type":"BreadcrumbList","@id":"https:\/\/miwebmadrid.es\/diseno-web-responsive-que-es-y-por-que-es-importante\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/miwebmadrid.es\/en\/"},{"@type":"ListItem","position":2,"name":"Dise\u00f1o web responsive: \u00bfqu\u00e9 es y por qu\u00e9 es importante?"}]},{"@type":"WebSite","@id":"https:\/\/miwebmadrid.es\/#website","url":"https:\/\/miwebmadrid.es\/","name":"DISE\u00d1O DE PAGINA WEB EN MADRID DATA SYSTEM","description":"dise\u00f1o web,desarrollo web,dise\u00f1o de paginas web,dise\u00f1o web en Madrid","publisher":{"@id":"https:\/\/miwebmadrid.es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/miwebmadrid.es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":["Organization","Place","LocalBusiness"],"@id":"https:\/\/miwebmadrid.es\/#organization","name":"DISE\u00d1O WEB MADRID - DATA SYSTEM","url":"https:\/\/miwebmadrid.es\/","logo":{"@id":"https:\/\/miwebmadrid.es\/diseno-web-responsive-que-es-y-por-que-es-importante\/#local-main-organization-logo"},"image":{"@id":"https:\/\/miwebmadrid.es\/diseno-web-responsive-que-es-y-por-que-es-importante\/#local-main-organization-logo"},"sameAs":["https:\/\/www.facebook.com\/disenowebmadrid28028\/","https:\/\/x.com\/miwebmadrid"],"address":{"@id":"https:\/\/miwebmadrid.es\/diseno-web-responsive-que-es-y-por-que-es-importante\/#local-main-place-address"},"geo":{"@type":"GeoCoordinates","latitude":"40.44839470000001","longitude":"-3.702584999999999"},"telephone":["910174686","620679252"],"openingHoursSpecification":[{"@type":"OpeningHoursSpecification","dayOfWeek":["Monday","Tuesday","Wednesday","Thursday","Friday"],"opens":"10:00","closes":"20:30"},{"@type":"OpeningHoursSpecification","dayOfWeek":["Saturday"],"opens":"10:00","closes":"17:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":["Sunday"],"opens":"00:00","closes":"00:00"}],"email":"info@miwebmadrid.es","areaServed":"Comunidad de Madrid","vatID":"B87765368","priceRange":"$","currenciesAccepted":"\u20ac","paymentAccepted":"Paypal y Transferencia"},{"@type":"Person","@id":"https:\/\/miwebmadrid.es\/#\/schema\/person\/9b46480841c2b8d45814923b85aff89b","name":"IES Villaverde","url":"https:\/\/miwebmadrid.es\/en\/author\/iesvillaverde\/"},{"@type":"PostalAddress","@id":"https:\/\/miwebmadrid.es\/diseno-web-responsive-que-es-y-por-que-es-importante\/#local-main-place-address","streetAddress":"Calle de Bravo Murillo, 122, Mercado de Maravillas","addressLocality":"Madrid","postalCode":"28020","addressRegion":"Madrid","addressCountry":"ES"},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/miwebmadrid.es\/diseno-web-responsive-que-es-y-por-que-es-importante\/#local-main-organization-logo","url":"https:\/\/miwebmadrid.es\/wp-content\/uploads\/2016\/08\/logo.png","contentUrl":"https:\/\/miwebmadrid.es\/wp-content\/uploads\/2016\/08\/logo.png","width":420,"height":64,"caption":"DISE\u00d1O WEB MADRID - DATA SYSTEM"}]},"geo.placename":"Madrid","geo.position":{"lat":"40.44839470000001","long":"-3.702584999999999"},"geo.region":"Spain"},"zion_builder_status":false,"_links":{"self":[{"href":"https:\/\/miwebmadrid.es\/en\/wp-json\/wp\/v2\/posts\/6569","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/miwebmadrid.es\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/miwebmadrid.es\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/miwebmadrid.es\/en\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/miwebmadrid.es\/en\/wp-json\/wp\/v2\/comments?post=6569"}],"version-history":[{"count":0,"href":"https:\/\/miwebmadrid.es\/en\/wp-json\/wp\/v2\/posts\/6569\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/miwebmadrid.es\/en\/wp-json\/wp\/v2\/media\/6578"}],"wp:attachment":[{"href":"https:\/\/miwebmadrid.es\/en\/wp-json\/wp\/v2\/media?parent=6569"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/miwebmadrid.es\/en\/wp-json\/wp\/v2\/categories?post=6569"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/miwebmadrid.es\/en\/wp-json\/wp\/v2\/tags?post=6569"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}