{"id":4344,"date":"2017-03-29T18:04:08","date_gmt":"2017-03-29T18:04:08","guid":{"rendered":"https:\/\/www.blog.facilcloud.com\/noticias\/?p=4344"},"modified":"2017-05-22T14:56:13","modified_gmt":"2017-05-22T14:56:13","slug":"responsive-testing-tu-sitio-pasa-la-prueba","status":"publish","type":"post","link":"https:\/\/www.blog.facilcloud.com\/noticias\/responsive-testing-tu-sitio-pasa-la-prueba\/","title":{"rendered":"Responsive testing \u00bfTu sitio pasa la prueba?"},"content":{"rendered":"

El hecho de que una p\u00e1gina web sea\u00a0Responsive, implica que cuenta con un dise\u00f1o web adaptable (o adaptativo), es decir, una filosof\u00eda de dise\u00f1o y desarrollo cuyo objetivo es adaptar la apariencia de las\u00a0p\u00e1ginas web\u00a0al dispositivo que se est\u00e9 utilizando para poder \u00a0visualizarlas.<\/p>\n

Actualmente, las p\u00e1ginas web son vistas en una gran y diversa cantidad de dispositivos como\u00a0tabletas, smartphones,\u00a0lectores para libros electr\u00f3nicos,\u00a0port\u00e1tiles, phablets,\u00a0PCs, netbooks, ultrabooks, entre otros; asimismo, cada dispositivo posee particularidades como potencia de CPU, tama\u00f1o de pantalla, resoluci\u00f3n, sistema operativo o capacidad de memoria, y muchas otras m\u00e1s. Dicha tecnolog\u00eda pretende que con un \u00fanico\u00a0dise\u00f1o web, se obtenga una visualizaci\u00f3n adecuada en cualquier dispositivo, haciendo m\u00e1s competitivo el site.<\/p>\n

La lucha por posicionar un\u00a0site\u00a0entre los primeros puestos de los resultados de b\u00fasqueda en internet se remonta a los inicios de la internet; no obstante,\u00a0\u00a0Google a partir de 1998 cambi\u00f3 radicalmente las reglas del juego, debido a las m\u00faltiples variables con las que cuenta su algoritmo: relevancia de contenidos, enlaces, palabras clave,\u00a0velocidad de carga, links a redes sociales, gr\u00e1ficas, entre otras.<\/p>\n

El\u00a0dise\u00f1o web<\/a><\/span> responsivo\u00a0o como se le conoce\u00a0\u201cResponsive Design\u201d, es precisamente esa adaptaci\u00f3n de la web para los tel\u00e9fonos m\u00f3viles o tablets, de tal manera que los usuarios de estos dispositivos pueden ver y leer la p\u00e1gina web sin\u00a0 necesidad de ampliar los textos ni las im\u00e1genes.<\/p>\n

El\u00a0responsive design\u00a0no s\u00f3lo tiene en cuenta la visualizaci\u00f3n, sino tambi\u00e9n el tiempo de carga de la web, para ello se hace imprescindible la utilizaci\u00f3n de medidas relativas, de manera que tanto fotos como videos, puedan cargar r\u00e1pidamente. En este orden de ideas, este evita la necesidad de duplicar el contenido para cada dispositivo y logra\u00a0mejorar la posici\u00f3n en los motores de b\u00fasqueda; sin que sea necesario\u00a0redireccionar a otra web adaptada para m\u00f3viles, generando una duplicidad en el contenido, as\u00ed como penalizaciones. De esta manera se evita un gran porcentaje\u00a0de abandonos, puesto que muchos usuarios, cuando acceden a una web que no est\u00e1\u00a0adaptada al dispositivo\u00a0que est\u00e1n usando, recurran a otra\u00a0p\u00e1gina web; esto implicar\u00eda una ca\u00edda en el\u00a0ranking, es decir perder puestos en el\u00a0posicionamiento natural.<\/p>\n

\"facilcloud-reseller-hosting\"<\/a><\/p>\n

El constructor de sitios de Facilcloud<\/a><\/span>, permite crear sitios responsive mediante tutoriales y plantillas, en pro del buen posicionamiento del site.<\/p>\n

\u00bfPasas la prueba del web responsive?<\/p>\n

Previamente, verifica que al hacer la web responsive<\/a><\/span> se carguen exactamente los mismos recursos que para la web de escritorio; es muy \u00fatil emplear librer\u00edas que permitan hacer una carga de p\u00e1gina condicional, evitando cargar recursos innecesarios para la versi\u00f3n m\u00f3vil.<\/p>\n

A la hora de dise\u00f1ar, es fundamental hacerlo bajo el patr\u00f3n mobile-first, evitando problemas de adaptaci\u00f3n y sobrecarga, as\u00ed como\u00a0la cantidad de efectos de la web de escritorio, que no aplican para la web responsive.<\/p>\n

\"responsive<\/p>\n

\"\"<\/p>\n","protected":false},"excerpt":{"rendered":"

El hecho de que una p\u00e1gina web sea\u00a0Responsive, implica que cuenta con un dise\u00f1o web adaptable (o adaptativo), es decir, una filosof\u00eda de dise\u00f1o y desarrollo cuyo objetivo es adaptar la apariencia de las\u00a0p\u00e1ginas web\u00a0al dispositivo que se est\u00e9 utilizando para poder \u00a0visualizarlas. Actualmente, las p\u00e1ginas web son vistas en una gran y diversa cantidad […]<\/p>\n","protected":false},"author":2,"featured_media":4348,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[285],"tags":[],"class_list":["post-4344","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-programadores"],"_links":{"self":[{"href":"https:\/\/www.blog.facilcloud.com\/noticias\/wp-json\/wp\/v2\/posts\/4344","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.blog.facilcloud.com\/noticias\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.blog.facilcloud.com\/noticias\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.blog.facilcloud.com\/noticias\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.blog.facilcloud.com\/noticias\/wp-json\/wp\/v2\/comments?post=4344"}],"version-history":[{"count":0,"href":"https:\/\/www.blog.facilcloud.com\/noticias\/wp-json\/wp\/v2\/posts\/4344\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.blog.facilcloud.com\/noticias\/wp-json\/wp\/v2\/media\/4348"}],"wp:attachment":[{"href":"https:\/\/www.blog.facilcloud.com\/noticias\/wp-json\/wp\/v2\/media?parent=4344"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.blog.facilcloud.com\/noticias\/wp-json\/wp\/v2\/categories?post=4344"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.blog.facilcloud.com\/noticias\/wp-json\/wp\/v2\/tags?post=4344"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}