{"id":25263,"date":"2026-09-10T13:00:00","date_gmt":"2026-09-10T11:00:00","guid":{"rendered":"https:\/\/carontestudio.com\/blog\/?p=25263"},"modified":"2026-09-04T13:32:48","modified_gmt":"2026-09-04T11:32:48","slug":"tu-web-es-responsive-pero-no-usable","status":"publish","type":"post","link":"https:\/\/carontestudio.com\/blog\/tu-web-es-responsive-pero-no-usable\/","title":{"rendered":"Tu web es responsive\u2026 pero no usable\u00a0"},"content":{"rendered":"\n

Has terminado una web, el dise\u00f1o se adapta al m\u00f3vil, todo encaja, no se rompe nada… y das el proyecto por bueno. El problema es que \u201cque se adapte\u201d y \u201cque se use bien\u201d son cosas distintas, y confundirlas puede salirte caro.<\/p>\n\n\n\n

Hoy en d\u00eda, la mayor\u00eda del tr\u00e1fico web llega desde el m\u00f3vil, as\u00ed que la experiencia m\u00f3vil no es un extra, es la experiencia. Y aqu\u00ed es donde muchas webs perfectamente responsive fallan. En este art\u00edculo vamos a ver la diferencia real entre responsive y usable<\/strong>, las se\u00f1ales de que tu web tiene un problema aunque parezca que todo va bien.\u00a0<\/p>\n\n\n\n

\u00bfQu\u00e9 es una web responsive?<\/strong><\/h2>\n\n\n\n

Como bien explica mi compa\u00f1ero Alberto en el art\u00edculo sobre Dise\u00f1o Responsive VS Adaptativo<\/a>, el dise\u00f1o responsive es una estructuraci\u00f3n y modelado de la p\u00e1gina web pensado para adaptarse a los diferentes formatos y tama\u00f1os de pantalla<\/strong>. Es decir, la web se adapta autom\u00e1ticamente a diferentes tama\u00f1os y formatos de pantalla.\u00a0<\/p>\n\n\n\n

Esto se consigue haciendo uso de diferentes herramientas CSS como media queries<\/em>, para definir qu\u00e9 reglas\u00a0 se aplican para determinados tama\u00f1os de pantalla<\/strong> y flexbox y CSS grid, para crear estructuras din\u00e1micas o medidas relativas<\/strong>, para definir tama\u00f1os variables, entre otras cosas.<\/p>\n\n\n\n

El dise\u00f1o web responsive es algo vital hoy en d\u00eda<\/strong>, ya que el tr\u00e1fico web m\u00f3vil supera al de escritorio a nivel global<\/a>.<\/p>\n\n\n\n

\u00bfQu\u00e9 significa realmente \u201cusable\u201d?<\/strong><\/h2>\n\n\n\n

La usabilidad mide la facilidad con la que un usuario puede navegar por una p\u00e1gina web<\/strong> y lograr sus objetivos. Este concepto incluye varios elementos como la navegaci\u00f3n clara, UX, jerarqu\u00edas visuales o accesibilidad web entre otros.<\/p>\n\n\n\n

Navegaci\u00f3n clara<\/strong>: Significa que el visitante encuentra lo que busca sin esfuerzo, como ubicar un producto en una tienda f\u00edsica sin perderse.<\/p>\n\n\n\n

M\u00e1s all\u00e1 de la est\u00e9tica: <\/strong>Un dise\u00f1o bonito ya no es suficiente. El desarrollo web actual debe priorizar la utilidad pr\u00e1ctica frente a la simple apariencia visual.<\/p>\n\n\n\n

Experiencia y negocio<\/strong>: La usabilidad se une a la accesibilidad y a la experiencia de usuario (UX) para cumplir los objetivos comerciales de la empresa<\/p>\n\n\n\n

Por qu\u00e9 se confunden <\/strong><\/h2>\n\n\n\n

El dise\u00f1o responsive <\/em>es un requisito t\u00e9cnico que tiene una respuesta sencilla, o el dise\u00f1o se adapta a la pantalla o no<\/strong>. Es f\u00e1cil de comprobar y de marcar como hecho. La usabilidad, sin embargo, es algo m\u00e1s subjetivo, depende del uso de personas reales intentando conseguir algo. Ah\u00ed est\u00e1 la clave del asunto, confundir \u201cse ve bien\u201d con \u201cse usa bien\u201d.<\/p>\n\n\n

\n
\"Art\u00edculo:<\/a><\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Por qu\u00e9 esto te cuesta clientes<\/strong><\/h3>\n\n\n\n

Un bot\u00f3n que cuesta pulsar o un formulario inc\u00f3modo no genera una queja, genera un cierre de pesta\u00f1a<\/strong>. El usuario no te dice que se va, simplemente lo hace. En un e-commerce o una landing, cada obst\u00e1culo como un formulario mal dise\u00f1ado, se traduce en carritos abandonados o leads perdidos.<\/p>\n\n\n\n

Google tambi\u00e9n penaliza<\/strong>. Con la indexaci\u00f3n mobile-first<\/em> y las Core Web Vitals<\/em>, una mala experiencia m\u00f3vil no solo espanta usuarios, sino que puede hacerte bajar posiciones, as\u00ed que llega menos gente, y la que llega, se va.<\/p>\n\n\n\n

Adem\u00e1s, una web que se \u201cve bien\u201d pero es inc\u00f3moda de usar genera una mala sensaci\u00f3n y un mal recuerdo<\/strong> que el usuario puede asociar a toda la empresa, y esa impresi\u00f3n es dif\u00edcil de recuperar.<\/p>\n\n\n\n

Al contrario que con un error en c\u00f3digo, los fallos de usabilidad no saltan en ning\u00fan log\u00a0 ni generan avisos<\/strong>, va afectando poco a poco sin que nadie lo note hasta que las ventas bajan.<\/p>\n\n\n\n

Se\u00f1ales de que tu web es responsive pero no usable<\/strong><\/h2>\n\n\n\n

Botones y enlaces demasiado peque\u00f1os o muy pegados<\/h3>\n\n\n\n

Que un bot\u00f3n se vea bien no significa que se pueda pulsar bien<\/strong>. En escritorio apuntas con el rat\u00f3n con mucha precisi\u00f3n, pero en m\u00f3viles, al pulsar con el dedo, ocupamos casi un cent\u00edmetro de pantalla. Cuando simplemente encogemos los enlaces y botones para que quepan en m\u00f3vil pero no tenemos en cuenta el \u00e1rea de clic, puede que nos queden demasiado peque\u00f1os o que se queden tan pegados que hacemos clic en el de al lado.<\/p>\n\n\n\n

La referencia habitual es un \u00e1rea t\u00e1ctil m\u00ednima de 44×44 px en Apple<\/em> o 48×48 px de Material Design<\/em><\/strong>, siempre con suficiente separaci\u00f3n.<\/p>\n\n\n\n

Texto que se adapta pero no se lee<\/h3>\n\n\n\n

El texto responsive<\/em> se reajusta al ancho, pero adaptarse no es lo mismo que ser legible<\/strong>, aqu\u00ed distinguimos dos fallos t\u00edpicos. El primero es el tama\u00f1o: fuentes pensadas para una pantalla grande que en m\u00f3vil quedan demasiado peque\u00f1as y obligan a hacer zoom. El segundo es el ancho de l\u00ednea: cuando nuestros bloques de texto ocupan todo el viewport (ancho de la pantalla), o al contrario, tan estrechos que una frase se parte en cinco renglones.\u00a0<\/p>\n\n\n\n

Si a esto sumamos bajo contraste (texto gris claro sobre un fondo blanco por ejemplo) o interlineados muy finos, entre otras cosas, la web funcionar\u00e1, s\u00ed, pero ser\u00e1 complicada de leer, y un usuario que se encuentra con estas dificultades, no se esfuerza, se va.<\/strong><\/p>\n\n\n\n

Formularios que funcionan en escritorio y se rompen en m\u00f3vil<\/h3>\n\n\n\n

El formulario es donde m\u00e1s se nota la diferencia entre responsive<\/em> y usable, porque es donde el usuario m\u00e1s tiene que interactuar<\/strong>. En escritorio es sencillo, rellenamos con el teclado y el rat\u00f3n sin pensar. En m\u00f3vil, cada detalle puede ser un obst\u00e1culo en el camino: campos muy estrechos, etiquetas que desaparecen al escribir, selectores de fecha imposibles, o el cl\u00e1sico teclado que tapa justo el campo que est\u00e1s rellenando.<\/p>\n\n\n\n

Un fallo muy com\u00fan y f\u00e1cil de evitar es no declarar el inputmode <\/em>o type <\/em>correcto<\/strong>. Si un campo de email no abre el teclado con el @, o el de tel\u00e9fono no muestra el teclado num\u00e9rico, estamos obligando al usuario a interactuar de m\u00e1s en cada campo.<\/p>\n\n\n\n

Men\u00fas que colapsan pero esconden lo importante<\/h3>\n\n\n\n

Con el men\u00fa hamburguesa resolvemos el problema de la navegaci\u00f3n en pantallas peque\u00f1as, pero se crea otro: la organizaci\u00f3n del men\u00fa responsive<\/em><\/strong>. Que el usuario no encuentre lo que busca es un problema de usabilidad.<\/p>\n\n\n\n

El riesgo aparece cuando metemos todo en el men\u00fa hamburguesa sin jerarqu\u00eda<\/strong>: enlaces principales, secundarios, submen\u00fas, accesos a cuenta, carritos, todos al mismo peso. El usuario abre el men\u00fa y se encuentra con un mar de opciones y no sabe por d\u00f3nde tirar. Lo que en escritorio era una navegaci\u00f3n clara y con jerarqu\u00eda visual, en m\u00f3vil se convierte en\u00a0 una lista plana donde lo importante y lo secundario valen lo mismo.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Usabilidad,<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Tiempos de carga<\/h3>\n\n\n\n

Una web puede ser perfectamente responsive<\/em> y aun as\u00ed ser inusable simplemente porque tarda demasiado tiempo en cargar<\/strong>. En m\u00f3vil esto se agrava: conexiones m\u00e1s lentas, redes inestables, y procesadores m\u00e1s modestos que en un ordenador. La misma imagen de 2MB que en un ordenador conectado a fibra \u00f3ptica ni notamos, en m\u00f3vil se convierte en 3 segundos de pantalla en blanco. A priori parece que tres segundos no son un problema, pero si le sumamos m\u00e1s im\u00e1genes o contenido pesado, puede retrasar la carga considerablemente.<\/p>\n\n\n\n

El detalle importante es que la lentitud es un problema de usabilidad, no solo de rendimiento<\/strong>. Si el contenido \u201csalta\u201d mientras carga (mal CLS), si el bot\u00f3n tarda en responder al hacer clic, o el usuario ve una pantalla vac\u00eda y sale antes de que cargue, hemos perdido al usuario. Para analizar esto, Google introdujo Core Web Vitals<\/a>.<\/p>\n\n\n\n

C\u00f3mo detectar los problemas de usabilidad<\/strong><\/h2>\n\n\n\n

Pruebas con usuarios reales<\/h3>\n\n\n\n

La mejor forma de saber si tu web es usable, es mirar a alguien usarla<\/strong>. Darle una tarea concreta, por ejemplo: compra este producto<\/em>, o encuentra el tel\u00e9fono de contacto<\/em>, y observar c\u00f3mo lo intenta. En cuanto dudan, retroceden o tocan donde no deben, tenemos un problema de usabilidad. Adem\u00e1s si lo prueban en sus propios dispositivos, ser\u00e1 m\u00e1s beneficioso para nosotros, puesto que veremos c\u00f3mo funciona la web en dispositivos que no hemos tenido disponibles durante el desarrollo.<\/p>\n\n\n\n

Herramientas: Lighthouse, mapas de calor, grabaci\u00f3n de sesi\u00f3n<\/h3>\n\n\n\n

Las pruebas con usuarios nos dicen qu\u00e9 falla, las herramientas nos ayudan a medirlo y a encontrar d\u00f3nde<\/strong>. Conviene siempre combinar estas t\u00e9cnicas.<\/p>\n\n\n\n

Por un lado tenemos las herramientas de auditor\u00eda t\u00e9cnica<\/strong>, como Lighthouse<\/em>, esta herramienta viene instalada en el DevTools<\/em> de Chrome. Nos proporciona una foto de rendimiento, accesibilidad, buenas pr\u00e1cticas y SEO, con las Core Web Vitals<\/em> incluidas y sugerencias concretas de qu\u00e9 arreglar. PageSpeed Insights <\/em>te da lo mismo pero con datos de usuarios reales, no solo de laboratorio. Son un buen punto de partida.<\/p>\n\n\n\n

Por otro lado est\u00e1n las herramientas de comportamiento<\/strong>. Los mapas de calor (Hotjar, Microsoft Clarity\u2026), te muestran d\u00f3nde hace clic el usuario, hasta d\u00f3nde baja la p\u00e1gina y d\u00f3nde toca esperando que algo sea un enlace y no lo es. Las grabaciones de sesi\u00f3n van m\u00e1s all\u00e1. Nos permiten ver el recorrido real de un usuario, sus dudas, sus scrolls<\/em>, el momento exacto donde abandona el formulario\u2026 Es lo m\u00e1s parecido a la prueba con usuarios, pero con gente real y en volumen.<\/p>\n\n\n\n

Revisi\u00f3n de m\u00e9tricas de comportamiento, no solo de tr\u00e1fico<\/h3>\n\n\n\n

El tr\u00e1fico solo cuenta la gente que llega, no qu\u00e9 experiencia tiene una vez dentro. Para detectar problemas de usabilidad, las m\u00e9tricas interesantes son otras.<\/p>\n\n\n\n

La tasa de rebote segmentada por dispositivo<\/strong> puede ser muy reveladora. Si en m\u00f3vil se dispara respecto al escritorio, hay algo que incomoda.\u00a0 Miraremos tambi\u00e9n el tiempo en p\u00e1gina y la profundidad de scroll<\/em>. Cuidado, tenemos que saber interpretar estos datos, mucho tiempo en una p\u00e1gina puede significar que hay inter\u00e9s, o que el usuario no encuentra lo que busca.<\/p>\n\n\n\n

Sobre todo miraremos los embudos de conversi\u00f3n, en qu\u00e9 paso concreto se cae la gente. Si el 80% llega al checkout y el 70% lo abandona en el mismo campo, no necesitamos m\u00e1s pistas. La clave es empezar a leer el comportamiento como un diagn\u00f3stico.<\/strong><\/p>\n\n\n\n

El test del pulgar (navegar tu web con una sola mano)<\/h3>\n\n\n\n

Este es el test m\u00e1s sencillo, y a la vez, uno de los m\u00e1s reveladores. Para realizarlo debemos coger el m\u00f3vil con una sola mano, como hace la mayor\u00eda de gente, y navegar por la web usando solo el pulgar.<\/strong> As\u00ed veremos de manera muy r\u00e1pida qu\u00e9 botones importantes quedan en la zona alta de la pantalla donde el pulgar no alcanza. O acciones clave lejos del \u201carco natural\u201d del dedo.\u00a0<\/p>\n\n\n\n

La idea clave es que las acciones m\u00e1s frecuentes deber\u00edan caer en la franja inferior<\/strong>, que es la m\u00e1s c\u00f3moda y sencilla de usar, y las zonas de dif\u00edcil alcance deber\u00edan reservarse para lo secundario. Si la tarea principal de tu web con una sola mano te resulta inc\u00f3moda a ti, imagina a quien entra por primera vez.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Usabilidad,<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Conclusi\u00f3n<\/strong><\/h2>\n\n\n\n

Responsive<\/em> y usable no son lo mismo<\/strong>. Lo primero es un requisito t\u00e9cnico que se comprueba en un momento, lo segundo es algo m\u00e1s dif\u00edcil de medir. La buena noticia es que sabiendo la diferencia y con las herramientas correctas, puedes solucionar estos problemas y hacer que tu web sea realmente usable.\u00a0<\/p>\n\n\n\n

Si crees que tu web no cumple con la usabilidad, en Caronte, agencia de marketing en Vitoria<\/a>, te podemos ayudar a solucionarlo. \u00bfEmpezamos a trabajar?<\/p>\n","protected":false},"excerpt":{"rendered":"

En este art\u00edculo vamos a ver la diferencia real entre responsive y usable, las se\u00f1ales de que tu web tiene un problema aunque parezca que todo va bien.\u00a0<\/p>\n","protected":false},"author":22,"featured_media":25276,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[94],"tags":[],"class_list":["post-25263","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web"],"acf":[],"yoast_head":"\nTu web es responsive\u2026 pero no usable\u00a0 - Blog de marketing | Caronte<\/title>\n<meta name=\"description\" content=\"Aprenderemos la diferencia real entre responsive y usabilidad, las se\u00f1ales de que tu web tiene un problema aunque parezca que todo va bien\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/carontestudio.com\/blog\/tu-web-es-responsive-pero-no-usable\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tu web es responsive\u2026 pero no usable\u00a0 - Blog de marketing | Caronte\" \/>\n<meta property=\"og:description\" content=\"Aprenderemos la diferencia real entre responsive y usabilidad, las se\u00f1ales de que tu web tiene un problema aunque parezca que todo va bien\" \/>\n<meta property=\"og:url\" content=\"https:\/\/carontestudio.com\/blog\/tu-web-es-responsive-pero-no-usable\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog de marketing | Caronte\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/carontewebstudio\/\" \/>\n<meta property=\"article:published_time\" content=\"2026-09-10T11:00:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2026\/09\/portada-usabilidad.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"708\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Irune Guinea\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Irune Guinea\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/tu-web-es-responsive-pero-no-usable\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/tu-web-es-responsive-pero-no-usable\\\/\"},\"author\":{\"name\":\"Irune Guinea\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/person\\\/300ad5e85146a39ec7ea40f21abc8b38\"},\"headline\":\"Tu web es responsive\u2026 pero no usable\u00a0\",\"datePublished\":\"2026-09-10T11:00:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/tu-web-es-responsive-pero-no-usable\\\/\"},\"wordCount\":1985,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/tu-web-es-responsive-pero-no-usable\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/portada-usabilidad.webp\",\"articleSection\":[\"Dise\u00f1o web\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/carontestudio.com\\\/blog\\\/tu-web-es-responsive-pero-no-usable\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/tu-web-es-responsive-pero-no-usable\\\/\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/tu-web-es-responsive-pero-no-usable\\\/\",\"name\":\"Tu web es responsive\u2026 pero no usable\u00a0 - Blog de marketing | Caronte\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/tu-web-es-responsive-pero-no-usable\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/tu-web-es-responsive-pero-no-usable\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/portada-usabilidad.webp\",\"datePublished\":\"2026-09-10T11:00:00+00:00\",\"description\":\"Aprenderemos la diferencia real entre responsive y usabilidad, las se\u00f1ales de que tu web tiene un problema aunque parezca que todo va bien\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/tu-web-es-responsive-pero-no-usable\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/carontestudio.com\\\/blog\\\/tu-web-es-responsive-pero-no-usable\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/tu-web-es-responsive-pero-no-usable\\\/#primaryimage\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/portada-usabilidad.webp\",\"contentUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/portada-usabilidad.webp\",\"width\":1200,\"height\":708},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/tu-web-es-responsive-pero-no-usable\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tu web es responsive\u2026 pero no usable\u00a0\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/\",\"name\":\"Blog de marketing | Caronte\",\"description\":\"En nuestro blog encontrar\u00e1s art\u00edculos semanales sobre SEO, marketing online, programaci\u00f3n web y mucho m\u00e1s.\",\"publisher\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#organization\",\"name\":\"Caronte - Agencia de marketing\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/caronte-agencia-de-marketing-logo.png\",\"contentUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/caronte-agencia-de-marketing-logo.png\",\"width\":1090,\"height\":155,\"caption\":\"Caronte - Agencia de marketing\"},\"image\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/carontewebstudio\\\/\",\"https:\\\/\\\/www.instagram.com\\\/caronte_studio\\\/\",\"https:\\\/\\\/www.tiktok.com\\\/@carontewebstudio\",\"https:\\\/\\\/www.youtube.com\\\/@carontewebstudio\",\"https:\\\/\\\/es.linkedin.com\\\/company\\\/carontewebstudio\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/person\\\/300ad5e85146a39ec7ea40f21abc8b38\",\"name\":\"Irune Guinea\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3002e85ac73b53aad9f60e3f1b230ffa3c9dcfcf1167b8cc8131a093f97a15da?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3002e85ac73b53aad9f60e3f1b230ffa3c9dcfcf1167b8cc8131a093f97a15da?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3002e85ac73b53aad9f60e3f1b230ffa3c9dcfcf1167b8cc8131a093f97a15da?s=96&d=mm&r=g\",\"caption\":\"Irune Guinea\"},\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/author\\\/irune\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tu web es responsive\u2026 pero no usable\u00a0 - Blog de marketing | Caronte","description":"Aprenderemos la diferencia real entre responsive y usabilidad, las se\u00f1ales de que tu web tiene un problema aunque parezca que todo va bien","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:\/\/carontestudio.com\/blog\/tu-web-es-responsive-pero-no-usable\/","og_locale":"es_ES","og_type":"article","og_title":"Tu web es responsive\u2026 pero no usable\u00a0 - Blog de marketing | Caronte","og_description":"Aprenderemos la diferencia real entre responsive y usabilidad, las se\u00f1ales de que tu web tiene un problema aunque parezca que todo va bien","og_url":"https:\/\/carontestudio.com\/blog\/tu-web-es-responsive-pero-no-usable\/","og_site_name":"Blog de marketing | Caronte","article_publisher":"https:\/\/www.facebook.com\/carontewebstudio\/","article_published_time":"2026-09-10T11:00:00+00:00","og_image":[{"width":1200,"height":708,"url":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2026\/09\/portada-usabilidad.webp","type":"image\/webp"}],"author":"Irune Guinea","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Irune Guinea","Tiempo de lectura":"10 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/carontestudio.com\/blog\/tu-web-es-responsive-pero-no-usable\/#article","isPartOf":{"@id":"https:\/\/carontestudio.com\/blog\/tu-web-es-responsive-pero-no-usable\/"},"author":{"name":"Irune Guinea","@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/person\/300ad5e85146a39ec7ea40f21abc8b38"},"headline":"Tu web es responsive\u2026 pero no usable\u00a0","datePublished":"2026-09-10T11:00:00+00:00","mainEntityOfPage":{"@id":"https:\/\/carontestudio.com\/blog\/tu-web-es-responsive-pero-no-usable\/"},"wordCount":1985,"commentCount":0,"publisher":{"@id":"https:\/\/carontestudio.com\/blog\/#organization"},"image":{"@id":"https:\/\/carontestudio.com\/blog\/tu-web-es-responsive-pero-no-usable\/#primaryimage"},"thumbnailUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2026\/09\/portada-usabilidad.webp","articleSection":["Dise\u00f1o web"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/carontestudio.com\/blog\/tu-web-es-responsive-pero-no-usable\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/carontestudio.com\/blog\/tu-web-es-responsive-pero-no-usable\/","url":"https:\/\/carontestudio.com\/blog\/tu-web-es-responsive-pero-no-usable\/","name":"Tu web es responsive\u2026 pero no usable\u00a0 - Blog de marketing | Caronte","isPartOf":{"@id":"https:\/\/carontestudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/carontestudio.com\/blog\/tu-web-es-responsive-pero-no-usable\/#primaryimage"},"image":{"@id":"https:\/\/carontestudio.com\/blog\/tu-web-es-responsive-pero-no-usable\/#primaryimage"},"thumbnailUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2026\/09\/portada-usabilidad.webp","datePublished":"2026-09-10T11:00:00+00:00","description":"Aprenderemos la diferencia real entre responsive y usabilidad, las se\u00f1ales de que tu web tiene un problema aunque parezca que todo va bien","breadcrumb":{"@id":"https:\/\/carontestudio.com\/blog\/tu-web-es-responsive-pero-no-usable\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/carontestudio.com\/blog\/tu-web-es-responsive-pero-no-usable\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/carontestudio.com\/blog\/tu-web-es-responsive-pero-no-usable\/#primaryimage","url":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2026\/09\/portada-usabilidad.webp","contentUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2026\/09\/portada-usabilidad.webp","width":1200,"height":708},{"@type":"BreadcrumbList","@id":"https:\/\/carontestudio.com\/blog\/tu-web-es-responsive-pero-no-usable\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/carontestudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Tu web es responsive\u2026 pero no usable\u00a0"}]},{"@type":"WebSite","@id":"https:\/\/carontestudio.com\/blog\/#website","url":"https:\/\/carontestudio.com\/blog\/","name":"Blog de marketing | Caronte","description":"En nuestro blog encontrar\u00e1s art\u00edculos semanales sobre SEO, marketing online, programaci\u00f3n web y mucho m\u00e1s.","publisher":{"@id":"https:\/\/carontestudio.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/carontestudio.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/carontestudio.com\/blog\/#organization","name":"Caronte - Agencia de marketing","url":"https:\/\/carontestudio.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/06\/caronte-agencia-de-marketing-logo.png","contentUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/06\/caronte-agencia-de-marketing-logo.png","width":1090,"height":155,"caption":"Caronte - Agencia de marketing"},"image":{"@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/carontewebstudio\/","https:\/\/www.instagram.com\/caronte_studio\/","https:\/\/www.tiktok.com\/@carontewebstudio","https:\/\/www.youtube.com\/@carontewebstudio","https:\/\/es.linkedin.com\/company\/carontewebstudio"]},{"@type":"Person","@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/person\/300ad5e85146a39ec7ea40f21abc8b38","name":"Irune Guinea","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/3002e85ac73b53aad9f60e3f1b230ffa3c9dcfcf1167b8cc8131a093f97a15da?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/3002e85ac73b53aad9f60e3f1b230ffa3c9dcfcf1167b8cc8131a093f97a15da?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3002e85ac73b53aad9f60e3f1b230ffa3c9dcfcf1167b8cc8131a093f97a15da?s=96&d=mm&r=g","caption":"Irune Guinea"},"url":"https:\/\/carontestudio.com\/blog\/author\/irune\/"}]}},"_links":{"self":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts\/25263","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/users\/22"}],"replies":[{"embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/comments?post=25263"}],"version-history":[{"count":13,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts\/25263\/revisions"}],"predecessor-version":[{"id":25281,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts\/25263\/revisions\/25281"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/media\/25276"}],"wp:attachment":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/media?parent=25263"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/categories?post=25263"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/tags?post=25263"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}