{"id":229654,"date":"2020-10-08T11:57:39","date_gmt":"2020-10-08T09:57:39","guid":{"rendered":"https:\/\/presentiadm.com\/?p=229654"},"modified":"2022-02-01T15:41:20","modified_gmt":"2022-02-01T14:41:20","slug":"comment-creer-un-bon-site-web-et-ne-pas-mourir-dans-leffort","status":"publish","type":"post","link":"https:\/\/presentiadm.com\/fr\/como-crear-una-buena-web-y-no-morir-en-el-intento\/","title":{"rendered":"Comment cr\u00e9er un bon site web et ne pas mourir en essayant de le faire ?"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Que vous envisagiez de cr\u00e9er votre propre site web ou d'en confier la r\u00e9alisation \u00e0 un prestataire, il peut \u00eatre utile de conna\u00eetre certains principes de base qu'il convient de g\u00e9rer. <strong>anciennement <\/strong>pour se mettre au travail et les \u00e9tapes \u00e0 suivre pour avoir une page avec un minimum de qualit\u00e9.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"1-forma-y-contenido\">1 - Forme et contenu<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Un site web comporte deux dimensions d'\u00e9gale importance : la <strong>formulaire<\/strong> et le<strong> le contenu. <\/strong>Il ne sert \u00e0 rien de donner plus d'importance \u00e0 l'un ou \u00e0 l'autre. Un site visuellement puissant mais mal \u00e9crit ou manquant de substance ne transmettra pas de professionnalisme. De m\u00eame, une page r\u00e9dig\u00e9e par un ma\u00eetre de la langue mais au design peu attrayant ou trop complexe n'incitera pas l'utilisateur \u00e0 rester connect\u00e9. La premi\u00e8re \u00e9tape de la cr\u00e9ation d'un site web de qualit\u00e9 consiste \u00e0 prendre en compte les \u00e9l\u00e9ments suivants <strong>l'importance<\/strong> de ces deux aspects.<\/p>\n\n\n\n<figure class=\"wp-block-gallery alignwide has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"400\" data-id=\"229663\" src=\"https:\/\/presentiadm.com\/wp-content\/uploads\/2020\/08\/forma.jpg\" alt=\"\" class=\"wp-image-229663\" srcset=\"https:\/\/presentiadm.com\/wp-content\/uploads\/2020\/08\/forma.jpg 640w, https:\/\/presentiadm.com\/wp-content\/uploads\/2020\/08\/forma-480x300.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 640px, 100vw\" \/><figcaption>Formulaire<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"426\" data-id=\"229664\" src=\"https:\/\/presentiadm.com\/wp-content\/uploads\/2020\/08\/contenido.jpg\" alt=\"\" class=\"wp-image-229664\" srcset=\"https:\/\/presentiadm.com\/wp-content\/uploads\/2020\/08\/contenido.jpg 640w, https:\/\/presentiadm.com\/wp-content\/uploads\/2020\/08\/contenido-480x320.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 640px, 100vw\" \/><figcaption>Contenu<\/figcaption><\/figure>\n<\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"2-el-montaje-es-lo-ultimo\">2 - L'assemblage est le nec plus ultra<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Plan. <\/strong>Ne commencez jamais, jamais, \u00e0 construire un site web sans plan. C'est la partie qui est souvent saut\u00e9e par de nombreuses personnes parce qu'elle est consid\u00e9r\u00e9e comme une phase plus \"ennuyeuse\" et \u00e0 cause de l'impatience de commencer \u00e0 construire le site web directement. C'est peut-\u00eatre aussi la partie la plus importante qui fait la diff\u00e9rence entre un site bien con\u00e7u et un site improvis\u00e9. Construire \u00e0 la vol\u00e9e, par les sensations... c'est comme commencer une maison sans plan d'architecte.<\/p>\n\n\n\n<div class=\"wp-block-image is-style-default\"><figure class=\"alignleft size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"389\" src=\"https:\/\/presentiadm.com\/wp-content\/uploads\/2020\/08\/planificacion-1.jpg\" alt=\"Planification Web \" class=\"wp-image-229799\" srcset=\"https:\/\/presentiadm.com\/wp-content\/uploads\/2020\/08\/planificacion-1.jpg 800w, https:\/\/presentiadm.com\/wp-content\/uploads\/2020\/08\/planificacion-1-480x233.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 800px, 100vw\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:32px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"has-text-align-left wp-block-heading\" id=\"que-debe-contener-mi-plan\">Que doit contenir mon plan ?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Le plan consiste \u00e0 <strong>d\u00e9barquer<\/strong> de ce que nous avons en t\u00eate. Il met de l'ordre dans nos id\u00e9es, \u00e9claire ce que nous allons cr\u00e9er et le transforme en un r\u00e9sultat plus coh\u00e9rent. Cela nous \u00e9vitera de perdre du temps \u00e0 nous dire \"maintenant je change ceci, maintenant je change cela\" et notre travail sera beaucoup mieux orient\u00e9.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un plan minimum pour commencer \u00e0 fa\u00e7onner un site web devrait contenir les informations suivantes :<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"objetivo-de-la-web\">Objectif du site web<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Imaginons deux sites web de deux magasins. L'un d'eux souhaite commencer \u00e0 vendre des produits en ligne. L'autre, qui n'a pas encore commenc\u00e9 \u00e0 vendre en ligne, souhaite attirer davantage de visiteurs dans son magasin physique. Bien que le catalogue de produits soit visible dans les deux cas, la structure et les messages qui seront lanc\u00e9s sur le site web seront compl\u00e8tement diff\u00e9rents. Prenez le temps d'\u00e9crire (et je dis bien \u00e9crire) les objectifs.\u00a0<strong>principal<\/strong>\u00a0et\u00a0<strong>secondaire<\/strong>\u00a0de votre site web.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"publico-objetivo\">Public cible<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Essentiel. Si nous ne savons pas pour qui nous \u00e9crivons, nous ne communiquerons pas efficacement. Ce n'est pas \"pour tout le monde\". Il est tr\u00e8s difficile de maintenir un registre neutre qui convienne \u00e0 tout le monde (Amazon le peut peut-\u00eatre). Nous trouverons des diff\u00e9rences, par exemple, dans le\u00a0<strong>niveau de connaissance<\/strong>\u00a0de l'utilisateur. Une entreprise qui vend un produit technologique X devra analyser le degr\u00e9 de connaissance de son public sur le sujet afin d'\u00e9viter d'utiliser des termes trop techniques ou trop enfantins. Un bon exercice consiste \u00e0 faire un portrait-robot de la \"personne type\" qui constitue votre public : quel \u00e2ge a-t-elle, o\u00f9 vit-elle, quelles sont ses pr\u00e9occupations, que sait-elle du sujet, que sait-elle de lui ?<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"mensajes-y-arquitectura\">Messages et architecture<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Une fois les objectifs et le public identifi\u00e9s, nous pouvons nous pencher sur les messages cl\u00e9s (que voulons-nous dire \u00e0 ces personnes ?) et les traduire en une architecture de base (les pages dont vous avez besoin pour cela). \u00c0 ce stade, vous pouvez d\u00e9j\u00e0 avoir une vue d'ensemble de votre site web.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"desarrollo-de-contenidos\">D\u00e9veloppement du contenu<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Le moment est venu d'\u00e9crire. \u00c9crire avant de cr\u00e9er le site web ? Oui, bien s\u00fbr, ce contenu peut \u00eatre\u00a0<strong>conditionn\u00e9<\/strong>\u00a0par le\u00a0<strong>design<\/strong>\u00a0Nous ne devons pas d\u00e9terminer ce que nous faisons a posteriori, mais cela ne doit pas \u00eatre d\u00e9termin\u00e9. La conception ne peut pas dicter ce que nous \u00e9crivons. Il est n\u00e9cessaire de partir d'un\u00a0<strong>contenu brut<\/strong>\u00a0et ensuite\u00a0<strong>l'adapter<\/strong>\u00a0\u00e0 la conception afin que les deux puissent s'imiter mutuellement de mani\u00e8re significative.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"3-mira-la-competencia\">3 - Regarder la concurrence<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">De nombreuses personnes h\u00e9sitent \u00e0 regarder la concurrence, soit parce qu'elles ne veulent pas \"copier\", soit parce qu'elles veulent \u00eatre 110% originales. Or, si vous sautez cette \u00e9tape, vous vous privez d'une source d'information tr\u00e8s pr\u00e9cieuse pour votre entreprise. <strong>compl\u00e9ter<\/strong> vos crit\u00e8res. Il ne s'agit pas de copier, mais de <strong>enrichir<\/strong> votre vision du secteur dans lequel vous \u00e9voluez. Vous verrez des choses que vous aimez, des choses que vous n'aimez pas, des sites web auxquels je voudrais ressembler, des sites web que je n'aime pas... Tout cela vous donnera des id\u00e9es que vous pourrez mettre en pratique (ou non) et de l'inspiration pour commencer \u00e0 assembler.<\/p>\n\n\n\n<div class=\"wp-block-image is-style-default\"><figure class=\"alignleft size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/presentiadm.com\/wp-content\/uploads\/2020\/08\/espiar-competencia.jpg\" alt=\"Espionner la concurrence\" class=\"wp-image-229795\" width=\"765\" height=\"396\" srcset=\"https:\/\/presentiadm.com\/wp-content\/uploads\/2020\/08\/espiar-competencia.jpg 765w, https:\/\/presentiadm.com\/wp-content\/uploads\/2020\/08\/espiar-competencia-480x248.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 765px, 100vw\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:32px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"4-cuida-los-colores-y-tipografias-o-identidad-de-marca\">4 - Soigner les couleurs et la typographie (ou l'identit\u00e9 de la marque).<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Veillez \u00e0 ce que l'identit\u00e9 de votre marque soit refl\u00e9t\u00e9e sur l'ensemble du site web. Si vous ne l'avez pas encore, il est temps d'y travailler. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En ce qui concerne le Web, il est essentiel de <strong>d\u00e9finir une palette de couleurs <\/strong>et les faire identifier avec leur code correspondant. Bien entendu, choisissez-les en fonction de votre public et de votre secteur (<strong>pas plus de deux ou trois).<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">De nos jours, il existe de nombreux outils en ligne qui nous aident \u00e0 choisir des couleurs qui ont du sens sans avoir besoin d'\u00eatre des designers experts :<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background\" href=\"https:\/\/colorhunt.co\/\" style=\"background:linear-gradient(265deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)\" target=\"_blank\" rel=\"noreferrer noopener\">Chasse aux couleurs<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background\" href=\"http:\/\/paletton.com\/\" style=\"background:linear-gradient(289deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 89%)\" target=\"_blank\" rel=\"noreferrer noopener\">Paletton<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background\" href=\"https:\/\/www.design-seeds.com\/\" style=\"background:linear-gradient(289deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)\" target=\"_blank\" rel=\"noreferrer noopener\">DesignSeeds<\/a><\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">En ce qui concerne les caract\u00e8res, il est conseill\u00e9 de <strong>ne pas m\u00e9langer plus de deux.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">PS : L'identit\u00e9 de marque ou branding est un monde \u00e0 part enti\u00e8re et c'est pr\u00e9cis\u00e9ment pour cela qu'il y a des professionnels qui s'y consacrent exclusivement, mais cela suffirait pour un tout autre article.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"5-empieza-el-montaje\">5 - D\u00e9marrer l'assemblage<\/h2>\n\n\n\n<p class=\"a wp-block-paragraph\">Enfin, apr\u00e8s avoir franchi les \u00e9tapes pr\u00e9c\u00e9dentes, nous disposons des ingr\u00e9dients de base pour commencer \u00e0 cuisiner. Les gestionnaires de contenu tels que <a href=\"https:\/\/wordpress.org\/\" target=\"_blank\" rel=\"noreferrer noopener\">WordPress <\/a>et <a href=\"https:\/\/www.prestashop.com\/es\/ejemplos\" target=\"_blank\" rel=\"noreferrer noopener\">Prestashop <\/a>nous offrent une technologie abordable et intuitive pour commencer \u00e0 refl\u00e9ter sur l'\u00e9cran ce que nous avons con\u00e7u sur le papier. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Souhaitez-vous confier cette t\u00e2che \u00e0 des professionnels ?<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<div style=\"height:53px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>","protected":false},"excerpt":{"rendered":"<p>Que vous envisagiez de cr\u00e9er un site web par vous-m\u00eame ou de le confier \u00e0 un sous-traitant, il peut \u00eatre utile de conna\u00eetre quelques principes de base \u00e0 respecter avant de se mettre au travail.<\/p>","protected":false},"author":1,"featured_media":230330,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"off","_et_pb_old_content":"<!-- wp:paragraph -->\n<p>Tanto si est\u00e1s pensando en crear una web por tu cuenta como si consideras contratarla, quiz\u00e1 te venga bien conocer unos principios b\u00e1sicos que debes manejar <strong>antes <\/strong>de ponerte manos a la obra y los pasos a seguir para tener una p\u00e1gina con un m\u00ednimo de calidad.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading -->\n<h2>1 - Forma y contenido<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Una web tiene dos dimensiones igualmente importantes: la <strong>forma<\/strong> y el<strong> contenido. <\/strong>No tiene sentido darle m\u00e1s importancia a una o a la otra. Un sitio visualmente muy potente pero con una redacci\u00f3n mala o sin esencia no transmitir\u00e1 profesionalidad. Asimismo, una p\u00e1gina escrita por un maestro del lenguaje pero con un dise\u00f1o poco atractivo o demasiado complejo, tampoco invitar\u00e1 al usuario a seguir conectado. El primer paso para crear una buena web de calidad es tener en cuenta la <strong>importancia<\/strong> de estos dos aspectos.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:gallery {\"ids\":[229663,229664],\"align\":\"wide\"} -->\n<figure class=\"wp-block-gallery alignwide columns-2 is-cropped\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><img src=\"https:\/\/presentiadm.com\/wp-content\/uploads\/2020\/08\/forma.jpg\" alt=\"\" data-id=\"229663\" data-full-url=\"https:\/\/presentiadm.com\/wp-content\/uploads\/2020\/08\/forma.jpg\" data-link=\"https:\/\/presentiadm.com\/como-crear-una-buena-web-y-no-morir-en-el-intento\/forma\/\" class=\"wp-image-229663\"\/><figcaption class=\"blocks-gallery-item__caption\">Forma<\/figcaption><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img src=\"https:\/\/presentiadm.com\/wp-content\/uploads\/2020\/08\/contenido.jpg\" alt=\"\" data-id=\"229664\" data-full-url=\"https:\/\/presentiadm.com\/wp-content\/uploads\/2020\/08\/contenido.jpg\" data-link=\"https:\/\/presentiadm.com\/como-crear-una-buena-web-y-no-morir-en-el-intento\/contenido\/\" class=\"wp-image-229664\"\/><figcaption class=\"blocks-gallery-item__caption\">Contenido<\/figcaption><\/figure><\/li><\/ul><\/figure>\n<!-- \/wp:gallery -->\n\n<!-- wp:paragraph -->\n<p><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading -->\n<h2>2 - El montaje es lo \u00faltimo<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p><strong>Planifica. <\/strong>Nunca, nunca empieces a montar una web sin una planificaci\u00f3n o plan previo. Esta es la parte que se suelen saltar muchas personas debido a que se considera una fase m\u00e1s \u201caburrida\u201d y a la impaciencia por comenzar a construir directamente la web. Quiz\u00e1 sea tambi\u00e9n la parte m\u00e1s importante que marque la diferencia entre una web pensada y un esperpento improvisado. Construir sobre la marcha, por sensaciones\u2026 es como empezar una casa sin un plano de arquitectura.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"align\":\"left\",\"id\":229799,\"sizeSlug\":\"large\",\"className\":\"is-style-default\"} -->\n<div class=\"wp-block-image is-style-default\"><figure class=\"alignleft size-large\"><img src=\"https:\/\/presentiadm.com\/wp-content\/uploads\/2020\/08\/planificacion-1.jpg\" alt=\"Planificaci\u00f3n de la web \" class=\"wp-image-229799\"\/><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:spacer {\"height\":32} -->\n<div style=\"height:32px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<!-- \/wp:spacer -->\n\n<!-- wp:heading {\"align\":\"left\",\"level\":3} -->\n<h3 class=\"has-text-align-left\">\u00bfQu\u00e9 debe contener mi plan?<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>El plan es <strong>bajar a tierra<\/strong> de lo que tenemos en nuestra mente. Nos ordena las ideas, nos arroja luz sobre lo que vamos a crear y se transformar\u00e1 en un resultado m\u00e1s coherente. Nos ahorrar\u00e1 p\u00e9rdidas de tiempo de \u201cahora cambio esto, ahora esto otro\u201d y nuestro trabajo estar\u00e1 mucho m\u00e1s dirigido.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Un plan m\u00ednimo para empezar a dar forma a una web deber\u00eda contener la siguiente informaci\u00f3n:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:uagb\/info-box {\"classMigrate\":true,\"headingAlign\":\"left\",\"iconimgPosition\":\"left-title\",\"iconSize\":34,\"iconColor\":\"#4070f6\",\"headSpace\":0,\"subHeadSpace\":34,\"block_id\":\"b5bfaa92\",\"sourceAlign\":\"middle\",\"seperatorStyle\":\"double\",\"seperatorColor\":\"#4070f6\",\"seperatorWidth\":34,\"seperatorThickness\":4,\"iconBottomMargin\":12,\"showPrefix\":false} -->\n<div class=\"wp-block-uagb-info-box uagb-infobox__outer-wrap uagb-block-b5bfaa92\"><div class=\"uagb-infobox__content-wrap uagb-infobox uagb-infobox-has-icon uagb-infobox-icon-left-title uagb-infobox-left uagb-infobox-image-valign-middle uagb-infobox-enable-border-radius \"><div class=\"uagb-ifb-left-right-wrap\"><div class=\"uagb-ifb-content\"><div class=\"uagb-ifb-left-title-image\"><div class=\"uagb-ifb-image-icon-content uagb-ifb-imgicon-wrap\"><div class=\"uagb-ifb-icon-wrap\"><span class=\"uagb-ifb-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 576 512\"><path d=\"M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z\"><\/path><\/svg><\/span><\/div><\/div><div class=\"uagb-ifb-title-wrap\"><h3 class=\"uagb-ifb-title\">Objetivo de la web<\/h3><\/div><\/div><div class=\"uagb-ifb-separator-parent\"><div class=\"uagb-ifb-separator\"><\/div><\/div><div class=\"uagb-ifb-text-wrap\"><p class=\"uagb-ifb-desc\">Imaginaos dos webs de dos tiendas. Una de ellas tiene como meta empezar a vender productos en internet. La otra, que a\u00fan no se ha lanzado a vender online, quiere atraer m\u00e1s visitas al local f\u00edsico. Aunque las dos tengan su cat\u00e1logo de productos visible, la estructura y mensajes que va a lanzar la p\u00e1gina van a ser completamente diferentes. T\u00f3mate un tiempo para escribir (y digo, escribir) los objetivos <strong>principales<\/strong> y <strong>secundarios<\/strong> de tu web.<\/p><\/div><\/div><\/div><\/div><\/div>\n<!-- \/wp:uagb\/info-box -->\n\n<!-- wp:uagb\/info-box {\"classMigrate\":true,\"headingAlign\":\"left\",\"iconimgPosition\":\"left-title\",\"iconSize\":34,\"iconColor\":\"#4070f6\",\"headSpace\":0,\"subHeadSpace\":34,\"block_id\":\"f1693309\",\"sourceAlign\":\"middle\",\"seperatorStyle\":\"double\",\"seperatorColor\":\"#4070f6\",\"seperatorWidth\":34,\"seperatorThickness\":4,\"iconBottomMargin\":12,\"showPrefix\":false} -->\n<div class=\"wp-block-uagb-info-box uagb-infobox__outer-wrap uagb-block-f1693309\"><div class=\"uagb-infobox__content-wrap uagb-infobox uagb-infobox-has-icon uagb-infobox-icon-left-title uagb-infobox-left uagb-infobox-image-valign-middle uagb-infobox-enable-border-radius \"><div class=\"uagb-ifb-left-right-wrap\"><div class=\"uagb-ifb-content\"><div class=\"uagb-ifb-left-title-image\"><div class=\"uagb-ifb-image-icon-content uagb-ifb-imgicon-wrap\"><div class=\"uagb-ifb-icon-wrap\"><span class=\"uagb-ifb-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 576 512\"><path d=\"M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z\"><\/path><\/svg><\/span><\/div><\/div><div class=\"uagb-ifb-title-wrap\"><h3 class=\"uagb-ifb-title\">P\u00fablico objetivo<\/h3><\/div><\/div><div class=\"uagb-ifb-separator-parent\"><div class=\"uagb-ifb-separator\"><\/div><\/div><div class=\"uagb-ifb-text-wrap\"><p class=\"uagb-ifb-desc\">Esencial. Si no sabemos para qui\u00e9n escribimos, no comunicaremos eficazmente. No vale \u201cpara todo el mundo\u201d. Es muy dif\u00edcil mantener un registro tan neutro que valga para todos (quiz\u00e1 Amazon puede). Encontraremos diferencias por ejemplo en el <strong>nivel de conocimiento<\/strong> del usuario. Una empresa que vende el producto tecnol\u00f3gico X tendr\u00e1 que analizar bien hasta qu\u00e9 punto su p\u00fablico sabe del tema para no dirigirse en t\u00e9rminos ni demasiado t\u00e9cnicos ni demasiado infantiles. Un buen ejercicio es hacer un boceto de la \u201cpersona tipo\u201d que es tu p\u00fablico: \u00bfqu\u00e9 edad tiene? \u00bfd\u00f3nde vive? \u00bfqu\u00e9 inquietudes tiene? \u00bfcu\u00e1nto sabe del tema?<\/p><\/div><\/div><\/div><\/div><\/div>\n<!-- \/wp:uagb\/info-box -->\n\n<!-- wp:uagb\/info-box {\"classMigrate\":true,\"headingAlign\":\"left\",\"iconimgPosition\":\"left-title\",\"iconSize\":34,\"iconColor\":\"#4070f6\",\"headSpace\":0,\"subHeadSpace\":34,\"block_id\":\"da6351f6\",\"sourceAlign\":\"middle\",\"seperatorStyle\":\"double\",\"seperatorColor\":\"#4070f6\",\"seperatorWidth\":34,\"seperatorThickness\":4,\"iconBottomMargin\":12,\"showPrefix\":false} -->\n<div class=\"wp-block-uagb-info-box uagb-infobox__outer-wrap uagb-block-da6351f6\"><div class=\"uagb-infobox__content-wrap uagb-infobox uagb-infobox-has-icon uagb-infobox-icon-left-title uagb-infobox-left uagb-infobox-image-valign-middle uagb-infobox-enable-border-radius \"><div class=\"uagb-ifb-left-right-wrap\"><div class=\"uagb-ifb-content\"><div class=\"uagb-ifb-left-title-image\"><div class=\"uagb-ifb-image-icon-content uagb-ifb-imgicon-wrap\"><div class=\"uagb-ifb-icon-wrap\"><span class=\"uagb-ifb-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 576 512\"><path d=\"M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z\"><\/path><\/svg><\/span><\/div><\/div><div class=\"uagb-ifb-title-wrap\"><h3 class=\"uagb-ifb-title\">Mensajes y arquitectura<\/h3><\/div><\/div><div class=\"uagb-ifb-separator-parent\"><div class=\"uagb-ifb-separator\"><\/div><\/div><div class=\"uagb-ifb-text-wrap\"><p class=\"uagb-ifb-desc\">Una vez identificados los objetivos y el p\u00fablico podemos ahondar en los mensajes clave (\u00bfqu\u00e9 queremos decirles a estas personas?) y trasladarlos en una arquitectura b\u00e1sica (las p\u00e1ginas que necesitas para ello). En este paso ya puedes tener un esquema general de tu web.<\/p><\/div><\/div><\/div><\/div><\/div>\n<!-- \/wp:uagb\/info-box -->\n\n<!-- wp:uagb\/info-box {\"classMigrate\":true,\"headingAlign\":\"left\",\"iconimgPosition\":\"left-title\",\"iconSize\":34,\"iconColor\":\"#4070f6\",\"headSpace\":0,\"subHeadSpace\":34,\"block_id\":\"73f6192e\",\"sourceAlign\":\"middle\",\"seperatorStyle\":\"double\",\"seperatorColor\":\"#4070f6\",\"seperatorWidth\":34,\"seperatorThickness\":4,\"iconBottomMargin\":12,\"showPrefix\":false} -->\n<div class=\"wp-block-uagb-info-box uagb-infobox__outer-wrap uagb-block-73f6192e\"><div class=\"uagb-infobox__content-wrap uagb-infobox uagb-infobox-has-icon uagb-infobox-icon-left-title uagb-infobox-left uagb-infobox-image-valign-middle uagb-infobox-enable-border-radius \"><div class=\"uagb-ifb-left-right-wrap\"><div class=\"uagb-ifb-content\"><div class=\"uagb-ifb-left-title-image\"><div class=\"uagb-ifb-image-icon-content uagb-ifb-imgicon-wrap\"><div class=\"uagb-ifb-icon-wrap\"><span class=\"uagb-ifb-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 576 512\"><path d=\"M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z\"><\/path><\/svg><\/span><\/div><\/div><div class=\"uagb-ifb-title-wrap\"><h3 class=\"uagb-ifb-title\">Desarrollo de contenidos<\/h3><\/div><\/div><div class=\"uagb-ifb-separator-parent\"><div class=\"uagb-ifb-separator\"><\/div><\/div><div class=\"uagb-ifb-text-wrap\"><p class=\"uagb-ifb-desc\">Llega el momento de escribir. \u00bfEscribir antes de montar la web? S\u00ed. Por supuesto que este contenido puede ser <strong>condicionado<\/strong> por el <strong>dise\u00f1o<\/strong> que hagamos a posteriori pero no debe ser determinado. El dise\u00f1o no puede dictar lo que escribimos. Es necesario partir de un <strong>contenido bruto<\/strong> y despu\u00e9s <strong>adaptarlo<\/strong> al dise\u00f1o para que ambas cosas se mimeticen con sentido.<\/p><\/div><\/div><\/div><\/div><\/div>\n<!-- \/wp:uagb\/info-box -->\n\n<!-- wp:heading -->\n<h2>3 \u2013 Mira la competencia<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Nos encontramos muchas personas reacias a mirar a la competencia bien porque no quieren \u201ccopiar\u201d o porque quieren ser 110% originales. Pues bien, si te saltas este paso, te privas de una fuente de informaci\u00f3n muy valiosa para <strong>complementar<\/strong> tus criterios. No se trata de copiar, se trata de <strong>enriquecer<\/strong> tu visi\u00f3n del sector en el que te mueves. Ver\u00e1s cosas que te gustan, cosas que no, webs a las que me quiero parecer, webs a las que no\u2026 Todo esto te aportar\u00e1 ideas que podr\u00e1s poner en pr\u00e1ctica (o no) e inspiraci\u00f3n para empezar el montaje.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"align\":\"left\",\"id\":229795,\"width\":765,\"height\":396,\"sizeSlug\":\"large\",\"className\":\"is-style-default\"} -->\n<div class=\"wp-block-image is-style-default\"><figure class=\"alignleft size-large is-resized\"><img src=\"https:\/\/presentiadm.com\/wp-content\/uploads\/2020\/08\/espiar-competencia.jpg\" alt=\"Espiar a la competencia\" class=\"wp-image-229795\" width=\"765\" height=\"396\"\/><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:spacer {\"height\":32} -->\n<div style=\"height:32px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<!-- \/wp:spacer -->\n\n<!-- wp:heading -->\n<h2>4 \u2013 Cuida los colores y tipograf\u00edas (o identidad de marca)<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Cuida que tu identidad de marca se plasme en toda la web. Si no la tienes a\u00fan, es el momento de trabajarla. <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>En lo que concierne a la web, es esencial <strong>definir una paleta de colores <\/strong>y tenerlos identificados con su correspondiente c\u00f3digo. Por supuesto, el\u00edgelos en funci\u00f3n de tu p\u00fablico y de tu sector (<strong>no m\u00e1s de dos o tres).<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Hoy en d\u00eda hay muchas herramientas online que nos ayudan a escoger colores con sentido sin tener que ser dise\u00f1adores expertos:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:buttons {\"align\":\"center\"} -->\n<div class=\"wp-block-buttons aligncenter\"><!-- wp:button {\"borderRadius\":50,\"style\":{\"color\":{\"gradient\":\"linear-gradient(135deg,rgb(135,9,53) 0%,rgb(179,22,22) 100%)\",\"text\":\"#fffffa\"}}} -->\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-text-color has-background\" href=\"https:\/\/colorhunt.co\/\" style=\"border-radius:50px;background:linear-gradient(135deg,rgb(135,9,53) 0%,rgb(179,22,22) 100%);color:#fffffa\" target=\"_blank\" rel=\"noreferrer noopener\">Colorhunt<\/a><\/div>\n<!-- \/wp:button -->\n\n<!-- wp:button {\"borderRadius\":50,\"style\":{\"color\":{\"gradient\":\"linear-gradient(317deg,rgb(135,9,53) 0%,rgb(179,22,22) 100%)\",\"text\":\"#fffffa\"}}} -->\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-text-color has-background\" href=\"http:\/\/paletton.com\/#uid=1000u0kllllaFw0g0qFqFg0w0aF\" style=\"border-radius:50px;background:linear-gradient(317deg,rgb(135,9,53) 0%,rgb(179,22,22) 100%);color:#fffffa\" target=\"_blank\" rel=\"noreferrer noopener\">Paletton<\/a><\/div>\n<!-- \/wp:button -->\n\n<!-- wp:button {\"borderRadius\":50,\"style\":{\"color\":{\"gradient\":\"linear-gradient(42deg,rgb(135,9,53) 0%,rgb(179,22,22) 100%)\",\"text\":\"#fffffa\"}}} -->\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-text-color has-background\" href=\"https:\/\/www.design-seeds.com\/\" style=\"border-radius:50px;background:linear-gradient(42deg,rgb(135,9,53) 0%,rgb(179,22,22) 100%);color:#fffffa\" target=\"_blank\" rel=\"noreferrer noopener\">DesignSeeds<\/a><\/div>\n<!-- \/wp:button --><\/div>\n<!-- \/wp:buttons -->\n\n<!-- wp:paragraph -->\n<p>En cuanto a las tipograf\u00edas, conviene <strong>no mezclar m\u00e1s de dos.<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>PD: La identidad de marca o branding es todo un mundo y precisamente por eso hay profesionales que se dedican exclusivamente a ello, pero esto dar\u00eda para otro post entero.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading -->\n<h2>5 \u2013 Empieza el montaje<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph {\"className\":\"a\"} -->\n<p class=\"a\">Y por fin, tras completar los pasos anteriores ya tenemos los ingredientes b\u00e1sicos para empezar a cocinar. Gestores de contenido como <a href=\"https:\/\/wordpress.org\/\" target=\"_blank\" rel=\"noreferrer noopener\">WordPress <\/a>y <a href=\"https:\/\/www.prestashop.com\/es\/ejemplos\" target=\"_blank\" rel=\"noreferrer noopener\">Prestashop <\/a>nos dan una tecnolog\u00eda asequible e intuitiva para empezar a reflejar en la pantalla lo que hemos concebido en papel. <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>\u00bfQuieres dejarlo en manos de profesionales?<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:uagb\/call-to-action {\"inheritFromTheme\":true,\"classMigrate\":true,\"textAlign\":\"center\",\"titleColor\":\"#4070f6\",\"ctaPosition\":\"below-title\",\"block_id\":\"bdcf754b\",\"ctaText\":\"Solicita presupuesto\",\"ctaLink\":\"https:\/\/presentiadm.com\/contacto\/\"} -->\n<div class=\"wp-block-uagb-call-to-action uagb-cta__outer-wrap uagb-block-bdcf754b\"><div class=\"uagb-cta__content-wrap uagb-cta__block uagb-cta__icon-position-below-title \"><div class=\"uagb-cta__left-right-wrap\"><div class=\"uagb-cta__content\"><div class=\"uagb-cta__title-wrap\"><h3 class=\"uagb-cta__title\">Hacemos todo esto por ti (y m\u00e1s)<\/h3><\/div><div class=\"uagb-cta-text-wrap\"><p class=\"uagb-cta__desc\">En Presence te ofrecemos un servicio web integral, desde la concepci\u00f3n de la web hasta el desarrollo de contenido.<\/p><\/div><div class=\"uagb-cta__link-wrapper uagb-cta__block-link-style\"><div class=\"uagb-cta__button-wrapper wp-block-button\"><a href=\"https:\/\/presentiadm.com\/contacto\/\" class=\"uagb-cta__button-link-wrapper wp-block-button__link\" target=\"_self\" rel=\"noopener noreferrer\"><span class=\"uagb-cta__link-content-inner\"><span>Solicita presupuesto<\/span><\/span><\/a><\/div><\/div><\/div><\/div><\/div><\/div>\n<!-- \/wp:uagb\/call-to-action -->\n\n<!-- wp:paragraph -->\n<p><\/p>\n<!-- \/wp:paragraph -->","_et_gb_content_width":"1080","footnotes":""},"categories":[5],"tags":[],"class_list":["post-229654","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>C\u00f3mo hacer una buena web y no morir en el intento - Comunicaci\u00f3n y creaci\u00f3n web | Presentia<\/title>\n<meta name=\"description\" content=\"Te contamos los principios b\u00e1sicos que debes manejar para hacer una buena web antes de ponerte manos a la obra.\" \/>\n<meta name=\"robots\" content=\"noindex, follow\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00f3mo hacer una buena web y no morir en el intento - Comunicaci\u00f3n y creaci\u00f3n web | Presentia\" \/>\n<meta property=\"og:description\" content=\"Te contamos los principios b\u00e1sicos que debes manejar para hacer una buena web antes de ponerte manos a la obra.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/presentiadm.com\/fr\/comment-creer-un-bon-site-web-et-ne-pas-mourir-dans-leffort\/\" \/>\n<meta property=\"og:site_name\" content=\"Comunicaci\u00f3n y creaci\u00f3n web | Presentia\" \/>\n<meta property=\"article:published_time\" content=\"2020-10-08T09:57:39+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-02-01T14:41:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/presentiadm.com\/wp-content\/uploads\/2020\/08\/como-crear-buena-web-y-no-morir.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Iciar Etxebarria\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Iciar Etxebarria\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/presentiadm.com\\\/como-crear-una-buena-web-y-no-morir-en-el-intento\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/presentiadm.com\\\/como-crear-una-buena-web-y-no-morir-en-el-intento\\\/\"},\"author\":{\"name\":\"Iciar Etxebarria\",\"@id\":\"https:\\\/\\\/presentiadm.com\\\/#\\\/schema\\\/person\\\/6c6a8c5b3bf236d15705edddaca13dbf\"},\"headline\":\"C\u00f3mo hacer una buena web y no morir en el intento\",\"datePublished\":\"2020-10-08T09:57:39+00:00\",\"dateModified\":\"2022-02-01T14:41:20+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/presentiadm.com\\\/como-crear-una-buena-web-y-no-morir-en-el-intento\\\/\"},\"wordCount\":952,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/presentiadm.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/presentiadm.com\\\/como-crear-una-buena-web-y-no-morir-en-el-intento\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/presentiadm.com\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/como-crear-buena-web-y-no-morir.jpg\",\"articleSection\":[\"Dise\u00f1o web\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/presentiadm.com\\\/como-crear-una-buena-web-y-no-morir-en-el-intento\\\/#respond\"]}]},{\"@type\":[\"WebPage\",\"ItemPage\"],\"@id\":\"https:\\\/\\\/presentiadm.com\\\/como-crear-una-buena-web-y-no-morir-en-el-intento\\\/\",\"url\":\"https:\\\/\\\/presentiadm.com\\\/como-crear-una-buena-web-y-no-morir-en-el-intento\\\/\",\"name\":\"C\u00f3mo hacer una buena web y no morir en el intento - Comunicaci\u00f3n y creaci\u00f3n web | Presentia\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/presentiadm.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/presentiadm.com\\\/como-crear-una-buena-web-y-no-morir-en-el-intento\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/presentiadm.com\\\/como-crear-una-buena-web-y-no-morir-en-el-intento\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/presentiadm.com\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/como-crear-buena-web-y-no-morir.jpg\",\"datePublished\":\"2020-10-08T09:57:39+00:00\",\"dateModified\":\"2022-02-01T14:41:20+00:00\",\"description\":\"Te contamos los principios b\u00e1sicos que debes manejar para hacer una buena web antes de ponerte manos a la obra.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/presentiadm.com\\\/como-crear-una-buena-web-y-no-morir-en-el-intento\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/presentiadm.com\\\/como-crear-una-buena-web-y-no-morir-en-el-intento\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/presentiadm.com\\\/como-crear-una-buena-web-y-no-morir-en-el-intento\\\/#primaryimage\",\"url\":\"https:\\\/\\\/presentiadm.com\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/como-crear-buena-web-y-no-morir.jpg\",\"contentUrl\":\"https:\\\/\\\/presentiadm.com\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/como-crear-buena-web-y-no-morir.jpg\",\"width\":1920,\"height\":1080,\"caption\":\"C\u00f3mo crear una buena web\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/presentiadm.com\\\/como-crear-una-buena-web-y-no-morir-en-el-intento\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/presentiadm.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"C\u00f3mo hacer una buena web y no morir en el intento\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/presentiadm.com\\\/#website\",\"url\":\"https:\\\/\\\/presentiadm.com\\\/\",\"name\":\"Comunicaci\u00f3n y creaci\u00f3n web | Presentia\",\"description\":\"Profesional de comunicaci\u00f3n freelance.\",\"publisher\":{\"@id\":\"https:\\\/\\\/presentiadm.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/presentiadm.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/presentiadm.com\\\/#organization\",\"name\":\"Presentia\",\"url\":\"https:\\\/\\\/presentiadm.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/presentiadm.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/presentiadm.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/logo-presentia-cuadrado.jpg\",\"contentUrl\":\"https:\\\/\\\/presentiadm.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/logo-presentia-cuadrado.jpg\",\"width\":696,\"height\":696,\"caption\":\"Presentia\"},\"image\":{\"@id\":\"https:\\\/\\\/presentiadm.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.instagram.com\\\/iciar.etxebarria\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/iciaretxebarria\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/presentiadm.com\\\/#\\\/schema\\\/person\\\/6c6a8c5b3bf236d15705edddaca13dbf\",\"name\":\"Iciar Etxebarria\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/fc826d07452c82a1fdcafd4b0f400414d57abb846f44d9f0bf19bc37dfa518cd?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/fc826d07452c82a1fdcafd4b0f400414d57abb846f44d9f0bf19bc37dfa518cd?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/fc826d07452c82a1fdcafd4b0f400414d57abb846f44d9f0bf19bc37dfa518cd?s=96&d=mm&r=g\",\"caption\":\"Iciar Etxebarria\"},\"sameAs\":[\"https:\\\/\\\/presencedm.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Comment cr\u00e9er un bon site web et ne pas mourir en essayant - Communication et cr\u00e9ation de sites web | Presentia","description":"Nous vous indiquons les principes de base \u00e0 respecter pour cr\u00e9er un bon site web avant de vous mettre au travail.","robots":{"index":"noindex","follow":"follow"},"og_locale":"fr_FR","og_type":"article","og_title":"C\u00f3mo hacer una buena web y no morir en el intento - Comunicaci\u00f3n y creaci\u00f3n web | Presentia","og_description":"Te contamos los principios b\u00e1sicos que debes manejar para hacer una buena web antes de ponerte manos a la obra.","og_url":"https:\/\/presentiadm.com\/fr\/comment-creer-un-bon-site-web-et-ne-pas-mourir-dans-leffort\/","og_site_name":"Comunicaci\u00f3n y creaci\u00f3n web | Presentia","article_published_time":"2020-10-08T09:57:39+00:00","article_modified_time":"2022-02-01T14:41:20+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/presentiadm.com\/wp-content\/uploads\/2020\/08\/como-crear-buena-web-y-no-morir.jpg","type":"image\/jpeg"}],"author":"Iciar Etxebarria","twitter_card":"summary_large_image","twitter_misc":{"\u00c9crit par":"Iciar Etxebarria","Dur\u00e9e de lecture estim\u00e9e":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/presentiadm.com\/como-crear-una-buena-web-y-no-morir-en-el-intento\/#article","isPartOf":{"@id":"https:\/\/presentiadm.com\/como-crear-una-buena-web-y-no-morir-en-el-intento\/"},"author":{"name":"Iciar Etxebarria","@id":"https:\/\/presentiadm.com\/#\/schema\/person\/6c6a8c5b3bf236d15705edddaca13dbf"},"headline":"C\u00f3mo hacer una buena web y no morir en el intento","datePublished":"2020-10-08T09:57:39+00:00","dateModified":"2022-02-01T14:41:20+00:00","mainEntityOfPage":{"@id":"https:\/\/presentiadm.com\/como-crear-una-buena-web-y-no-morir-en-el-intento\/"},"wordCount":952,"commentCount":0,"publisher":{"@id":"https:\/\/presentiadm.com\/#organization"},"image":{"@id":"https:\/\/presentiadm.com\/como-crear-una-buena-web-y-no-morir-en-el-intento\/#primaryimage"},"thumbnailUrl":"https:\/\/presentiadm.com\/wp-content\/uploads\/2020\/08\/como-crear-buena-web-y-no-morir.jpg","articleSection":["Dise\u00f1o web"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/presentiadm.com\/como-crear-una-buena-web-y-no-morir-en-el-intento\/#respond"]}]},{"@type":["WebPage","ItemPage"],"@id":"https:\/\/presentiadm.com\/como-crear-una-buena-web-y-no-morir-en-el-intento\/","url":"https:\/\/presentiadm.com\/como-crear-una-buena-web-y-no-morir-en-el-intento\/","name":"Comment cr\u00e9er un bon site web et ne pas mourir en essayant - Communication et cr\u00e9ation de sites web | Presentia","isPartOf":{"@id":"https:\/\/presentiadm.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/presentiadm.com\/como-crear-una-buena-web-y-no-morir-en-el-intento\/#primaryimage"},"image":{"@id":"https:\/\/presentiadm.com\/como-crear-una-buena-web-y-no-morir-en-el-intento\/#primaryimage"},"thumbnailUrl":"https:\/\/presentiadm.com\/wp-content\/uploads\/2020\/08\/como-crear-buena-web-y-no-morir.jpg","datePublished":"2020-10-08T09:57:39+00:00","dateModified":"2022-02-01T14:41:20+00:00","description":"Nous vous indiquons les principes de base \u00e0 respecter pour cr\u00e9er un bon site web avant de vous mettre au travail.","breadcrumb":{"@id":"https:\/\/presentiadm.com\/como-crear-una-buena-web-y-no-morir-en-el-intento\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/presentiadm.com\/como-crear-una-buena-web-y-no-morir-en-el-intento\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/presentiadm.com\/como-crear-una-buena-web-y-no-morir-en-el-intento\/#primaryimage","url":"https:\/\/presentiadm.com\/wp-content\/uploads\/2020\/08\/como-crear-buena-web-y-no-morir.jpg","contentUrl":"https:\/\/presentiadm.com\/wp-content\/uploads\/2020\/08\/como-crear-buena-web-y-no-morir.jpg","width":1920,"height":1080,"caption":"C\u00f3mo crear una buena web"},{"@type":"BreadcrumbList","@id":"https:\/\/presentiadm.com\/como-crear-una-buena-web-y-no-morir-en-el-intento\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/presentiadm.com\/"},{"@type":"ListItem","position":2,"name":"C\u00f3mo hacer una buena web y no morir en el intento"}]},{"@type":"WebSite","@id":"https:\/\/presentiadm.com\/#website","url":"https:\/\/presentiadm.com\/","name":"Communication et cr\u00e9ation de sites web | Presentia","description":"Professionnel de la communication en free-lance.","publisher":{"@id":"https:\/\/presentiadm.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/presentiadm.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/presentiadm.com\/#organization","name":"Presentia","url":"https:\/\/presentiadm.com\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/presentiadm.com\/#\/schema\/logo\/image\/","url":"https:\/\/presentiadm.com\/wp-content\/uploads\/2026\/03\/logo-presentia-cuadrado.jpg","contentUrl":"https:\/\/presentiadm.com\/wp-content\/uploads\/2026\/03\/logo-presentia-cuadrado.jpg","width":696,"height":696,"caption":"Presentia"},"image":{"@id":"https:\/\/presentiadm.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/iciar.etxebarria\/","https:\/\/www.linkedin.com\/in\/iciaretxebarria\/"]},{"@type":"Person","@id":"https:\/\/presentiadm.com\/#\/schema\/person\/6c6a8c5b3bf236d15705edddaca13dbf","name":"Iciar Etxebarria","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/secure.gravatar.com\/avatar\/fc826d07452c82a1fdcafd4b0f400414d57abb846f44d9f0bf19bc37dfa518cd?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/fc826d07452c82a1fdcafd4b0f400414d57abb846f44d9f0bf19bc37dfa518cd?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/fc826d07452c82a1fdcafd4b0f400414d57abb846f44d9f0bf19bc37dfa518cd?s=96&d=mm&r=g","caption":"Iciar Etxebarria"},"sameAs":["https:\/\/presencedm.com"]}]}},"_links":{"self":[{"href":"https:\/\/presentiadm.com\/fr\/wp-json\/wp\/v2\/posts\/229654","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/presentiadm.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/presentiadm.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/presentiadm.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/presentiadm.com\/fr\/wp-json\/wp\/v2\/comments?post=229654"}],"version-history":[{"count":0,"href":"https:\/\/presentiadm.com\/fr\/wp-json\/wp\/v2\/posts\/229654\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/presentiadm.com\/fr\/wp-json\/wp\/v2\/media\/230330"}],"wp:attachment":[{"href":"https:\/\/presentiadm.com\/fr\/wp-json\/wp\/v2\/media?parent=229654"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/presentiadm.com\/fr\/wp-json\/wp\/v2\/categories?post=229654"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/presentiadm.com\/fr\/wp-json\/wp\/v2\/tags?post=229654"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}