{"id":6950,"date":"2016-08-16T08:00:55","date_gmt":"2016-08-16T11:00:55","guid":{"rendered":"http:\/\/www.tusclicks.cl\/blog\/?p=6950"},"modified":"2017-03-07T18:47:34","modified_gmt":"2017-03-07T21:47:34","slug":"sitios-responsive-adaptables-disenados-para-moviles","status":"publish","type":"post","link":"https:\/\/tusclicks.com\/blog\/sitios-responsive-adaptables-disenados-para-moviles\/","title":{"rendered":"\u00bfSitios responsive, adaptables o dise\u00f1ados para m\u00f3viles?"},"content":{"rendered":"

En la actualidad existen casi 7.700 millones de conexiones m\u00f3viles en el mundo. Este n\u00famero no deja de sorprender, considerando que la poblaci\u00f3n mundial se estima en 7.400 millones de acuerdo al sitio\u00a0Countrymeters<\/a>, hoy en el mundo ya hay m\u00e1s dispositivos m\u00f3viles que personas.<\/p>\n

Utilizar nuestros smartphones o tablets para acceder a internet es una actividad com\u00fan, desarrollada casi por instinto. Pero en m\u00e1s de una oportunidad habr\u00e1s notado que el sitio web que visitas en tu\u00a0dispositivo m\u00f3vil<\/a>\u00a0tiene un dise\u00f1o distinto al que visualizas cuando utilizas tu computador de escritorio. \u00bfA qu\u00e9 se debe esto? La raz\u00f3n es simple, no todas las empresas han preparado sus sitios para dispositivos m\u00f3viles, por lo que no responden de forma id\u00e9ntica en diferentes plataformas.<\/p>\n

Esta realidad ha desafiado a las compa\u00f1\u00edas, oblig\u00e1ndolas a adecuar sus sitios web para que se muestren correctamente sin importar la marca, tama\u00f1o o tipo de tecnolog\u00eda y dispositivo que se utilice; nacen t\u00e9rminos como \u201csitio web responsive\u201d, \u201csitio web adaptable\u201d y \u201csitio web amigable\u201d. Cada uno de estos t\u00e9rminos describe el m\u00e9todo de disponer el contenido de tu sitio web a los usuarios de dispositivos m\u00f3viles. \u00bfEn qu\u00e9 consiste cada uno de ellos?\u00bfc\u00f3mo identificarlos?\u00bfCu\u00e1les son las ventajas de cada uno?, el sitio especializado\u00a0ClickZ ha preparado una gu\u00eda<\/a>\u00a0para explicar las principales diferencias:<\/p>\n

Sitios amigables (Mobile Friendly)<\/h3>\n

Los sitios web amigables no est\u00e1n necesariamente dise\u00f1ados como sitios para dispositivos m\u00f3viles. Son versiones de sitios web tradicionales que funcionan en diferentes dispositivos. Podr\u00edamos catalogarlos como un sitio web que ha sido optimizado para m\u00f3viles. Su principal ventaja est\u00e1 relacionada con Google: a partir de mayo de este a\u00f1o,\u00a0Google penalizar\u00e1 a todos aquellos sitios que no sean amigables<\/a>, situ\u00e1ndolos al final de sus resultados de b\u00fasqueda.<\/p>\n

Sitios web responsive (Responsive Sites)<\/h3>\n

Estos sitios se adaptan autom\u00e1ticamente a la pantalla del dispositivo, poseen todas las caracter\u00edsticas de los sitios amigables, pero su contenido es din\u00e1mico, dependiendo del dispositivo desde el que se visualizan. Un sitio web responsive se detecta si al cambiar el tama\u00f1o de la pantalla del navegador, \u00e9ste cambia sus dimensiones para ajustarse al nuevo tama\u00f1o de ventana. Su dise\u00f1o port\u00e1til entrega una experiencia similar casi al 100% de la ofrecida al navegar desde un computador de escritorio. A pesar de esto, el contenido puede ser adaptado, cambiando el men\u00fa desplegable en desktop por im\u00e1genes tipo bot\u00f3n, como es el ejemplo de la marca\u00a0H&M<\/a>, para crear una experiencia m\u00e1s detallista y personalizada al utilizar tecnolog\u00edas mobile.<\/p>\n

Un buen ejemplo de sitio web responsive es\u00a0foodsense.is<\/a>; cuando ingresas a su web desde tu computador de escritorio, cambia el tama\u00f1o de la ventana y se observa como se comporta el sitio. Otro buen ejemplo es el sitio de\u00a0McDonald<\/a>s, cuya arquitectura hace muy f\u00e1cil de navegar en todo dispositivo.<\/p>\n

Sitios Adaptativos<\/h3>\n

\u00bfQu\u00e9 pasa cuando un dise\u00f1ador web quiere adaptar una web dependiendo de cada dispositivo o sistema operativo? Pues, este es el caso de los sitios web adaptativos, los que identifican el dispositivo del usuario y ajustan el dise\u00f1o para entregan el mejor resultado a los usuarios. De esta manera, se generar\u00e1n diferentes alternativas de layout (dise\u00f1o) para cada tipo de dispositivos, computadores de escritorio, tablets y smartphones.<\/p>\n

\u00bfPor qu\u00e9 optar por sitios web adaptativos?, estos ofrecen la experiencia \u00f3ptima para cada usuario, entregando un dise\u00f1o optimizado para cada dispositivo. Sin embargo, no olvides que ese tipo de sitios son t\u00e9cnicamente m\u00e1s complejos, y m\u00e1s caros de dise\u00f1ar que los sitios web responsive, ya que tendr\u00e1s que invertir tiempo en crear una alternativa para cada dispositivo tecnol\u00f3gico al que desees alcanzar.<\/p>\n

Un ejemplo de sitio web adaptativo es\u00a0hostelworld.com<\/a>, esta p\u00e1gina identifica cada dispositivo y entrega la mejor versi\u00f3n posible del sitio. Si visitas esta web desde diferentes dispositivos, podr\u00e1s ver diferentes dise\u00f1os y distinto contenido; por ejemplo si lo visitas con un iPad podr\u00e1s encontrar m\u00e1s informaci\u00f3n a la mano, mientras que desde dispositivos peque\u00f1os encontraras una b\u00fasqueda directa, para facilitar tu interacci\u00f3n sin distracciones, mientras, la versi\u00f3n de escritorio incorpora m\u00e1s im\u00e1genes aportando colorido y aprovechando la extensi\u00f3n de la pantalla.<\/p>\n

\u00bfDebo utilizar sitios web adaptativos o responsivos?<\/h3>\n

La verdad es que no hay una respuesta definida, pero te invitamos a considerar lo siguiente:<\/p>\n

Los sitios adaptativos poseen un dise\u00f1o m\u00e1s complejo y, por lo tanto, son m\u00e1s caros, pero es una forma personalizada de alcanzar la m\u00e1s amplia audiencia m\u00f3vil. Es \u00fatil para ajustar un sitio existente y hacerlo m\u00e1s amigable para dispositivos m\u00f3viles. T\u00fa eliges para qu\u00e9 dispositivos m\u00f3viles lo adaptar\u00e1s, dependiendo de tu presupuesto.<\/p>\n

Los sitios web responsive, no ofrecen tanto control como los sitios adaptativos, pero requieren menos trabajo para construirlos y mantenerlos. La mayor\u00eda de los sitios nuevos son de este tipo, ya que representan una opci\u00f3n r\u00e1pida de compartir toda tu informaci\u00f3n de manera directa, con un formato est\u00e1ndar que funciona y que se amoldar\u00e1 a la mayor\u00eda de las pantallas que hay en el mercado.<\/p>\n

En busca de maximizar la experiencia de los clientes, debemos estar abiertos a nuevas tecnolog\u00edas y canales de venta. No dejes pasar esta oportunidad y aprovecha el\u00a0protagonismo de los dispositivos m\u00f3viles<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

En la actualidad existen casi 7.700 millones de conexiones m\u00f3viles en el mundo. Este n\u00famero no deja de sorprender, considerando que la poblaci\u00f3n mundial se estima en 7.400 millones de acuerdo al sitio Countrymeters, hoy en el mundo ya hay m\u00e1s dispositivos m\u00f3viles que personas.<\/p>\n","protected":false},"author":18,"featured_media":60253,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[38],"tags":[503,365,502],"yoast_head":"\nSitios web responsive , Sitios para dispositivos m\u00f3viles<\/title>\n<meta name=\"description\" content=\"En la actualidad existen casi 7.700 millones de conexiones m\u00f3viles en el mundo.\" \/>\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\/sitios-responsive-adaptables-disenados-para-moviles\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Sitios web responsive , Sitios para dispositivos m\u00f3viles\" \/>\n<meta property=\"og:description\" content=\"En la actualidad existen casi 7.700 millones de conexiones m\u00f3viles en el mundo.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tusclicks.com\/blog\/sitios-responsive-adaptables-disenados-para-moviles\/\" \/>\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=\"2016-08-16T11:00:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-03-07T21:47:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/tusclicks.com\/blog\/wp-content\/uploads\/2016\/08\/web-responsive.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=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/tusclicks.com\/blog\/sitios-responsive-adaptables-disenados-para-moviles\/\",\"url\":\"https:\/\/tusclicks.com\/blog\/sitios-responsive-adaptables-disenados-para-moviles\/\",\"name\":\"Sitios web responsive , Sitios para dispositivos m\u00f3viles\",\"isPartOf\":{\"@id\":\"https:\/\/tusclicks.com\/blog\/#website\"},\"datePublished\":\"2016-08-16T11:00:55+00:00\",\"dateModified\":\"2017-03-07T21:47:34+00:00\",\"author\":{\"@id\":\"\"},\"description\":\"En la actualidad existen casi 7.700 millones de conexiones m\u00f3viles en el mundo.\",\"breadcrumb\":{\"@id\":\"https:\/\/tusclicks.com\/blog\/sitios-responsive-adaptables-disenados-para-moviles\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tusclicks.com\/blog\/sitios-responsive-adaptables-disenados-para-moviles\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tusclicks.com\/blog\/sitios-responsive-adaptables-disenados-para-moviles\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/tusclicks.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u00bfSitios responsive, adaptables o dise\u00f1ados para m\u00f3viles?\"}]},{\"@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\":\"\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Sitios web responsive , Sitios para dispositivos m\u00f3viles","description":"En la actualidad existen casi 7.700 millones de conexiones m\u00f3viles en el mundo.","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\/sitios-responsive-adaptables-disenados-para-moviles\/","og_locale":"es_ES","og_type":"article","og_title":"Sitios web responsive , Sitios para dispositivos m\u00f3viles","og_description":"En la actualidad existen casi 7.700 millones de conexiones m\u00f3viles en el mundo.","og_url":"https:\/\/tusclicks.com\/blog\/sitios-responsive-adaptables-disenados-para-moviles\/","og_site_name":"Blog TusClicks: Posicionamiento web en Google, AdWords y publicidad en Internet.","article_published_time":"2016-08-16T11:00:55+00:00","article_modified_time":"2017-03-07T21:47:34+00:00","og_image":[{"width":900,"height":300,"url":"https:\/\/tusclicks.com\/blog\/wp-content\/uploads\/2016\/08\/web-responsive.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"","Tiempo de lectura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tusclicks.com\/blog\/sitios-responsive-adaptables-disenados-para-moviles\/","url":"https:\/\/tusclicks.com\/blog\/sitios-responsive-adaptables-disenados-para-moviles\/","name":"Sitios web responsive , Sitios para dispositivos m\u00f3viles","isPartOf":{"@id":"https:\/\/tusclicks.com\/blog\/#website"},"datePublished":"2016-08-16T11:00:55+00:00","dateModified":"2017-03-07T21:47:34+00:00","author":{"@id":""},"description":"En la actualidad existen casi 7.700 millones de conexiones m\u00f3viles en el mundo.","breadcrumb":{"@id":"https:\/\/tusclicks.com\/blog\/sitios-responsive-adaptables-disenados-para-moviles\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tusclicks.com\/blog\/sitios-responsive-adaptables-disenados-para-moviles\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/tusclicks.com\/blog\/sitios-responsive-adaptables-disenados-para-moviles\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/tusclicks.com\/blog\/"},{"@type":"ListItem","position":2,"name":"\u00bfSitios responsive, adaptables o dise\u00f1ados para m\u00f3viles?"}]},{"@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":""}]}},"_links":{"self":[{"href":"https:\/\/tusclicks.com\/blog\/wp-json\/wp\/v2\/posts\/6950"}],"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\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/tusclicks.com\/blog\/wp-json\/wp\/v2\/comments?post=6950"}],"version-history":[{"count":0,"href":"https:\/\/tusclicks.com\/blog\/wp-json\/wp\/v2\/posts\/6950\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tusclicks.com\/blog\/wp-json\/wp\/v2\/media\/60253"}],"wp:attachment":[{"href":"https:\/\/tusclicks.com\/blog\/wp-json\/wp\/v2\/media?parent=6950"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tusclicks.com\/blog\/wp-json\/wp\/v2\/categories?post=6950"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tusclicks.com\/blog\/wp-json\/wp\/v2\/tags?post=6950"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}