{"id":10815,"date":"2013-06-07T13:34:06","date_gmt":"2013-06-07T11:34:06","guid":{"rendered":"https:\/\/www.veiss.com\/blog\/?p=10815"},"modified":"2013-06-07T13:41:06","modified_gmt":"2013-06-07T11:41:06","slug":"diseno-web-en-vitoria","status":"publish","type":"post","link":"https:\/\/www.veiss.com\/blog\/diseno-web-en-vitoria\/","title":{"rendered":"Dise\u00f1o Web Orientado a Conversi\u00f3n"},"content":{"rendered":"<p>Antes de empezar con un proyecto Web, tenemos que trazar el plan que durante la fase de dise\u00f1o y desarrollo se convertir\u00e1 en una p\u00e1gina Web. En la fase de dise\u00f1o Web los objetivos son conseguir un dise\u00f1o orientado a usabilidad, a buscadores y a conversi\u00f3n. Tanto si vamos a comenzar un <strong>dise\u00f1o Web en Vitoria\u00a0<\/strong>como en la China, antes tenemos que tener claros nuestros objetivos de negocio para traducirlos a objetivos Web.<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter  wp-image-10883\" title=\"Dise\u00f1o Web Vitoria\" src=\"https:\/\/www.veiss.com\/blog\/wp-content\/uploads\/2013\/06\/dise\u00f1o_web_en_vitoria.jpeg\" alt=\"Dise\u00f1o Web en Vitoria\" width=\"494\" height=\"322\" srcset=\"https:\/\/www.veiss.com\/blog\/wp-content\/uploads\/2013\/06\/dise\u00f1o_web_en_vitoria.jpeg 827w, https:\/\/www.veiss.com\/blog\/wp-content\/uploads\/2013\/06\/dise\u00f1o_web_en_vitoria-300x195.jpeg 300w, https:\/\/www.veiss.com\/blog\/wp-content\/uploads\/2013\/06\/dise\u00f1o_web_en_vitoria-600x390.jpeg 600w\" sizes=\"(max-width: 494px) 100vw, 494px\" \/><\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_45 counter-hierarchy ez-toc-counter ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\">&iquest;Qu&eacute; vas a leer en este contenido?<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" area-label=\"ez-toc-toggle-icon-1\"><label for=\"item-69e9fc13e96f8\" aria-label=\"Tabla de contenidos\"><span style=\"display: flex;align-items: center;width: 35px;height: 30px;justify-content: center;direction:ltr;\"><svg style=\"fill: #2a2a2a;color:#2a2a2a\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #2a2a2a;color:#2a2a2a\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/label><input  type=\"checkbox\" id=\"item-69e9fc13e96f8\"><\/a><\/span><\/div>\n<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:\/\/www.veiss.com\/blog\/diseno-web-en-vitoria\/#Diseno_Web_orientado_a_usabilidad\" title=\"Dise\u00f1o Web orientado a usabilidad\">Dise\u00f1o Web orientado a usabilidad<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.veiss.com\/blog\/diseno-web-en-vitoria\/#Diseno_Web_orientado_a_buscadores\" title=\"Dise\u00f1o Web orientado a buscadores\">Dise\u00f1o Web orientado a buscadores<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.veiss.com\/blog\/diseno-web-en-vitoria\/#Diseno_Web_orientado_a_conversion\" title=\"Dise\u00f1o Web orientado a conversi\u00f3n\">Dise\u00f1o Web orientado a conversi\u00f3n<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Diseno_Web_orientado_a_usabilidad\"><\/span>Dise\u00f1o Web orientado a usabilidad<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-size: 13px; line-height: 19px;\">La <strong>usabilidad<\/strong> consiste en algo tan sencillo y complicado a la vez como es conseguir la mayor facilidad de uso para el usuario sobre los diferentes elementos que componen un Sitio Web: men\u00fa de navegaci\u00f3n, enlaces, formularios, botones, buscador interno, cesta de la compra, etc. El Dise\u00f1o Web ser\u00e1 el punto de partida que nos ayudar\u00e1 a conseguir una buena usabilidad.<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Diseno_Web_orientado_a_buscadores\"><\/span>Dise\u00f1o Web orientado a buscadores<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-size: 13px; line-height: 19px;\">Antes de la fase de desarrollo de la Web, e inmediatamente despu\u00e9s de la exposici\u00f3n de necesidades del cliente, se deben definir los contenidos que incluir\u00e1 el Sitio. As\u00ed, se ir\u00e1 creando la primera <strong>arquitectura de contenidos<\/strong> del Sitio Web que surgir\u00e1 de la combinaci\u00f3n de lo que el cliente quiere comunicar y lo que los usuarios demandan (o buscan en los buscadores).\u00a0<\/span><\/p>\n<p>En un proyecto Web, adem\u00e1s de la arquitectura de la informaci\u00f3n, tambi\u00e9n se deben coordinar el \u00e1rea de dise\u00f1o y de posicionamiento en aspectos como:<\/p>\n<ul>\n<li><span style=\"font-size: 13px; line-height: 19px;\">Elementos de la p\u00e1gina home y p\u00e1ginas interiores como la estructura de enlaces o contenidos, la estructura de etiquetas H1, etc.<\/span><\/li>\n<\/ul>\n<p>Por ejemplo, en un Sitio Web dedicado al <strong>comercio electr\u00f3nico<\/strong> habr\u00e1 que prestar especial atenci\u00f3n a:<\/p>\n<ul>\n<li><span style=\"font-size: 13px; line-height: 19px;\">Evitar <strong>contenido duplicado<\/strong> debido a las diferentes rutas de acceso a los mismos productos o a la ordenaci\u00f3n de listados de resultados generando iguales contenidos en distintas URLs. Si no se puede evitar la duplicaci\u00f3n, habr\u00e1 que \u201ccorregirla\u201d con el uso de la meta can\u00f3nica que indica al buscador cu\u00e1l es la URL que queremos que indexe.<\/span><\/li>\n<li><span style=\"font-size: 13px; line-height: 19px;\">La <strong>definici\u00f3n de categor\u00edas, subcategor\u00edas y filtros de productos<\/strong> adaptada a lo que los usuarios busquen en Google u otros buscadores.<\/span><\/li>\n<li><span style=\"font-size: 13px; line-height: 19px;\">La <strong>estructuraci\u00f3n de las p\u00e1ginas de listados de productos<\/strong>: c\u00f3mo se va a presentar el listado en cuanto a im\u00e1genes, cantidad de texto que ayude al posicionamiento, estructura de enlaces, estructura de etiquetas H\u2026<\/span><\/li>\n<li><span style=\"font-size: 13px; line-height: 19px;\">La estructura de las <strong>p\u00e1ginas de producto<\/strong> en funci\u00f3n de las posibilidades de los propios productos y del sector que nos ocupa, dedicando un espacio para contenidos textuales pero tambi\u00e9n para contenidos audiovisuales, opiniones, valoraciones, etc.<\/span><\/li>\n<\/ul>\n<p>En definitiva, se trata de conseguir el <strong>equilibrio<\/strong> entre las necesidades del cliente, lo que el dise\u00f1o propone y lo que recomienda el posicionamiento para llegar a la mejor soluci\u00f3n posible que sea \u00fatil para todos.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Diseno_Web_orientado_a_conversion\"><\/span>Dise\u00f1o Web orientado a conversi\u00f3n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-size: 13px; line-height: 19px;\">Todo aquel que realice un Sitio Web tiene <strong>como objetivo la conversi\u00f3n<\/strong>, es decir, \u201chacer que alguien o algo se transforme en algo distinto de lo que era\u201d. Por ejemplo, una visita en contacto, un contacto en cliente, una visita en suscriptor, un suscriptor en fan, una visita en impacto publicitario, una visita en lector y un lector en comentarista de nuestro blog, etc. Siempre existe la conversi\u00f3n, en todos los Sitios Web, sea cual sea su objetivo. Pero antes de llegar a este punto, antes de trabajar los diferentes dise\u00f1os orientados tanto a usabilidad, como a buscadores o a conversi\u00f3n, debemos tener claros cu\u00e1les son los objetivos de nuestra Web.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Si vas a realizar un Dise\u00f1o Web en Vitoria, debes definir tus Objetivos Web y hacer un Dise\u00f1o Web orientado a Usabilidad, a Buscadores y a Conversi\u00f3n<\/p>\n","protected":false},"author":11,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[5],"tags":[1118,1119],"_links":{"self":[{"href":"https:\/\/www.veiss.com\/blog\/wp-json\/wp\/v2\/posts\/10815"}],"collection":[{"href":"https:\/\/www.veiss.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.veiss.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.veiss.com\/blog\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/www.veiss.com\/blog\/wp-json\/wp\/v2\/comments?post=10815"}],"version-history":[{"count":43,"href":"https:\/\/www.veiss.com\/blog\/wp-json\/wp\/v2\/posts\/10815\/revisions"}],"predecessor-version":[{"id":10895,"href":"https:\/\/www.veiss.com\/blog\/wp-json\/wp\/v2\/posts\/10815\/revisions\/10895"}],"wp:attachment":[{"href":"https:\/\/www.veiss.com\/blog\/wp-json\/wp\/v2\/media?parent=10815"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.veiss.com\/blog\/wp-json\/wp\/v2\/categories?post=10815"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.veiss.com\/blog\/wp-json\/wp\/v2\/tags?post=10815"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}