{"id":63000,"date":"2018-02-16T08:00:21","date_gmt":"2018-02-16T11:00:21","guid":{"rendered":"https:\/\/www.tusclicks.cl\/blog\/?p=63000"},"modified":"2018-02-07T14:57:02","modified_gmt":"2018-02-07T17:57:02","slug":"saber-sitio-responsive-adaptable","status":"publish","type":"post","link":"https:\/\/tusclicks.com\/blog\/saber-sitio-responsive-adaptable\/","title":{"rendered":"\u00bfC\u00f3mo saber si un sitio es responsive o adaptable?"},"content":{"rendered":"

Aunque en las grandes empresas ya est\u00e1 generalizado el convencimiento de que es necesario realizar la transici\u00f3n desde el modelo tradicional a los formatos responsive o adaptativo en los sitios web, a\u00fan es frecuente encontrar peque\u00f1as empresas y comercios que a\u00fan carecen de un dise\u00f1o configurado para celulares.<\/span><\/p>\n

Sin embargo, en un contexto global en el que <\/span>m\u00e1s del 50 %<\/b><\/a> de las conexiones a internet se realizan mediante <\/span>dispositivos m\u00f3viles<\/b>, no tiene sentido dise\u00f1ar una p\u00e1gina web solo para computadores de escritorio o notebooks. No tener un formato responsive, que se pueda adaptar a cualquier otro equipo supone cerrar puertas y perder potenciales clientes.<\/span><\/p>\n

En este art\u00edculo, te damos algunas claves pr\u00e1cticas para que puedas identificar una p\u00e1gina web responsive de aquella que no lo es.<\/span><\/p>\n

Identificar un sitio web responsivo<\/h4>\n

Es importante tener en cuenta que el concepto de<\/span> sitio responsive<\/b><\/a> no es equivalente a<\/span> sitio adaptable. La principal diferencia se relaciona en que la p\u00e1gina web responsive cambia el dise\u00f1o de la web seg\u00fan el dispositivo que utilices mientras que la p\u00e1gina adaptable significar\u00e1 tener una versi\u00f3n espec\u00edfica del sitio para cada tipo de dispositivo.<\/span><\/p>\n

Hay varias maneras de distinguir un <\/span>sitio responsive<\/b> aunque tus conocimientos en inform\u00e1tica sean limitados. Nosotros destacamos las siguientes:<\/span><\/p>\n

    \n
  1. Existe una<\/span> app que facilita Google, <\/span>Test Mobile Friendly<\/i><\/b><\/a>, que te permite r\u00e1pidamente saber si una<\/span> p\u00e1gina es responsive <\/b>o no, \u00fanicamente indicando su URL. Con esta herramienta sabr\u00e1s en pocos segundos si la p\u00e1gina est\u00e1 optimizada para tel\u00e9fonos celulares y otros dispositivos m\u00f3viles. Esta opci\u00f3n es interesante para conocer cu\u00e1l es el punto de partida.<\/span><\/li>\n
  2. Un <\/span>sitio web responsivo<\/b> se adaptar\u00e1 a los cambios que realices en la ventana de tu navegador. Por ejemplo, si decides cambiar el tama\u00f1o, un sitio responsive no tendr\u00e1 el texto deformado, sino que, simplemente, se adaptar\u00e1 para que la<\/span> experiencia de lectura sea m\u00e1s f\u00e1cil. Tampoco deber\u00edas tener que desplazarte horizontalmente para ver toda la pantalla. Si obviamos otros indicadores, esta es una forma sencilla de comprobar si el dise\u00f1ador web ha realizado un trabajo de adaptabilidad.<\/span><\/li>\n
  3. Las pruebas de usabilidad complementarias son especialmente \u00fatiles si necesitas comprobar si un sitio web es o no responsive. Por ejemplo, ver si la funci\u00f3n flash est\u00e1 desactivada cuando navegas por un dispositivo m\u00f3vil o si hay suficiente espacio entre los botones para poder realizar las funciones que necesitas. Estos detalles te dar\u00e1n pistas, sobre todo del grado de optimizaci\u00f3n real de la p\u00e1gina web.<\/span><\/li>\n
  4. Existen m\u00e9tricas que has de conocer si eres el propietario del sitio porque dan informaci\u00f3n indirecta. Cuando la tasa de conversi\u00f3n en dispositivos m\u00f3viles es muy baja, los usuarios no se suscriben a trav\u00e9s de esta plataforma o las visitas est\u00e1n por debajo de la proporci\u00f3n habitual en tu sector, lo m\u00e1s probable es que la web no est\u00e9 adaptada.<\/span><\/li>\n<\/ol>\n

    El dise\u00f1o en un sitio responsive evoluciona<\/span> y, por lo tanto, esta variable es din\u00e1mica, as\u00ed como el concepto. Hace cinco a\u00f1os, las conexiones a internet a trav\u00e9s de dispositivos m\u00f3viles eran claramente minoritarias y no se hac\u00eda necesario invertir grandes cantidades en esta tecnolog\u00eda. Adem\u00e1s, algunas necesidades que ahora se perciben con claridad como adaptar el tama\u00f1o de la p\u00e1gina web al navegador de tu celular no eran tan importantes como en la actualidad.<\/span><\/p>\n

    La necesidad de contar con una p\u00e1gina web responsive<\/h4>\n

    Ten presente que el dise\u00f1o responsive o adaptable ya no es una opci\u00f3n, sino una necesidad. El costo de oportunidad de no incorporar esta tecnolog\u00eda en tu p\u00e1gina web es demasiado elevado como para no considerarlo. El usuario busca una experiencia de navegaci\u00f3n r\u00e1pida, \u00e1gil y vers\u00e1til. Si no la encuentra en tu sitio web, marchar\u00e1 a la competencia y habr\u00e1s perdido la oportunidad de vender.<\/span><\/p>\n

    Aunque el trabajo de <\/span>optimizaci\u00f3n de tu sitio web le corresponde a un especialista<\/span><\/a>, como propietario del negocio o directivo s\u00ed puedes comprobar qu\u00e9 necesitar\u00edan tus clientes y dar directrices para conseguir un buen resultado. Te recomendamos que indiques al especialista qu\u00e9 buscas exactamente. <\/span><\/p>\n

    Por lo tanto, si cuentas con una tienda online o una p\u00e1gina corporativa, uno de los primeros puntos a considerar es que el sitio tenga una tecnolog\u00eda compatible con cualquier dispositivo. Cuanta m\u00e1s adaptabilidad ofrezcas, m\u00e1s posibilidades de venta tendr\u00e1s.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

    Aunque en las grandes empresas ya est\u00e1 generalizado el convencimiento de que es necesario realizar la transici\u00f3n desde el modelo tradicional a los formatos responsive o adaptativo en los sitios web, a\u00fan es frecuente encontrar peque\u00f1as empresas y comercios que a\u00fan carecen de un dise\u00f1o configurado para celulares.<\/p>\n","protected":false},"author":1,"featured_media":63002,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[38],"tags":[1056,429,1057],"yoast_head":"\nResponsive | p\u00e1gina web responsive | sitio web responsivo<\/title>\n<meta name=\"description\" content=\"Aunque en las grandes empresas ya est\u00e1 generalizado el convencimiento de que es necesario realizar la transici\u00f3n desde el modelo tradicional a los formatos responsive o adaptativo en los sitios web, a\u00fan es frecuente encontrar peque\u00f1as empresas y comercios que a\u00fan carecen de un dise\u00f1o configurado para celulares.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/tusclicks.com\/blog\/saber-sitio-responsive-adaptable\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Responsive | p\u00e1gina web responsive | sitio web responsivo\" \/>\n<meta property=\"og:description\" content=\"Aunque en las grandes empresas ya est\u00e1 generalizado el convencimiento de que es necesario realizar la transici\u00f3n desde el modelo tradicional a los formatos responsive o adaptativo en los sitios web, a\u00fan es frecuente encontrar peque\u00f1as empresas y comercios que a\u00fan carecen de un dise\u00f1o configurado para celulares.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tusclicks.com\/blog\/saber-sitio-responsive-adaptable\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog TusClicks: Posicionamiento web en Google, AdWords y publicidad en Internet.\" \/>\n<meta property=\"article:published_time\" content=\"2018-02-16T11:00:21+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-02-07T17:57:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/tusclicks.com\/blog\/wp-content\/uploads\/2018\/02\/Como-saber-si-un-sitio-es-responsive-o-adaptable.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"300\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Patricio\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Patricio\" \/>\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\":\"WebPage\",\"@id\":\"https:\/\/tusclicks.com\/blog\/saber-sitio-responsive-adaptable\/\",\"url\":\"https:\/\/tusclicks.com\/blog\/saber-sitio-responsive-adaptable\/\",\"name\":\"Responsive | p\u00e1gina web responsive | sitio web responsivo\",\"isPartOf\":{\"@id\":\"https:\/\/tusclicks.com\/blog\/#website\"},\"datePublished\":\"2018-02-16T11:00:21+00:00\",\"dateModified\":\"2018-02-07T17:57:02+00:00\",\"author\":{\"@id\":\"https:\/\/tusclicks.com\/blog\/#\/schema\/person\/72d67b4aee88b3fd493f67b72ab0cc1f\"},\"description\":\"Aunque en las grandes empresas ya est\u00e1 generalizado el convencimiento de que es necesario realizar la transici\u00f3n desde el modelo tradicional a los formatos responsive o adaptativo en los sitios web, a\u00fan es frecuente encontrar peque\u00f1as empresas y comercios que a\u00fan carecen de un dise\u00f1o configurado para celulares.\",\"breadcrumb\":{\"@id\":\"https:\/\/tusclicks.com\/blog\/saber-sitio-responsive-adaptable\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tusclicks.com\/blog\/saber-sitio-responsive-adaptable\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tusclicks.com\/blog\/saber-sitio-responsive-adaptable\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/tusclicks.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u00bfC\u00f3mo saber si un sitio es responsive o adaptable?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/tusclicks.com\/blog\/#website\",\"url\":\"https:\/\/tusclicks.com\/blog\/\",\"name\":\"Blog TusClicks: Posicionamiento web en Google, AdWords y publicidad en Internet.\",\"description\":\"Tusclicks Blog \/ Posicionamiento web \/ Mejoras P\u00e1ginas Web \/ Marketing Internet\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/tusclicks.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/tusclicks.com\/blog\/#\/schema\/person\/72d67b4aee88b3fd493f67b72ab0cc1f\",\"name\":\"Patricio\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/tusclicks.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/e21c9bb0dfa22d984a98e678dd1a7656?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/e21c9bb0dfa22d984a98e678dd1a7656?s=96&d=mm&r=g\",\"caption\":\"Patricio\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Responsive | p\u00e1gina web responsive | sitio web responsivo","description":"Aunque en las grandes empresas ya est\u00e1 generalizado el convencimiento de que es necesario realizar la transici\u00f3n desde el modelo tradicional a los formatos responsive o adaptativo en los sitios web, a\u00fan es frecuente encontrar peque\u00f1as empresas y comercios que a\u00fan carecen de un dise\u00f1o configurado para celulares.","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:\/\/tusclicks.com\/blog\/saber-sitio-responsive-adaptable\/","og_locale":"es_ES","og_type":"article","og_title":"Responsive | p\u00e1gina web responsive | sitio web responsivo","og_description":"Aunque en las grandes empresas ya est\u00e1 generalizado el convencimiento de que es necesario realizar la transici\u00f3n desde el modelo tradicional a los formatos responsive o adaptativo en los sitios web, a\u00fan es frecuente encontrar peque\u00f1as empresas y comercios que a\u00fan carecen de un dise\u00f1o configurado para celulares.","og_url":"https:\/\/tusclicks.com\/blog\/saber-sitio-responsive-adaptable\/","og_site_name":"Blog TusClicks: Posicionamiento web en Google, AdWords y publicidad en Internet.","article_published_time":"2018-02-16T11:00:21+00:00","article_modified_time":"2018-02-07T17:57:02+00:00","og_image":[{"width":900,"height":300,"url":"https:\/\/tusclicks.com\/blog\/wp-content\/uploads\/2018\/02\/Como-saber-si-un-sitio-es-responsive-o-adaptable.jpg","type":"image\/jpeg"}],"author":"Patricio","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Patricio","Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tusclicks.com\/blog\/saber-sitio-responsive-adaptable\/","url":"https:\/\/tusclicks.com\/blog\/saber-sitio-responsive-adaptable\/","name":"Responsive | p\u00e1gina web responsive | sitio web responsivo","isPartOf":{"@id":"https:\/\/tusclicks.com\/blog\/#website"},"datePublished":"2018-02-16T11:00:21+00:00","dateModified":"2018-02-07T17:57:02+00:00","author":{"@id":"https:\/\/tusclicks.com\/blog\/#\/schema\/person\/72d67b4aee88b3fd493f67b72ab0cc1f"},"description":"Aunque en las grandes empresas ya est\u00e1 generalizado el convencimiento de que es necesario realizar la transici\u00f3n desde el modelo tradicional a los formatos responsive o adaptativo en los sitios web, a\u00fan es frecuente encontrar peque\u00f1as empresas y comercios que a\u00fan carecen de un dise\u00f1o configurado para celulares.","breadcrumb":{"@id":"https:\/\/tusclicks.com\/blog\/saber-sitio-responsive-adaptable\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tusclicks.com\/blog\/saber-sitio-responsive-adaptable\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/tusclicks.com\/blog\/saber-sitio-responsive-adaptable\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/tusclicks.com\/blog\/"},{"@type":"ListItem","position":2,"name":"\u00bfC\u00f3mo saber si un sitio es responsive o adaptable?"}]},{"@type":"WebSite","@id":"https:\/\/tusclicks.com\/blog\/#website","url":"https:\/\/tusclicks.com\/blog\/","name":"Blog TusClicks: Posicionamiento web en Google, AdWords y publicidad en Internet.","description":"Tusclicks Blog \/ Posicionamiento web \/ Mejoras P\u00e1ginas Web \/ Marketing Internet","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/tusclicks.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/tusclicks.com\/blog\/#\/schema\/person\/72d67b4aee88b3fd493f67b72ab0cc1f","name":"Patricio","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/tusclicks.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/e21c9bb0dfa22d984a98e678dd1a7656?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e21c9bb0dfa22d984a98e678dd1a7656?s=96&d=mm&r=g","caption":"Patricio"}}]}},"_links":{"self":[{"href":"https:\/\/tusclicks.com\/blog\/wp-json\/wp\/v2\/posts\/63000"}],"collection":[{"href":"https:\/\/tusclicks.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tusclicks.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tusclicks.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tusclicks.com\/blog\/wp-json\/wp\/v2\/comments?post=63000"}],"version-history":[{"count":0,"href":"https:\/\/tusclicks.com\/blog\/wp-json\/wp\/v2\/posts\/63000\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tusclicks.com\/blog\/wp-json\/wp\/v2\/media\/63002"}],"wp:attachment":[{"href":"https:\/\/tusclicks.com\/blog\/wp-json\/wp\/v2\/media?parent=63000"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tusclicks.com\/blog\/wp-json\/wp\/v2\/categories?post=63000"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tusclicks.com\/blog\/wp-json\/wp\/v2\/tags?post=63000"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}