{"id":1787,"date":"2017-12-12T16:23:47","date_gmt":"2017-12-12T15:23:47","guid":{"rendered":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/?p=1787"},"modified":"2025-09-10T16:04:43","modified_gmt":"2025-09-10T14:04:43","slug":"mobile-first","status":"publish","type":"post","link":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/mobile-first","title":{"rendered":"Mobile First: prioridad en dise\u00f1o web al usuario m\u00f3vil"},"content":{"rendered":"<p style=\"text-align: justify;\">El modelo <strong>Mobile First <\/strong>es una filosof\u00eda que perfecciona el proceso de dise\u00f1o de cualquier sitio web, buscando\u00a0mejorar el <a href=\"https:\/\/www.inesem.es\/revistadigital\/gestion-empresarial\/web-optimizada-moviles\/\" target=\"_blank\" rel=\"noopener noreferrer\">dise\u00f1o web adaptable.<\/a> Esta nueva forma de dise\u00f1ar, surge de los dispositivos m\u00f3viles y de cualquier pantalla de tama\u00f1o menor, en la que se parte de una escala en aumento hasta adaptar el dise\u00f1o a pantallas de gran tama\u00f1o.<\/p>\n<p style=\"text-align: justify;\">Para aplicar esta filosof\u00eda, debemos tener en cuenta que todo lo que no sea esencial debe quedar fuera de nuestro dise\u00f1o. Para hacerlo debemos pensar en lo que buscan nuestros consumidores, qu\u00e9 es lo que no puede faltar en ning\u00fan caso y qu\u00e9 es prescindible o superfluo.<\/p>\n<p style=\"text-align: justify;\">Cuando se aplica el<strong> Responsive Web Design<\/strong>, cada vez es m\u00e1s habitual que se tomen las decisiones pensando en este m\u00e9todo. Esto se debe a que la mayor\u00eda de los usuarios actualmente acceden a la informaci\u00f3n a trav\u00e9s de sus dispositivos m\u00f3viles.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_72 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/mobile-first\/#Aspectos_a_tener_en_cuenta_en_el_diseno_Mobile_First\" title=\"Aspectos a tener en cuenta en el dise\u00f1o Mobile First\">Aspectos a tener en cuenta en el dise\u00f1o Mobile First<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/mobile-first\/#Diseno\" title=\"Dise\u00f1o\">Dise\u00f1o<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/mobile-first\/#Posicionamiento\" title=\"Posicionamiento\">Posicionamiento<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"Aspectos_a_tener_en_cuenta_en_el_diseno_Mobile_First\"><\/span>Aspectos a tener en cuenta en el dise\u00f1o Mobile First<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p style=\"text-align: justify;\">Teniendo en cuenta esta manera de enfocar el dise\u00f1o, las dimensiones y capacidades de un m\u00f3vil y la informaci\u00f3n que debemos incluir, podemos pasar al desarrollo de una p\u00e1gina web.<\/p>\n<p style=\"text-align: justify;\">Lo primero que se debe hacer es aclarar el <strong>contenido b\u00e1sico<\/strong> y separarlo del contenido sobrante o prescindible. Al hacer esto, nos quedar\u00e1 un listado de los elementos esenciales que debe contener nuestra p\u00e1gina; home, p\u00e1gina interior, carrito de compra, buscador\u2026 Estos elementos deben decidirse en funci\u00f3n de las necesidades de los futuros usuarios.<\/p>\n<p style=\"text-align: justify;\">Puede darse el caso de que ciertos elementos no se logren incluir a la vez en pantalla como el logotipo, el navegador y el buscador, por ejemplo. Si el espacio realmente es \u00ednfimo, siempre puede darse la opci\u00f3n de habilitar un bot\u00f3n con categor\u00edas para las opciones que no se puedan incluir en la pantalla.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1792\" style=\"text-align: justify;\" src=\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2017\/11\/mobile-first4-300x212.jpg\" alt=\"Escala de pantallas: el modelo Mobile First\" width=\"500\" height=\"353\" srcset=\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2017\/11\/mobile-first4-300x212.jpg 300w, https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2017\/11\/mobile-first4-768x543.jpg 768w, https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2017\/11\/mobile-first4-1024x724.jpg 1024w, https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2017\/11\/mobile-first4-600x424.jpg 600w, https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2017\/11\/mobile-first4-59x42.jpg 59w, https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2017\/11\/mobile-first4-230x163.jpg 230w, https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2017\/11\/mobile-first4-369x261.jpg 369w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<h3 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"Diseno\"><\/span>Dise\u00f1o<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p style=\"text-align: justify;\">En la parte de dise\u00f1o el proceso empieza igual, debemos pensar en c\u00f3mo ver\u00edamos la p\u00e1gina web si entr\u00e1ramos desde un m\u00f3vil. A partir de ah\u00ed, se dise\u00f1a la interfaz de la p\u00e1gina, tanto en papel durante el proceso de prototipado como en HTML + CSS en la pr\u00e1ctica y desarrollo.<\/p>\n<p style=\"text-align: justify;\">Es mucho <strong>m\u00e1s sencillo<\/strong> dise\u00f1ar una p\u00e1gina web <strong>partiendo de un dispositivo m\u00f3vil<\/strong> que desde un ordenador de escritorio, sobre todo por las dimensiones y la cantidad de elementos que pueden incluirse en uno u otro. Trabajar con un espacio reducido es realmente productivo y eficiente, se consigue disminuir la informaci\u00f3n y se mantiene lo importante, desechando de esta forma lo que es secundario.<\/p>\n<p style=\"text-align: justify;\">Una vez obtenemos el dise\u00f1o definitivo para un dispositivo de tama\u00f1o reducido, el siguiente paso es estirar la ventana hasta que el dise\u00f1o empiece a deformarse o a verse mal. Este es justo el momento de usar lo que llamamos <strong>\u2018<em>breakpoint<\/em>\u2019<\/strong> (el punto de ruptura) y definir los media queries para pantallas de mayor dimensi\u00f3n.<\/p>\n<p style=\"text-align: justify;\">Mobile First hace m\u00e1s sencilla la tarea de dise\u00f1ar cualquier p\u00e1gina web, de manera gradual el dise\u00f1o se ir\u00e1 acomodando a los distintos tama\u00f1os de pantalla, adaptando el layout al tiempo.<\/p>\n<p style=\"text-align: justify;\">Dise\u00f1ar a partir de pantallas grandes es mucho menos pr\u00e1ctico, requiere mucho m\u00e1s esfuerzo reducir que ir aumentando el espacio. Los dise\u00f1adores suelen estar de acuerdo en esto, <strong>lo mejor es empezar dise\u00f1ando para pantallas m\u00f3viles.<\/strong><\/p>\n<h3 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"Posicionamiento\"><\/span>Posicionamiento<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p style=\"text-align: justify;\">Google sabe que este tipo de sitios web son adaptativos, esto quiere decir que reducen el tama\u00f1o del contenido igual que se reduce la resoluci\u00f3n de las pantallas. Por este motivo, Google obliga a los sitios web a mantener un <a href=\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/mobile-first\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>responsive design<\/strong><\/a>, si esto no se cumple la visibilidad de la p\u00e1gina cada vez ser\u00e1 menor y la efectividad SEO disminuir\u00e1 por las p\u00e9rdidas de los clientes que accedan a la red a trav\u00e9s de sus m\u00f3viles.<\/p>\n<p style=\"text-align: justify;\">El <strong>proyecto AMP <\/strong>(Accelerated Mobile Pages Project) es uno de los apoyos m\u00e1s fuertes del m\u00e9todo Mobile First, se trata de una iniciativa de c\u00f3digo abierto que mejora la experiencia web para los usuarios m\u00f3viles. Este proyecto es f\u00e1cil de llevar a la pr\u00e1ctica siguiendo los <a title=\"C\u00f3mo llevar acabo AMP en mi web\" href=\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/que-es-amp-projects-google\/\" target=\"_blank\" rel=\"noopener noreferrer\">consejos de nuestros profesionales<\/a>.<\/p>\n<p style=\"text-align: justify;\">Como dato, en octubre de este a\u00f1o el n\u00famero de usuarios conectados a Internet a trav\u00e9s de<strong> dispositivos m\u00f3viles super\u00f3 a los que acced\u00edan a la web desde ordenadores<\/strong>. Esto nos confirma que en un futuro no tan lejano ser\u00e1 del todo imprescindible que una web tenga un buen rendimiento en dispositivos m\u00f3viles, debido al incremento sucesivo del uso de pantallas peque\u00f1as para navegar en la red.<\/p>\n<p style=\"text-align: justify;\">Actualmente crear un sitio web bajo la filosof\u00eda <em>Mobile First <\/em>es\u00a0fundamental, obtener un buen posicionamiento y recibir el mayor n\u00famero de visitas posibles ser\u00e1 sencillo.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Todas las p\u00e1ginas web deber\u00eda ser construida seg\u00fan el criterio mobile first. Descubre c\u00f3mo realizar un dise\u00f1o web 100% adaptable<\/p>\n","protected":false},"author":90578,"featured_media":2393,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[339],"class_list":["post-1787","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Mobile First: dise\u00f1o web centrado en el m\u00f3vil<\/title>\n<meta name=\"description\" content=\"Descubre qu\u00e9 es el dise\u00f1o Mobile First, por qu\u00e9 es clave para el SEO y c\u00f3mo adaptar tu web al comportamiento de los usuarios desde el m\u00f3vil.\" \/>\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.inesem.es\/revistadigital\/diseno-y-artes-graficas\/mobile-first\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mobile First: dise\u00f1o web centrado en el m\u00f3vil\" \/>\n<meta property=\"og:description\" content=\"Descubre qu\u00e9 es el dise\u00f1o Mobile First, por qu\u00e9 es clave para el SEO y c\u00f3mo adaptar tu web al comportamiento de los usuarios desde el m\u00f3vil.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/mobile-first\" \/>\n<meta property=\"og:site_name\" content=\"Canal Dise\u00f1o y Arquitectura\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/InesemBusinessSchool\/\" \/>\n<meta property=\"article:published_time\" content=\"2017-12-12T15:23:47+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-10T14:04:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2017\/12\/mobile-first.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1620\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Mar\u00eda Amelia Puentes Gallego\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@inesem\" \/>\n<meta name=\"twitter:site\" content=\"@inesem\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Mar\u00eda Amelia Puentes Gallego\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/mobile-first#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/mobile-first\"},\"author\":{\"name\":\"Mar\u00eda Amelia Puentes Gallego\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/#\/schema\/person\/fac5f781f76da284cd11341034285979\"},\"headline\":\"Mobile First: prioridad en dise\u00f1o web al usuario m\u00f3vil\",\"datePublished\":\"2017-12-12T15:23:47+00:00\",\"dateModified\":\"2025-09-10T14:04:43+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/mobile-first\"},\"wordCount\":846,\"commentCount\":3,\"publisher\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/mobile-first#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2017\/12\/mobile-first.jpg\",\"articleSection\":[\"Dise\u00f1o Web\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/mobile-first#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/mobile-first\",\"url\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/mobile-first\",\"name\":\"Mobile First: dise\u00f1o web centrado en el m\u00f3vil\",\"isPartOf\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/mobile-first#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/mobile-first#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2017\/12\/mobile-first.jpg\",\"datePublished\":\"2017-12-12T15:23:47+00:00\",\"dateModified\":\"2025-09-10T14:04:43+00:00\",\"description\":\"Descubre qu\u00e9 es el dise\u00f1o Mobile First, por qu\u00e9 es clave para el SEO y c\u00f3mo adaptar tu web al comportamiento de los usuarios desde el m\u00f3vil.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/mobile-first#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/mobile-first\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/mobile-first#primaryimage\",\"url\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2017\/12\/mobile-first.jpg\",\"contentUrl\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2017\/12\/mobile-first.jpg\",\"width\":\"1620\",\"height\":\"1080\",\"caption\":\"dise\u00f1o mobile first\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/mobile-first#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Dise\u00f1o Web\",\"item\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/categorias\/diseno-web\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Mobile First: prioridad en dise\u00f1o web al usuario m\u00f3vil\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/#website\",\"url\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/\",\"name\":\"Canal Dise\u00f1o y Arquitectura\",\"description\":\"En los art\u00edculos de Dise\u00f1o y Arquitectura de Revista Digital INESEM encontrar\u00e1s informaci\u00f3n actualizada e innovadora sobre tu sector. Nuestros art\u00edculos est\u00e1n elaborados y contrastados por profesionales de diferentes especialidades del sector. Si est\u00e1s buscando informaci\u00f3n sobre Arquitectura y Edificaci\u00f3n, Decoraci\u00f3n e Interiorismo, Dise\u00f1o Gr\u00e1fico, Dise\u00f1o Web o Edici\u00f3n y Posproducci\u00f3n Digital, est\u00e1s en el sitio indicado.\",\"publisher\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/#organization\",\"name\":\"Canal Dise\u00f1o y Arquitectura\",\"url\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/#\/schema\/logo\/image\/\",\"url\":\"\",\"contentUrl\":\"\",\"caption\":\"Canal Dise\u00f1o y Arquitectura\"},\"image\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/InesemBusinessSchool\/\",\"https:\/\/x.com\/inesem\",\"http:\/\/www.linkedin.com\/company\/2370697\",\"https:\/\/www.youtube.com\/user\/inesembusinesschool\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/#\/schema\/person\/fac5f781f76da284cd11341034285979\",\"name\":\"Mar\u00eda Amelia Puentes Gallego\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2017\/10\/Mar\u00eda-Amelia-Puentes-Gallego_avatar_1507546191-96x96.jpg\",\"contentUrl\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2017\/10\/Mar\u00eda-Amelia-Puentes-Gallego_avatar_1507546191-96x96.jpg\",\"caption\":\"Mar\u00eda Amelia Puentes Gallego\"},\"description\":\"EDUCACI\u00d3N: \u2022 Graduada en Bellas Artes por la Universidad de Granada. EXPERIENCIA: \u2022 Profesora del Departamento de Dise\u00f1o y Artes Gr\u00e1ficas de INESEM Business School. ESCRIBE SOBRE:Arte \u00b7 Dise\u00f1o \u00b7 Usabilidad \u00b7 Web \u00b7 Comunicaci\u00f3n \u00b7 Fotograf\u00eda Graduada en Bellas Artes por la Universidad de Granada y profesora del Dpto de Dise\u00f1o y Artes Gr\u00e1ficas en INESEM Business School\",\"url\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/autores\/mariaamelia-puentes\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Mobile First: dise\u00f1o web centrado en el m\u00f3vil","description":"Descubre qu\u00e9 es el dise\u00f1o Mobile First, por qu\u00e9 es clave para el SEO y c\u00f3mo adaptar tu web al comportamiento de los usuarios desde el m\u00f3vil.","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.inesem.es\/revistadigital\/diseno-y-artes-graficas\/mobile-first","og_locale":"es_ES","og_type":"article","og_title":"Mobile First: dise\u00f1o web centrado en el m\u00f3vil","og_description":"Descubre qu\u00e9 es el dise\u00f1o Mobile First, por qu\u00e9 es clave para el SEO y c\u00f3mo adaptar tu web al comportamiento de los usuarios desde el m\u00f3vil.","og_url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/mobile-first","og_site_name":"Canal Dise\u00f1o y Arquitectura","article_publisher":"https:\/\/www.facebook.com\/InesemBusinessSchool\/","article_published_time":"2017-12-12T15:23:47+00:00","article_modified_time":"2025-09-10T14:04:43+00:00","og_image":[{"width":1620,"height":1080,"url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2017\/12\/mobile-first.jpg","type":"image\/jpeg"}],"author":"Mar\u00eda Amelia Puentes Gallego","twitter_card":"summary_large_image","twitter_creator":"@inesem","twitter_site":"@inesem","twitter_misc":{"Escrito por":"Mar\u00eda Amelia Puentes Gallego","Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/mobile-first#article","isPartOf":{"@id":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/mobile-first"},"author":{"name":"Mar\u00eda Amelia Puentes Gallego","@id":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/#\/schema\/person\/fac5f781f76da284cd11341034285979"},"headline":"Mobile First: prioridad en dise\u00f1o web al usuario m\u00f3vil","datePublished":"2017-12-12T15:23:47+00:00","dateModified":"2025-09-10T14:04:43+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/mobile-first"},"wordCount":846,"commentCount":3,"publisher":{"@id":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/#organization"},"image":{"@id":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/mobile-first#primaryimage"},"thumbnailUrl":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2017\/12\/mobile-first.jpg","articleSection":["Dise\u00f1o Web"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/mobile-first#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/mobile-first","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/mobile-first","name":"Mobile First: dise\u00f1o web centrado en el m\u00f3vil","isPartOf":{"@id":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/mobile-first#primaryimage"},"image":{"@id":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/mobile-first#primaryimage"},"thumbnailUrl":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2017\/12\/mobile-first.jpg","datePublished":"2017-12-12T15:23:47+00:00","dateModified":"2025-09-10T14:04:43+00:00","description":"Descubre qu\u00e9 es el dise\u00f1o Mobile First, por qu\u00e9 es clave para el SEO y c\u00f3mo adaptar tu web al comportamiento de los usuarios desde el m\u00f3vil.","breadcrumb":{"@id":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/mobile-first#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/mobile-first"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/mobile-first#primaryimage","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2017\/12\/mobile-first.jpg","contentUrl":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2017\/12\/mobile-first.jpg","width":"1620","height":"1080","caption":"dise\u00f1o mobile first"},{"@type":"BreadcrumbList","@id":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/mobile-first#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/"},{"@type":"ListItem","position":2,"name":"Dise\u00f1o Web","item":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/categorias\/diseno-web"},{"@type":"ListItem","position":3,"name":"Mobile First: prioridad en dise\u00f1o web al usuario m\u00f3vil"}]},{"@type":"WebSite","@id":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/#website","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/","name":"Canal Dise\u00f1o y Arquitectura","description":"En los art\u00edculos de Dise\u00f1o y Arquitectura de Revista Digital INESEM encontrar\u00e1s informaci\u00f3n actualizada e innovadora sobre tu sector. Nuestros art\u00edculos est\u00e1n elaborados y contrastados por profesionales de diferentes especialidades del sector. Si est\u00e1s buscando informaci\u00f3n sobre Arquitectura y Edificaci\u00f3n, Decoraci\u00f3n e Interiorismo, Dise\u00f1o Gr\u00e1fico, Dise\u00f1o Web o Edici\u00f3n y Posproducci\u00f3n Digital, est\u00e1s en el sitio indicado.","publisher":{"@id":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/#organization","name":"Canal Dise\u00f1o y Arquitectura","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/#\/schema\/logo\/image\/","url":"","contentUrl":"","caption":"Canal Dise\u00f1o y Arquitectura"},"image":{"@id":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/InesemBusinessSchool\/","https:\/\/x.com\/inesem","http:\/\/www.linkedin.com\/company\/2370697","https:\/\/www.youtube.com\/user\/inesembusinesschool\/"]},{"@type":"Person","@id":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/#\/schema\/person\/fac5f781f76da284cd11341034285979","name":"Mar\u00eda Amelia Puentes Gallego","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/#\/schema\/person\/image\/","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2017\/10\/Mar\u00eda-Amelia-Puentes-Gallego_avatar_1507546191-96x96.jpg","contentUrl":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2017\/10\/Mar\u00eda-Amelia-Puentes-Gallego_avatar_1507546191-96x96.jpg","caption":"Mar\u00eda Amelia Puentes Gallego"},"description":"EDUCACI\u00d3N: \u2022 Graduada en Bellas Artes por la Universidad de Granada. EXPERIENCIA: \u2022 Profesora del Departamento de Dise\u00f1o y Artes Gr\u00e1ficas de INESEM Business School. ESCRIBE SOBRE:Arte \u00b7 Dise\u00f1o \u00b7 Usabilidad \u00b7 Web \u00b7 Comunicaci\u00f3n \u00b7 Fotograf\u00eda Graduada en Bellas Artes por la Universidad de Granada y profesora del Dpto de Dise\u00f1o y Artes Gr\u00e1ficas en INESEM Business School","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/autores\/mariaamelia-puentes"}]}},"autor_name":{"name":"Mar\u00eda Amelia Puentes Gallego"},"featured_image":{"attachment_meta":{"width":"1620","height":"1080","file":"2017\/12\/mobile-first.jpg","sizes":{"thumbnail":{"file":"mobile-first-345x180.jpg","width":"345","height":"180","mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2017\/12\/mobile-first-345x180.jpg"},"medium":{"file":"mobile-first-300x200.jpg","width":"300","height":"200","mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2017\/12\/mobile-first-300x200.jpg"},"medium_large":{"file":"mobile-first-768x512.jpg","width":"768","height":"512","mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2017\/12\/mobile-first-768x512.jpg"},"large":{"file":"mobile-first-1020x680.jpg","width":"1020","height":"680","mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2017\/12\/mobile-first-1020x680.jpg"},"wysija-newsletters-max":{"file":"mobile-first-600x400.jpg","width":"600","height":"400","mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2017\/12\/mobile-first-600x400.jpg"},"thumb-small":{"file":"mobile-first-59x42.jpg","width":"59","height":"42","mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2017\/12\/mobile-first-59x42.jpg"},"thumb-standard":{"file":"mobile-first-110x110.jpg","width":"110","height":"110","mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2017\/12\/mobile-first-110x110.jpg"},"thumb-medium":{"file":"mobile-first-196x166.jpg","width":"196","height":"166","mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2017\/12\/mobile-first-196x166.jpg"},"thumb-large":{"file":"mobile-first-283x190.jpg","width":"283","height":"190","mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2017\/12\/mobile-first-283x190.jpg"},"thumb-anteriores":{"file":"mobile-first-230x163.jpg","width":"230","height":"163","mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2017\/12\/mobile-first-230x163.jpg"},"thumb-inverso":{"file":"mobile-first-369x261.jpg","width":"369","height":"261","mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2017\/12\/mobile-first-369x261.jpg"},"thumb-cercano":{"file":"mobile-first-650x200.jpg","width":"650","height":"200","mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2017\/12\/mobile-first-650x200.jpg"},"thumb-slider":{"file":"mobile-first-574x430.jpg","width":"574","height":"430","mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2017\/12\/mobile-first-574x430.jpg"},"thumb-busqueda":{"file":"mobile-first-580x375.jpg","width":"580","height":"375","mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2017\/12\/mobile-first-580x375.jpg"},"thumb-formacion-continua":{"file":"mobile-first-440x336.jpg","width":"440","height":"336","mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2017\/12\/mobile-first-440x336.jpg"},"advps-thumb-one":{"file":"mobile-first-600x220.jpg","width":"600","height":"220","mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2017\/12\/mobile-first-600x220.jpg"}},"image_meta":{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}}},"_links":{"self":[{"href":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/wp-json\/wp\/v2\/posts\/1787"}],"collection":[{"href":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/wp-json\/wp\/v2\/users\/90578"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/wp-json\/wp\/v2\/comments?post=1787"}],"version-history":[{"count":0,"href":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/wp-json\/wp\/v2\/posts\/1787\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/wp-json\/wp\/v2\/media\/2393"}],"wp:attachment":[{"href":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/wp-json\/wp\/v2\/media?parent=1787"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/wp-json\/wp\/v2\/categories?post=1787"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}