{"id":207,"date":"2026-09-14T14:41:02","date_gmt":"2026-09-14T14:41:02","guid":{"rendered":"https:\/\/agenciaia.tuespecialistaweb.com\/?p=207"},"modified":"2026-09-14T14:43:11","modified_gmt":"2026-09-14T14:43:11","slug":"mapa-del-sitio-web","status":"publish","type":"post","link":"https:\/\/agenciaia.tuespecialistaweb.com\/?p=207","title":{"rendered":"Mapa del sitio web: acordar p\u00e1ginas antes de dise\u00f1ar"},"content":{"rendered":"<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1400\" height=\"800\" src=\"https:\/\/agenciaia.tuespecialistaweb.com\/wp-content\/uploads\/2026\/09\/mapa-del-sitio-web.webp\" class=\"feben-blog-cover\" alt=\"Mapa visual que conecta una portada con servicios, contenidos y contacto.\" style=\"width:100%;height:auto\" \/><\/figure>\n<p>El mapa del sitio web puede funcionar como un documento visual para acordar las p\u00e1ginas de un proyecto antes de dise\u00f1arlas. Representa qu\u00e9 piezas existir\u00e1n, c\u00f3mo se relacionan y qu\u00e9 se incluye en el lanzamiento. Aqu\u00ed hablamos de ese documento de planificaci\u00f3n, no del archivo XML que se facilita a los buscadores.<\/p>\n<p>Puedes dibujarlo con cajas y l\u00edneas. La herramienta importa menos que las decisiones que deja visibles: una caja sin prop\u00f3sito claro sigue siendo una duda aunque aparezca dentro de un diagrama muy cuidado.<\/p>\n<h2>Haz un inventario de p\u00e1ginas candidatas<\/h2>\n<p>Re\u00fane las p\u00e1ginas que pide el negocio y las que necesita el visitante para completar sus tareas. Incluye destinos que suelen olvidarse al presupuestar, como confirmaciones de formulario, resultados de b\u00fasqueda o estados de error cuando formen parte del proyecto.<\/p>\n<p>No hace falta representar cada art\u00edculo futuro como una pantalla de dise\u00f1o diferente. Distingue p\u00e1ginas concretas de tipos de contenido que comparten una plantilla. Esa diferencia ayuda a valorar el trabajo sin confundir volumen de publicaciones con cantidad de dise\u00f1os.<\/p>\n<h2>Escribe una funci\u00f3n junto a cada caja<\/h2>\n<p>A\u00f1ade una frase breve: \u00abPermite comparar los servicios\u00bb, \u00abExplica esta oferta\u00bb o \u00abRecoge una solicitud\u00bb. Despu\u00e9s se\u00f1ala qu\u00e9 contenido necesita la p\u00e1gina y qui\u00e9n puede entregarlo.<\/p>\n<p>Si dos cajas cumplen exactamente la misma funci\u00f3n, revisa si ambas son necesarias. Si una p\u00e1gina acumula demasiadas tareas sin relaci\u00f3n, estudia c\u00f3mo repartirlas. Esta revisi\u00f3n se centra en el alcance del proyecto; la estrategia de b\u00fasquedas puede aportar despu\u00e9s otros criterios para ajustar la estructura.<\/p>\n<h2>Dibuja recorridos, no solo niveles<\/h2>\n<p>Una jerarqu\u00eda explica qu\u00e9 cuelga de cada secci\u00f3n, pero no siempre muestra c\u00f3mo avanza el visitante. Traza uno o dos caminos completos desde una entrada probable hasta la acci\u00f3n principal.<\/p>\n<p>Ejemplo ficticio: alguien llega directamente a una p\u00e1gina de servicio, consulta qu\u00e9 incluye y pide presupuesto. Ese recorrido deber\u00eda funcionar sin obligarle a volver a la portada. El mapa permite detectar si falta una explicaci\u00f3n o si el contacto queda demasiado desconectado.<\/p>\n<h2>Marca qu\u00e9 se entrega ahora y qu\u00e9 queda previsto<\/h2>\n<p>Utiliza estados claros en lugar de notas ambiguas:<\/p>\n<ul>\n<li>Incluido en el lanzamiento, con contenido y dise\u00f1o previstos.<\/li>\n<li>Pendiente de una decisi\u00f3n concreta antes de confirmar el alcance.<\/li>\n<li>Previsto para una etapa posterior, sin formar parte de esta entrega.<\/li>\n<\/ul>\n<p>Si una secci\u00f3n futura condiciona el proyecto actual, anota por qu\u00e9. Por ejemplo, una versi\u00f3n en otro idioma puede requerir decisiones de gesti\u00f3n, aunque su traducci\u00f3n se entregue m\u00e1s adelante. No la representes como terminada solo porque tenga una caja en el diagrama.<\/p>\n<h2>Revisa el mapa con una lista de entregables<\/h2>\n<p>Para aprobarlo, comprueba p\u00e1ginas, plantillas, contenido, idiomas y conexiones necesarias. Asigna una versi\u00f3n y una fecha, de modo que un cambio posterior se pueda identificar y valorar.<\/p>\n<p>El mapa aprobado no tiene que impedir mejoras. Su funci\u00f3n es que todas las personas sepan qu\u00e9 se est\u00e1 construyendo y qu\u00e9 cambia cuando aparece una nueva necesidad. En FEBEN lo conectamos con el <a href=\"https:\/\/agenciaia.tuespecialistaweb.com\/?feben_service=diseno-web\">dise\u00f1o web<\/a> para pasar del alcance acordado a pantallas que resuelvan tareas concretas.<\/p>\n<section class=\"feben-blog-related\">\n<h2>Para seguir trabajando esta idea<\/h2>\n<ul>\n<li><a href=\"https:\/\/agenciaia.tuespecialistaweb.com\/?p=201\">Briefing para una web: materiales y decisiones que conviene reunir<\/a><\/li>\n<li><a href=\"https:\/\/agenciaia.tuespecialistaweb.com\/?p=210\">Para qu\u00e9 sirve un wireframe y c\u00f3mo revisarlo<\/a><\/li>\n<li><a href=\"https:\/\/agenciaia.tuespecialistaweb.com\/?p=147\">Arquitectura web de servicios: ordenar sin crear p\u00e1ginas de m\u00e1s<\/a><\/li>\n<\/ul>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Antes de dise\u00f1ar pantallas, acuerda qu\u00e9 p\u00e1ginas necesita el proyecto y qu\u00e9 har\u00e1 cada una. Un mapa visual permite detectar vac\u00edos y evitar presupuestos ambiguos.<\/p>\n","protected":false},"author":2,"featured_media":208,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-207","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web"],"_links":{"self":[{"href":"https:\/\/agenciaia.tuespecialistaweb.com\/index.php?rest_route=\/wp\/v2\/posts\/207","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/agenciaia.tuespecialistaweb.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/agenciaia.tuespecialistaweb.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/agenciaia.tuespecialistaweb.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/agenciaia.tuespecialistaweb.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=207"}],"version-history":[{"count":2,"href":"https:\/\/agenciaia.tuespecialistaweb.com\/index.php?rest_route=\/wp\/v2\/posts\/207\/revisions"}],"predecessor-version":[{"id":443,"href":"https:\/\/agenciaia.tuespecialistaweb.com\/index.php?rest_route=\/wp\/v2\/posts\/207\/revisions\/443"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/agenciaia.tuespecialistaweb.com\/index.php?rest_route=\/wp\/v2\/media\/208"}],"wp:attachment":[{"href":"https:\/\/agenciaia.tuespecialistaweb.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=207"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/agenciaia.tuespecialistaweb.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=207"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/agenciaia.tuespecialistaweb.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=207"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}