{"id":13967,"date":"2016-05-10T11:28:34","date_gmt":"2016-05-10T14:28:34","guid":{"rendered":"https:\/\/blog.fromdoppler.com\/?p=13967"},"modified":"2016-05-10T11:30:24","modified_gmt":"2016-05-10T14:30:24","slug":"como-crear-tu-sitio-web","status":"publish","type":"post","link":"https:\/\/www.fromdoppler.com\/blog\/como-crear-tu-sitio-web\/","title":{"rendered":"C\u00f3mo crear una gu\u00eda de estilo para dise\u00f1ar tu Sitio Web"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-13968\" src=\"https:\/\/www.fromdoppler.com\/blog\/wp-content\/uploads\/Main40.png\" alt=\"Gu\u00eda de estilo para dise\u00f1ar tu sitio web\" width=\"700\" height=\"300\" srcset=\"https:\/\/blog.fromdoppler.com\/wp-content\/uploads\/Main40.png 700w, https:\/\/blog.fromdoppler.com\/wp-content\/uploads\/Main40-300x129.png 300w, https:\/\/blog.fromdoppler.com\/wp-content\/uploads\/Main40-600x257.png 600w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<p>Si vas a dise\u00f1ar tu propio Sitio Web es clave que cuentes con una gu\u00eda que incluya todos los elementos necesarios para construir una imagen s\u00f3lida. \u00a1Aprende c\u00f3mo hacerla aqu\u00ed!<\/p>\n<p>La mayor\u00eda de la gente empieza su recorrido por el mundo online con <strong>una web dise\u00f1ada por ellos mismos<\/strong>, sin tener unas pautas b\u00e1sicas sobre las que trabajar, por eso suelen acabar agobiados y con un Sitio Web que no tiene la imagen que esperaban.<\/p>\n<p>Si te vas a <a href=\"http:\/\/www.glopdesign.com\/?utm_source=blog&amp;utm_medium=post&amp;utm_campaign=fromdoppler\" target=\"_blank\">lanzar a la aventura online<\/a> es imprescindible que tengas una gu\u00eda de estilo. Ahora te estar\u00e1s preguntando, \u00bfqu\u00e9 es eso? Es un manual que define la <a href=\"https:\/\/www.fromdoppler.com\/blog\/branding-como-construir-la-identidad-visual-de-tu-empresa\/\" target=\"_blank\">identidad de tu marca<\/a>, sus colores, tipograf\u00edas, el tono en el que te vas a dirigir a tus clientes, en general, todos los elementos necesarios para<strong> construir una imagen s\u00f3lida<\/strong>.<\/p>\n<p>\u00bfQu\u00e9 pasa si no tengo una? Lo m\u00e1s probable es que tu Sitio Web acabe siendo un <strong>popurr\u00ed de elementos sin coherencia<\/strong> alguna entre ellos. Imagino que no es eso lo que quieres para tu negocio, \u00bfverdad? Por eso he elaborado una lista de imprescindibles en toda gu\u00eda de estilo que te ayudar\u00e1n a definir tu imagen. \u00a1All\u00ed vamos!<\/p>\n<h2>1. Define tu audiencia<\/h2>\n<p>Lo primero que debes hacer antes de comenzar a dise\u00f1ar, es <strong>identificar a tu p\u00fablico de inter\u00e9s<\/strong>. Es una decisi\u00f3n crucial que much\u00edsimos bloggers pasan por alto y que t\u00fa no deber\u00edas olvidar.<\/p>\n<p>\u00bfTodav\u00eda no sabes a qui\u00e9n van dirigidos tus contenidos? No te preocupes, es normal que al principio tengas dudas, todos hemos pasado por eso. Piensa en qu\u00e9 grupo de gente puede estar <strong>interesado en consumir tus contenidos<\/strong> y sobre todo<strong> qui\u00e9n te gustar\u00eda que los consumiera<\/strong> (tu cliente ideal).<\/p>\n<p>No cometas el error de querer abarcar todos los p\u00fablicos pensado que va a ser mejor porque no lo es. C\u00e9ntrate en una audiencia bien definida e intenta captar su atenci\u00f3n, tu negocio tendr\u00e1 mucho m\u00e1s \u00e9xito de esta forma.<\/p>\n<p>Aqu\u00ed tienes un claro ejemplo de una web dise\u00f1ada para un p\u00fablico muy\u00a0espec\u00edfico y bien delimitado:\u00a0<a href=\"http:\/\/ninadesigns.bigcartel.com\/?utm_source=blog&amp;utm_medium=post&amp;utm_campaign=fromdoppler\" target=\"_blank\">Nina Designs.<\/a><\/p>\n<p> <a href=\"http:\/\/ninadesigns.bigcartel.com\/?utm_source=blog&amp;utm_medium=post&amp;utm_campaign=fromdoppler\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-13970\" src=\"https:\/\/www.fromdoppler.com\/blog\/wp-content\/uploads\/01-Audiencia.jpg\" alt=\"Gu\u00eda de estilo para dise\u00f1ar tu sitio web\" width=\"700\" height=\"542\" srcset=\"https:\/\/blog.fromdoppler.com\/wp-content\/uploads\/01-Audiencia.jpg 700w, https:\/\/blog.fromdoppler.com\/wp-content\/uploads\/01-Audiencia-300x232.jpg 300w, https:\/\/blog.fromdoppler.com\/wp-content\/uploads\/01-Audiencia-600x465.jpg 600w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<h2>2. Elige los colores de tu marca<\/h2>\n<p>Ahora que conoces tu audiencia te ser\u00e1 mucho m\u00e1s f\u00e1cil construir una marca enfocada en captar su atenci\u00f3n. El siguiente paso para conseguirlo ser\u00e1 <a href=\"http:\/\/www.glopdesign.com\/elegir-colores-blog\/?utm_source=blog&amp;utm_medium=post&amp;utm_campaign=fromdoppler\" target=\"_blank\">elegir los colores adecuados para tu blog<\/a>. Selecciona una paleta con<strong> 3 o 4 colores m\u00e1ximo<\/strong> y resp\u00e9tala en todo momento.<\/p>\n<p>Intenta <strong>no hacer mezclas raras<\/strong>, hay herramientas como <a href=\"https:\/\/color.adobe.com\/es\/\" target=\"_blank\">Adobe Color CC<\/a> que te ayudar\u00e1n a crear una combinaci\u00f3n que funcione, de manera r\u00e1pida y sencilla. Recuerda que los colores que elijas deben reflejar el car\u00e1cter de tu marca, tienes que sentirte c\u00f3modo con ellos y <strong>transmitir valores que te identifiquen<\/strong>.<\/p>\n<p>\u00bfTe gustar\u00eda ver un ejemplo de un uso \u00f3ptimo de colores? Revisa la web de <a href=\"http:\/\/elmundoatravesdeunvisor.com\/?utm_source=blog&amp;utm_medium=post&amp;utm_campaign=fromdoppler\" target=\"_blank\">El mundo a trav\u00e9s de un visor.<\/a><\/p>\n<p><a href=\"http:\/\/elmundoatravesdeunvisor.com\/?utm_source=blog&amp;utm_medium=post&amp;utm_campaign=fromdoppler\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-13971\" src=\"https:\/\/www.fromdoppler.com\/blog\/wp-content\/uploads\/02-Colores-web.jpg\" alt=\"Gu\u00eda de estilo para dise\u00f1ar tu sitio web\" width=\"700\" height=\"542\" srcset=\"https:\/\/blog.fromdoppler.com\/wp-content\/uploads\/02-Colores-web.jpg 700w, https:\/\/blog.fromdoppler.com\/wp-content\/uploads\/02-Colores-web-300x232.jpg 300w, https:\/\/blog.fromdoppler.com\/wp-content\/uploads\/02-Colores-web-600x465.jpg 600w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<h2>3. Selecciona las tipograf\u00edas<\/h2>\n<p>El mundo de las tipograf\u00edas es inmenso y si empiezas a navegar por \u00e9l seguro que encontrar\u00e1s millones de fuentes muy diversas que querr\u00e1s utilizar en tu web, no lo hagas por favor. Elige una clara y sencilla que <strong>no distraiga la atenci\u00f3n de la gente<\/strong>, lo que tienen que recordar es lo que han le\u00eddo, no que la letra era muy linda.<\/p>\n<p>Siempre recomiendo <strong>no elegir m\u00e1s de dos tipograf\u00edas<\/strong> para el dise\u00f1o de una web. La primera, para t\u00edtulos y encabezados puede ser un poco m\u00e1s arriesgada y llamativa. La segunda, para los textos de p\u00e1ginas y entradas, debe ser una letra que facilite la lectura y que no llame especialmente la atenci\u00f3n.<\/p>\n<p>Eso es justamente lo que hace <a href=\"http:\/\/www.similam.com\/?utm_source=blog&amp;utm_medium=post&amp;utm_campaign=fromdoppler\" target=\"_blank\">Similam<\/a>. Esta\u00a0tienda de dulces cuenta con una web dise\u00f1ada especialmente para dotar de calidez y detalles visuales a sus productos. En este ejemplo puedes ver que adem\u00e1s hace un excelente uso de distintas tipograf\u00edas.<\/p>\n<p><a href=\"http:\/\/www.similam.com\/?utm_source=blog&amp;utm_medium=post&amp;utm_campaign=fromdoppler\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-13972\" src=\"https:\/\/www.fromdoppler.com\/blog\/wp-content\/uploads\/03-Tipografi\u0301as.jpg\" alt=\"Gu\u00eda de estilo para dise\u00f1ar tu sitio web\" width=\"700\" height=\"542\" srcset=\"https:\/\/blog.fromdoppler.com\/wp-content\/uploads\/03-Tipografi\u0301as.jpg 700w, https:\/\/blog.fromdoppler.com\/wp-content\/uploads\/03-Tipografi\u0301as-300x232.jpg 300w, https:\/\/blog.fromdoppler.com\/wp-content\/uploads\/03-Tipografi\u0301as-600x465.jpg 600w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<h2>4. Crea un estilo de im\u00e1genes<\/h2>\n<p>Crear un <a href=\"http:\/\/www.laimaginadora.com\/blog\/inspirate-crea-utiliza-los-moodboards\/?utm_source=blog&amp;utm_medium=post&amp;utm_campaign=fromdoppler\" target=\"_blank\">moodboard<\/a> con <strong>im\u00e1genes que te representen a ti o a tu empresa<\/strong>, te puede ayudar mucho a definir el dise\u00f1o que quieres para tu web. Es importante que los tonos y el esp\u00edritu que reflejen sea coherente con tu marca y contenido.<\/p>\n<p>En el moodboard deber\u00e1s aplicar la paleta de colores y las tipograf\u00edas elegidas, adem\u00e1s de <strong>buscar un tipo de fotograf\u00eda<\/strong> con la que te identifiques: fondos claros, bordes difuminados, est\u00e9tica vintage, etc.<\/p>\n<p>En este ejemplo de Similam, puedes observar\u00a0de qu\u00e9 manera esta empresa\u00a0hace\u00a0foco en la calidad de las\u00a0im\u00e1genes para que sus productos brillen con luz propia.<\/p>\n<p><a href=\"http:\/\/www.similam.com\/?utm_source=blog&amp;utm_medium=post&amp;utm_campaign=fromdoppler\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-13974\" src=\"https:\/\/www.fromdoppler.com\/blog\/wp-content\/uploads\/04-Moodboard.jpg\" alt=\"Gu\u00eda de estilo para dise\u00f1ar tu sitio web\" width=\"700\" height=\"389\" srcset=\"https:\/\/blog.fromdoppler.com\/wp-content\/uploads\/04-Moodboard.jpg 700w, https:\/\/blog.fromdoppler.com\/wp-content\/uploads\/04-Moodboard-300x167.jpg 300w, https:\/\/blog.fromdoppler.com\/wp-content\/uploads\/04-Moodboard-600x333.jpg 600w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<h2>5.\u00a0Elige un tono comunicacional<\/h2>\n<p>\u00bfC\u00f3mo te vas a dirigir a tus lectores? En un tono serio, informal, de usted, de t\u00fa&#8230; Hay muchas formas de conectar con tu audiencia pero sin duda las palabras son tu gran arma.<\/p>\n<p><strong>Define tu estilo y no lo cambies<\/strong> porque ser\u00e1 lo que te diferenciar\u00e1 de la competencia. Por ejemplo, si te fijas en mis art\u00edculos ver\u00e1s que siempre escribo de manera informal, dirigi\u00e9ndome de manera directa a una persona concreta, esto no es casualidad. Piensa c\u00f3mo quieres hablar con tus lectores y utiliza siempre el mismo tono.<\/p>\n<p><a href=\"http:\/\/www.maidertomasena.com\/?utm_source=blog&amp;utm_medium=post&amp;utm_campaign=fromdoppler\" target=\"_blank\">Maider Tomasena<\/a> hace muy bien este trabajo. En su Sitio Web, encontrar\u00e1s textos a trav\u00e9s de los cuales ella habla de manera directa y cercana a sus lectores.<\/p>\n<p><a href=\"http:\/\/www.maidertomasena.com\/?utm_source=blog&amp;utm_medium=post&amp;utm_campaign=fromdoppler\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-13975\" src=\"https:\/\/www.fromdoppler.com\/blog\/wp-content\/uploads\/05-Palabras.jpg\" alt=\"Gu\u00eda de estilo para dise\u00f1ar tu sitio web\" width=\"700\" height=\"542\" srcset=\"https:\/\/blog.fromdoppler.com\/wp-content\/uploads\/05-Palabras.jpg 700w, https:\/\/blog.fromdoppler.com\/wp-content\/uploads\/05-Palabras-300x232.jpg 300w, https:\/\/blog.fromdoppler.com\/wp-content\/uploads\/05-Palabras-600x465.jpg 600w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<p>Espero haberte ayudado a crear una imagen s\u00f3lida para tu web. <strong>\u00bfQu\u00e9 otros elementos incluir\u00edas en la gu\u00eda de estilo de tu marca?<\/strong> Cu\u00e9ntamelo en la secci\u00f3n de comentarios, \u00a1estar\u00e9 encantada de leerte!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Si vas a dise\u00f1ar tu propio Sitio Web es clave que cuentes con una gu\u00eda que incluya todos los elementos necesarios para construir una imagen s\u00f3lida. \u00a1Aprende c\u00f3mo hacerla aqu\u00ed! La mayor\u00eda de la gente empieza su recorrido por el mundo online con una web dise\u00f1ada por ellos mismos, sin tener unas pautas b\u00e1sicas sobre [&hellip;]<\/p>\n","protected":false},"author":79,"featured_media":13969,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"content-type":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[711],"tags":[1003,953,946,1256,908,909,1255],"class_list":["post-13967","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-inbound-marketing","tag-diseno","tag-diseno-grafico","tag-diseno-web","tag-identidad-de-marca","tag-optimizacion-web","tag-sitio-web","tag-web"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Gu\u00eda de estilo para dise\u00f1ar tu propio Sitio Web<\/title>\n<meta name=\"description\" content=\"Aprende a confeccionar una gu\u00eda de estilo que te permita dise\u00f1ar un Sitio Web totalmente optimizado. \u00a1Mejora la experiencia de usuario y aumenta tus ventas!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fromdoppler.com\/blog\/como-crear-tu-sitio-web\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Gu\u00eda de estilo para dise\u00f1ar tu propio Sitio Web\" \/>\n<meta property=\"og:description\" content=\"Aprende a confeccionar una gu\u00eda de estilo que te permita dise\u00f1ar un Sitio Web totalmente optimizado. \u00a1Mejora la experiencia de usuario y aumenta tus ventas!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fromdoppler.com\/blog\/como-crear-tu-sitio-web\/\" \/>\n<meta property=\"og:site_name\" content=\"Doppler Blog | Automation Marketing\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DopplerEmailMarketing\" \/>\n<meta property=\"article:author\" content=\"glopdesign\" \/>\n<meta property=\"article:published_time\" content=\"2016-05-10T14:28:34+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-05-10T14:30:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/fromdoppler.com\/blog\/wp-content\/uploads\/Thumb14.png\" \/>\n\t<meta property=\"og:image:width\" content=\"270\" \/>\n\t<meta property=\"og:image:height\" content=\"185\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Elena Guirao\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@glopdesign\" \/>\n<meta name=\"twitter:site\" content=\"@fromdoppler\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Elena Guirao\" \/>\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\":\"Article\",\"@id\":\"https:\/\/fromdoppler.com\/blog\/como-crear-tu-sitio-web\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fromdoppler.com\/blog\/como-crear-tu-sitio-web\/\"},\"author\":{\"name\":\"Elena Guirao\",\"@id\":\"https:\/\/fromdoppler.com\/blog\/#\/schema\/person\/de8ebac3b865adf6873d3df7b8bd2c14\"},\"headline\":\"C\u00f3mo crear una gu\u00eda de estilo para dise\u00f1ar tu Sitio Web\",\"datePublished\":\"2016-05-10T14:28:34+00:00\",\"dateModified\":\"2016-05-10T14:30:24+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fromdoppler.com\/blog\/como-crear-tu-sitio-web\/\"},\"wordCount\":977,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/fromdoppler.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/fromdoppler.com\/blog\/como-crear-tu-sitio-web\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.fromdoppler.com\/wp-content\/uploads\/Thumb14.png\",\"keywords\":[\"Dise\u00f1o\",\"dise\u00f1o gr\u00e1fico\",\"dise\u00f1o web\",\"identidad de marca\",\"Optimizacion Web\",\"Sitio WEB\",\"web\"],\"articleSection\":[\"Inbound Marketing\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fromdoppler.com\/blog\/como-crear-tu-sitio-web\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fromdoppler.com\/blog\/como-crear-tu-sitio-web\/\",\"url\":\"https:\/\/fromdoppler.com\/blog\/como-crear-tu-sitio-web\/\",\"name\":\"Gu\u00eda de estilo para dise\u00f1ar tu propio Sitio Web\",\"isPartOf\":{\"@id\":\"https:\/\/fromdoppler.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/fromdoppler.com\/blog\/como-crear-tu-sitio-web\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/fromdoppler.com\/blog\/como-crear-tu-sitio-web\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.fromdoppler.com\/wp-content\/uploads\/Thumb14.png\",\"datePublished\":\"2016-05-10T14:28:34+00:00\",\"dateModified\":\"2016-05-10T14:30:24+00:00\",\"description\":\"Aprende a confeccionar una gu\u00eda de estilo que te permita dise\u00f1ar un Sitio Web totalmente optimizado. \u00a1Mejora la experiencia de usuario y aumenta tus ventas!\",\"breadcrumb\":{\"@id\":\"https:\/\/fromdoppler.com\/blog\/como-crear-tu-sitio-web\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fromdoppler.com\/blog\/como-crear-tu-sitio-web\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/fromdoppler.com\/blog\/como-crear-tu-sitio-web\/#primaryimage\",\"url\":\"https:\/\/blog.fromdoppler.com\/wp-content\/uploads\/Thumb14.png\",\"contentUrl\":\"https:\/\/blog.fromdoppler.com\/wp-content\/uploads\/Thumb14.png\",\"width\":270,\"height\":185,\"caption\":\"Gu\u00eda de estilo para dise\u00f1ar tu sitio web\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fromdoppler.com\/blog\/como-crear-tu-sitio-web\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/fromdoppler.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"C\u00f3mo crear una gu\u00eda de estilo para dise\u00f1ar tu Sitio Web\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/fromdoppler.com\/blog\/#website\",\"url\":\"https:\/\/fromdoppler.com\/blog\/\",\"name\":\"Doppler Blog | Automation Marketing\",\"description\":\"Automation Marketing Blog\",\"publisher\":{\"@id\":\"https:\/\/fromdoppler.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/fromdoppler.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/fromdoppler.com\/blog\/#organization\",\"name\":\"Doppler\",\"url\":\"https:\/\/fromdoppler.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/fromdoppler.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/blog.fromdoppler.com\/wp-content\/uploads\/doppler8597.jpg\",\"contentUrl\":\"https:\/\/blog.fromdoppler.com\/wp-content\/uploads\/doppler8597.jpg\",\"width\":866,\"height\":650,\"caption\":\"Doppler\"},\"image\":{\"@id\":\"https:\/\/fromdoppler.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/DopplerEmailMarketing\",\"https:\/\/x.com\/fromdoppler\",\"https:\/\/www.instagram.com\/fromdoppler\/\",\"https:\/\/www.youtube.com\/user\/FromDoppler\",\"https:\/\/www.linkedin.com\/company\/228261\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/fromdoppler.com\/blog\/#\/schema\/person\/de8ebac3b865adf6873d3df7b8bd2c14\",\"name\":\"Elena Guirao\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/fromdoppler.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/24cb34e96b516fbd63825c8ea57ae53b70b19a4d8ccc54a7bb7fb49b339f329c?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/24cb34e96b516fbd63825c8ea57ae53b70b19a4d8ccc54a7bb7fb49b339f329c?s=96&d=mm&r=g\",\"caption\":\"Elena Guirao\"},\"sameAs\":[\"http:\/\/www.glopdesign.com\/\",\"glopdesign\",\"https:\/\/x.com\/glopdesign\"],\"url\":\"https:\/\/www.fromdoppler.com\/blog\/author\/eguirao\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Gu\u00eda de estilo para dise\u00f1ar tu propio Sitio Web","description":"Aprende a confeccionar una gu\u00eda de estilo que te permita dise\u00f1ar un Sitio Web totalmente optimizado. \u00a1Mejora la experiencia de usuario y aumenta tus ventas!","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:\/\/fromdoppler.com\/blog\/como-crear-tu-sitio-web\/","og_locale":"es_ES","og_type":"article","og_title":"Gu\u00eda de estilo para dise\u00f1ar tu propio Sitio Web","og_description":"Aprende a confeccionar una gu\u00eda de estilo que te permita dise\u00f1ar un Sitio Web totalmente optimizado. \u00a1Mejora la experiencia de usuario y aumenta tus ventas!","og_url":"https:\/\/fromdoppler.com\/blog\/como-crear-tu-sitio-web\/","og_site_name":"Doppler Blog | Automation Marketing","article_publisher":"https:\/\/www.facebook.com\/DopplerEmailMarketing","article_author":"glopdesign","article_published_time":"2016-05-10T14:28:34+00:00","article_modified_time":"2016-05-10T14:30:24+00:00","og_image":[{"width":270,"height":185,"url":"https:\/\/fromdoppler.com\/blog\/wp-content\/uploads\/Thumb14.png","type":"image\/png"}],"author":"Elena Guirao","twitter_card":"summary_large_image","twitter_creator":"@glopdesign","twitter_site":"@fromdoppler","twitter_misc":{"Escrito por":"Elena Guirao","Tiempo de lectura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fromdoppler.com\/blog\/como-crear-tu-sitio-web\/#article","isPartOf":{"@id":"https:\/\/fromdoppler.com\/blog\/como-crear-tu-sitio-web\/"},"author":{"name":"Elena Guirao","@id":"https:\/\/fromdoppler.com\/blog\/#\/schema\/person\/de8ebac3b865adf6873d3df7b8bd2c14"},"headline":"C\u00f3mo crear una gu\u00eda de estilo para dise\u00f1ar tu Sitio Web","datePublished":"2016-05-10T14:28:34+00:00","dateModified":"2016-05-10T14:30:24+00:00","mainEntityOfPage":{"@id":"https:\/\/fromdoppler.com\/blog\/como-crear-tu-sitio-web\/"},"wordCount":977,"commentCount":1,"publisher":{"@id":"https:\/\/fromdoppler.com\/blog\/#organization"},"image":{"@id":"https:\/\/fromdoppler.com\/blog\/como-crear-tu-sitio-web\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.fromdoppler.com\/wp-content\/uploads\/Thumb14.png","keywords":["Dise\u00f1o","dise\u00f1o gr\u00e1fico","dise\u00f1o web","identidad de marca","Optimizacion Web","Sitio WEB","web"],"articleSection":["Inbound Marketing"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fromdoppler.com\/blog\/como-crear-tu-sitio-web\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/fromdoppler.com\/blog\/como-crear-tu-sitio-web\/","url":"https:\/\/fromdoppler.com\/blog\/como-crear-tu-sitio-web\/","name":"Gu\u00eda de estilo para dise\u00f1ar tu propio Sitio Web","isPartOf":{"@id":"https:\/\/fromdoppler.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/fromdoppler.com\/blog\/como-crear-tu-sitio-web\/#primaryimage"},"image":{"@id":"https:\/\/fromdoppler.com\/blog\/como-crear-tu-sitio-web\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.fromdoppler.com\/wp-content\/uploads\/Thumb14.png","datePublished":"2016-05-10T14:28:34+00:00","dateModified":"2016-05-10T14:30:24+00:00","description":"Aprende a confeccionar una gu\u00eda de estilo que te permita dise\u00f1ar un Sitio Web totalmente optimizado. \u00a1Mejora la experiencia de usuario y aumenta tus ventas!","breadcrumb":{"@id":"https:\/\/fromdoppler.com\/blog\/como-crear-tu-sitio-web\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fromdoppler.com\/blog\/como-crear-tu-sitio-web\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/fromdoppler.com\/blog\/como-crear-tu-sitio-web\/#primaryimage","url":"https:\/\/blog.fromdoppler.com\/wp-content\/uploads\/Thumb14.png","contentUrl":"https:\/\/blog.fromdoppler.com\/wp-content\/uploads\/Thumb14.png","width":270,"height":185,"caption":"Gu\u00eda de estilo para dise\u00f1ar tu sitio web"},{"@type":"BreadcrumbList","@id":"https:\/\/fromdoppler.com\/blog\/como-crear-tu-sitio-web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/fromdoppler.com\/blog\/"},{"@type":"ListItem","position":2,"name":"C\u00f3mo crear una gu\u00eda de estilo para dise\u00f1ar tu Sitio Web"}]},{"@type":"WebSite","@id":"https:\/\/fromdoppler.com\/blog\/#website","url":"https:\/\/fromdoppler.com\/blog\/","name":"Doppler Blog | Automation Marketing","description":"Automation Marketing Blog","publisher":{"@id":"https:\/\/fromdoppler.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fromdoppler.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/fromdoppler.com\/blog\/#organization","name":"Doppler","url":"https:\/\/fromdoppler.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/fromdoppler.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/blog.fromdoppler.com\/wp-content\/uploads\/doppler8597.jpg","contentUrl":"https:\/\/blog.fromdoppler.com\/wp-content\/uploads\/doppler8597.jpg","width":866,"height":650,"caption":"Doppler"},"image":{"@id":"https:\/\/fromdoppler.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/DopplerEmailMarketing","https:\/\/x.com\/fromdoppler","https:\/\/www.instagram.com\/fromdoppler\/","https:\/\/www.youtube.com\/user\/FromDoppler","https:\/\/www.linkedin.com\/company\/228261"]},{"@type":"Person","@id":"https:\/\/fromdoppler.com\/blog\/#\/schema\/person\/de8ebac3b865adf6873d3df7b8bd2c14","name":"Elena Guirao","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/fromdoppler.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/24cb34e96b516fbd63825c8ea57ae53b70b19a4d8ccc54a7bb7fb49b339f329c?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/24cb34e96b516fbd63825c8ea57ae53b70b19a4d8ccc54a7bb7fb49b339f329c?s=96&d=mm&r=g","caption":"Elena Guirao"},"sameAs":["http:\/\/www.glopdesign.com\/","glopdesign","https:\/\/x.com\/glopdesign"],"url":"https:\/\/www.fromdoppler.com\/blog\/author\/eguirao\/"}]}},"jetpack_featured_media_url":"https:\/\/blog.fromdoppler.com\/wp-content\/uploads\/Thumb14.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.fromdoppler.com\/blog\/wp-json\/wp\/v2\/posts\/13967","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fromdoppler.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fromdoppler.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fromdoppler.com\/blog\/wp-json\/wp\/v2\/users\/79"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fromdoppler.com\/blog\/wp-json\/wp\/v2\/comments?post=13967"}],"version-history":[{"count":9,"href":"https:\/\/www.fromdoppler.com\/blog\/wp-json\/wp\/v2\/posts\/13967\/revisions"}],"predecessor-version":[{"id":13979,"href":"https:\/\/www.fromdoppler.com\/blog\/wp-json\/wp\/v2\/posts\/13967\/revisions\/13979"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fromdoppler.com\/blog\/wp-json\/wp\/v2\/media\/13969"}],"wp:attachment":[{"href":"https:\/\/www.fromdoppler.com\/blog\/wp-json\/wp\/v2\/media?parent=13967"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fromdoppler.com\/blog\/wp-json\/wp\/v2\/categories?post=13967"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fromdoppler.com\/blog\/wp-json\/wp\/v2\/tags?post=13967"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}