{"id":7287,"date":"2018-12-26T08:48:53","date_gmt":"2018-12-26T07:48:53","guid":{"rendered":"https:\/\/ozonocomunicacion.com\/?p=7287"},"modified":"2019-02-28T13:44:03","modified_gmt":"2019-02-28T12:44:03","slug":"la-importancia-del-diseno-responsive","status":"publish","type":"post","link":"https:\/\/ozonocomunicacion.com\/blog\/la-importancia-del-diseno-responsive\/","title":{"rendered":"La importancia del Dise\u00f1o Responsive"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_76 ez-toc-wrap-right counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\"><p class=\"ez-toc-title\" style=\"cursor:inherit\">\u00cdndice<\/p>\n<\/div><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:\/\/ozonocomunicacion.com\/blog\/la-importancia-del-diseno-responsive\/#Pero_%C2%BFAun_no_sabes_que_es_el_Diseno_Responsive\" >Pero \u00bfA\u00fan no sabes que es el Dise\u00f1o Responsive?<\/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:\/\/ozonocomunicacion.com\/blog\/la-importancia-del-diseno-responsive\/#Ahora_es_cuando_te_preguntaras_que_son_Media_Queries\" >Ahora es cuando te preguntar\u00e1s qu\u00e9 son Media Queries.<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/ozonocomunicacion.com\/blog\/la-importancia-del-diseno-responsive\/#Competencia_del_responsive\" >Competencia del responsive<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/ozonocomunicacion.com\/blog\/la-importancia-del-diseno-responsive\/#%C2%B7Web_independiente\" >\u00b7Web independiente:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/ozonocomunicacion.com\/blog\/la-importancia-del-diseno-responsive\/#%C2%B7Version_App\" >\u00b7Versi\u00f3n App:<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/ozonocomunicacion.com\/blog\/la-importancia-del-diseno-responsive\/#Ventajas_del_Responsive\" >Ventajas del Responsive<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/ozonocomunicacion.com\/blog\/la-importancia-del-diseno-responsive\/#Reducido_tiempo_de_desarrollo\" >Reducido tiempo de desarrollo:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/ozonocomunicacion.com\/blog\/la-importancia-del-diseno-responsive\/#Coste_y_mantenimiento_reducido\" >Coste y mantenimiento reducido:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/ozonocomunicacion.com\/blog\/la-importancia-del-diseno-responsive\/#Evita_problemas_de_contenido_duplicado\" >Evita problemas de contenido duplicado:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/ozonocomunicacion.com\/blog\/la-importancia-del-diseno-responsive\/#Mejor_experiencia_de_usuario\" >Mejor experiencia de usuario:<\/a><\/li><\/ul><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<p>Que<strong> tener una p\u00e1gina web es primordial para tu negocio<\/strong>, ya lo hemos contado en varias ocasiones, pero que tu negocio necesita obligatoriamente contar con un <a href=\"https:\/\/es.wikipedia.org\/wiki\/Dise%C3%B1o_web_adaptable\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">dise\u00f1o responsive<\/a> quiz\u00e1s no lo tengas tan presente.<\/p>\n<p>Y es que en los \u00faltimos a\u00f1os <strong>los resultados de b\u00fasquedas en smartphones han dado una brutal paliza a los ordenadores<\/strong>. Puede que tenga algo que ver con que estemos con el m\u00f3vil en la mano todo el d\u00eda.<\/p>\n<p>El caso es que<strong> en el mundo del marketing digital es renovarse o morir.<\/strong> Y aunque deber\u00edas habernos confiado el <a href=\"https:\/\/ozonocomunicacion.com\/diseno-web\/diseno-web-y-desarrollo-web\/\">dise\u00f1o de tu web<\/a> responsive hace tiempo <strong>\u00a1Aun puedes hacerlo!<\/strong><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Pero_%C2%BFAun_no_sabes_que_es_el_Diseno_Responsive\"><\/span>Pero \u00bfA\u00fan no sabes que es el Dise\u00f1o Responsive?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p style=\"text-align: justify;\">Es una t\u00e9cnica que realiza el departamento de desarrollo web. Sus labores principales son <strong>colocar y redimensionar los elementos de la web de tal forma que puedan adaptarse a la visualizaci\u00f3n de la p\u00e1gina en cualquier dispositivo.<\/strong><\/p>\n<p style=\"text-align: justify;\">Con lo que adem\u00e1s se consigue<strong> mejorar la experiencia del usuario.<\/strong><br \/>\nEste dise\u00f1o es caracterizado por sus contenidos fluidos y la <strong>utilizaci\u00f3n de Media Queries CSS 3.<\/strong><\/p>\n<h3 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"Ahora_es_cuando_te_preguntaras_que_son_Media_Queries\"><\/span>Ahora es cuando te preguntar\u00e1s qu\u00e9 son Media Queries.<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p style=\"text-align: justify;\">Son las responsables fundamentales de servir el contenido adaptado al dispositivo. Utilizando \u201cBreakpoints\u201d (puntos de ruptura) sobre los estilos de CSS. Esto se traduce en que tu sitio web se adapte a todos los dispositivos.<\/p>\n<p style=\"text-align: justify;\">Es decir, el navegador de cualquier dispositivo lee las Media Queries y muestra as\u00ed el contenido adaptado a \u00e9l.<\/p>\n<h3 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"Competencia_del_responsive\"><\/span>Competencia del responsive<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p style=\"text-align: justify;\">Existen otras opciones para mostrar tu web a los usuarios m\u00f3viles:<\/p>\n<h4 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"%C2%B7Web_independiente\"><\/span>\u00b7Web independiente:<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p style=\"text-align: justify;\">Crear <strong>una web espec\u00edfica para estos dispositivos<\/strong> es otra opci\u00f3n cada vez menos acogida por los desarrolladores y mucho menos por el equipo de <a href=\"https:\/\/ozonocomunicacion.com\/agencia-seo-madrid\/\">posicionamiento SEO.<\/a><\/p>\n<p style=\"text-align: justify;\">Ya que <strong>el desarrollador trabaja dos veces<\/strong>, en dos web distintas y <strong>el equipo de posicionamiento, tendr\u00e1 que escalar posiciones con dos dominios distintos, y luchar contra el contenido duplicado.<\/strong><\/p>\n<p style=\"text-align: justify;\">Sin mencionar que tu <strong>tendr\u00e1s que asumir el coste de dos webs en lugar de una.<\/strong><\/p>\n<h4 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"%C2%B7Version_App\"><\/span>\u00b7Versi\u00f3n App:<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p style=\"text-align: justify;\">Esto es una <strong>excelente opci\u00f3n para grandes empresas<\/strong> en las que las compras realizadas se miden en miles a lo largo del d\u00eda.<br \/>\nPero cuando empiezas con un negocio, es m\u00e1s dif\u00edcil que un usuario se descargue tu aplicaci\u00f3n a que pinche en tu link.<\/p>\n<h3 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"Ventajas_del_Responsive\"><\/span>Ventajas del Responsive<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<h4 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"Reducido_tiempo_de_desarrollo\"><\/span>Reducido tiempo de desarrollo:<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p style=\"text-align: justify;\">Solo hay que desarrollar una versi\u00f3n web, adaptable si, pero esto <strong>siempre es m\u00e1s r\u00e1pido adaptar que crear una versi\u00f3n web aparte.<\/strong><\/p>\n<h4 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"Coste_y_mantenimiento_reducido\"><\/span>Coste y mantenimiento reducido:<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p style=\"text-align: justify;\">Solo existe una versi\u00f3n, por lo que <strong>solo tienes que modificar y crear contenido para ella<\/strong>. Ahorrando tiempo para los desarrolladores y administradores de contenido, y dinero para ti.<\/p>\n<h4 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"Evita_problemas_de_contenido_duplicado\"><\/span>Evita problemas de contenido duplicado:<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p style=\"text-align: justify;\">C\u00f3mo mencion\u00e1bamos antes <strong>el contenido duplicado es un gran problema<\/strong> en las labores de posicionamiento, ya que <strong>al haber<\/strong> <strong>dos versiones de la misma web Google cuenta esto contenido duplicado y penaliza el posicionamiento.<\/strong><\/p>\n<h4 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"Mejor_experiencia_de_usuario\"><\/span>Mejor experiencia de usuario:<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p style=\"text-align: justify;\">Una de las ventajas m\u00e1s importantes es que <strong>el usuario tenga una buena experiencia<\/strong>, <strong>primero para que no se vaya y segundo para que vuelva.<\/strong> Adem\u00e1s sin responsive ver\u00edamos que el acceso desde dispositivo m\u00f3vil es muy bajo. De este modo permanecen m\u00e1s tiempo \u00a1<strong>Y tambi\u00e9n se traduce en mejor posicionamiento Web!<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hoy en d\u00eda que tu negocio tenga web es imprescindible, y lo hemos recalcado muchas veces, pero quiz\u00e1s no hayamos hecho tanto incapi\u00e9 en contaros la importancia del dise\u00f1o responsive. Esto se traduce en que tu web pueda mostrarse en cualquier dispositivo.<\/p>\n","protected":false},"author":4,"featured_media":7541,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-7287","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-marketing-online","generate-columns","tablet-grid-50","mobile-grid-100","grid-parent","grid-50"],"_links":{"self":[{"href":"https:\/\/ozonocomunicacion.com\/blog\/wp-json\/wp\/v2\/posts\/7287","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ozonocomunicacion.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ozonocomunicacion.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ozonocomunicacion.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/ozonocomunicacion.com\/blog\/wp-json\/wp\/v2\/comments?post=7287"}],"version-history":[{"count":0,"href":"https:\/\/ozonocomunicacion.com\/blog\/wp-json\/wp\/v2\/posts\/7287\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ozonocomunicacion.com\/blog\/wp-json\/wp\/v2\/media\/7541"}],"wp:attachment":[{"href":"https:\/\/ozonocomunicacion.com\/blog\/wp-json\/wp\/v2\/media?parent=7287"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ozonocomunicacion.com\/blog\/wp-json\/wp\/v2\/categories?post=7287"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ozonocomunicacion.com\/blog\/wp-json\/wp\/v2\/tags?post=7287"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}