<h1>Estructura de un sitio web</h1>

Estructura de un sitio web: si no está bien, mal.

La estructura de un sitio web hace referencia a la forma en que sus páginas están relacionadas entre sí y la experiencia de navegación del usuario. En este post explicaremos cómo crear una buena estructura de un sitio web.

La estructura de un sitio web no tiene nada que vercon la ubicación de los elementos de diseño web como he visto en algunos sitios. No se refiere a las “partes de una página web”, que se refiere más a la apariencia y es algo perceptible a simple vista. social media marketing digital estructura de un sitio web tampoco se refiere únicamente al menú de navegación, también visible. Hace referencia a algo más interno y también invisible para el usuario, pero fácil de realizar por el diseñador web o quien administra la página.

Como siempre y en todo momento, voy a hablar del diseño web en WP, aunque esta estructura de un sitio es aplicable a todos y cada uno de los diseños, desde personalizados a otros gestores de contenido.

Desde aquí puedes acceder de forma directa a la sección que más te interese, si bien recomiendo hacerlo en orden.

Tipos de estructura de un sitio web

Antes de ver los pasos para crear una buena estructura de un sitio web, te explico muy escuetamente los distintos tipos. No dejes de prestar atención a esto pues es la base de un buen diseño web, además de, evidentemente, una buena estructura y por tanto usabilidad.

Estructura de un sitio web EN RED o bien LIBRE

A partir de la página de comienzo ( agencia diseño web vitoria ) se puede navegar a otras sin orden aparente. Es una estructura marcadamente libre pero no es recomendable pues desorienta al usuario no sabiendo dónde se encuentra ni dispone de recursos para ir al lugar que desea. Básicamente, un caos sin orden ni concierto. Las webs con esta estructura se impiden a sí mismas su posicionamiento y fulminan las posibilidades de conseguir resultados. Desaconsejable.

Estructura de un sitio web LINEAL

Es otra estructura de las más simples. Se asemeja a ir pasando páginas de un libro, pero sin la opción de elegir a qué páginas ir: únicamente se puede ir desde una página a la próxima o a la precedente. Es útil si lo que deseamos es que el usuario siga un recorrido dirigido al lugar que queremos; sin embargo, la sensación de obligación es evidente pues no hay posibilidad de acceder a otras páginas salvo que se prosiga esta ruta. Desaconsejableen la mayoría de los casos. Falla en la usabilidad y experiencia del usuario.

Estructura de un sitio web JERÁRQUICA o DE ÁRBOL

Estructura en la que hay una página de comienzo o bien primordial desde la que se accede a un conjunto de páginas, generalmente a través de un menú de navegación. Desde ese conjunto de páginas se puede acceder a otras y así sucesivamente. Pese a ser la más común, es también poco aconsejableporque no hay total conexión entre páginas y en consecuencia la experiencia del usuariosigue siendo deficientedesde el punto de vista de la usabilidad y desde la perspectiva del rastreo de páginas que realiza Google.

Estructura de un sitio web LINEAL CON JERARQUÍA o MIXTA

Estructura mixta que saca provecho de los beneficios de las 2 estructuras precedentes. Las páginas y subpáginas se organizan de forma jerárquica pero también es posible navegar de forma lineal y transversal. Esta es la estructura de un sitio bien hecho, la más óptima, para casi todos los casos, puesto que todas y cada una de las páginas están “conectadas” entre sí y de esta forma Google es capaz de rastrearlas antes y la experiencia del usuario mejora notablemente.

Mejora ya la estructura de tu sitio.

Descubre losde CITIFACE o

Número de páginas en la estructura de un sitio web

No existe un número mínimo ni máximo para un lugar o bien página web. Puede tener una sola página o bien cientos. Ahora bien, por norma general, la estructura de un sitio al usoni tiene una sola página, ni tiene 100.

Si se trata de un blog, el lugar bien puede tener una sola página, donde se exponen todas las entradas del mismo. También puede ser una sola página cuando se trata de páginas de aterrizaje (páginas únicas diseñadas con el único fin de atrapa de subscriptores o compras).

También mencionar la proliferación de un nuevo modelo de páginas web basados en una sola página dividida en secciones. Sin entrar en más detalles técnicos, una estructura de un sitio web como ésta es desaconsejablesi se quiere intentar posicionar de forma natural puesto que no hay páginas adicionales que ayuden a ello.

Ahora bien, en este post hablamos de una web, no de un weblog solamente, ni de páginas de aterrizaje, ni de otros tipos.

Para crear una buena estructura de un sitio web enfocado a un negocio onlineno debemos excedernos en el número de páginas. Cuantas más páginas tengamos, más complicamos la vida al usuario, que llega al lugar con una expectativa: hallar una solución, un precio, contactar con nosotros, resolver su inconveniente, lo más rápido posible. Recordemos que el típico usuario de internet acostumbra a ir con prisa y no se detiene demasiado en ningún sitio, por lo que una estructura clara, intuitiva y fácil de navegar es elemental. Uno de los mejores posts sobre la usabilidad que puedes localizar es.

No es conveniente que la estructura de un sitio conste de un número mayor de diez o bien 12 páginas, incluyendo la página de comienzo, la de contacto y el blog, que también debe ser parte de la estructura y de la página web.

Niveles de estructura de un sitio web

Además de lo precedente, es recomendable que, en caso de tener muchas páginas, algunas de las menos esenciales vayan en un nivel inferior de la jerarquía. No abusar tampoco de demasiados niveles inferiores. Aconsejo dos o bien tres niveles de navegación como máximo.

De este modo el menú de navegación no quedará demasiado extenso estéticamente, ni agobiará al usuario visualmente. Es decir, en lugar de algo así:

Mejor algo así:

Cómo delimitar la estructura de un sitio web prácticamente perfecto (ideal)

Primero veremos cómo fijar la estructurade un sitio prácticamente a la perfección desde el punto de vista conceptualy, después, en el bloque de “Pasos…” veremos cómo hacerlodesde el punto de vista técnico.

Quiero primero centrarme en el tema de tener muy clara la idea de negocio y sus partes(representadas en la página web) conceptualmente pues sin ello es imposible crear una buena estructura después. Sería como empezar a construir una residencia sin saber qué tipo será, si un chalet, un castillo o bien una granja, sin saber qué géneros de materiales queremos usar, sin saber el número de habitaciones, etc. (Si bien, también te lo digo, la mayoría de las webs están hechas así. Y así les va…).

Se trata “simplemente” de hacer un ejercicio de análisis y reflexión.

1º. ¿Cuál es la meta que pretendo cumplir con este diseño web?

Identifica esto realmente bien y de forma muy clara, por el hecho de que en ello está basado todo tu negocio. Si vas a montar una tienda de calzado en la calle, seguro que tienes clarísimo que tu objetivo es vender calzado. Sin embargo, cuando se trata de negocios en línea, no sé por qué, la gente se hace pajas mentales con este tema y considera que su objetivo es tener miles de visitas, o bien posicionarse en el número 1 de Google. Sí, eso está realmente bien, pero PARA QUÉ. ¡Pues para vender zapatos! Bueno, puesto que esta cosa que semeja tan simple, bastante gente no la pilla.

2º. ¿Quiénes son tus clientes objetivo? Y ¿quién eres tú para merecerlos?

Otro de los graves erroresque se cometen al diseñar un sitio es no tener claro, cristalino, el tipo de clienteque queremos atraer a nuestra web, y qué tipos de problemas tiene que nosotros podamos solventar. No es exactamente lo mismo tener esa tienda de calzado en la Gran Vía de Madrid o bien en el Pº de Gracia de Barcelona, que tenerla en un sitio por donde no pasa nadie, ¿verdad?

En internet es clave saber quién es tu audienciapara dirigirte a ella. De lo contrario, podrás lograr miles de visitas de paso, pero poquísimos clientes del servicio interesados. Ahí radica la diferencia que supone recibir tráfico cualificado, interesado verdaderamente en lo que ofreces:en acotar a tu público o cliente del servicio ideal o bien no. Si escribes un blog post sobre cómo prosperar tu postura con los zapatos tal, quizás consigas miles de visitas de curiosos, pero nada más. Mas si te diriges a una audiencia específica, que sabes que sufre de la espalda, que no le gustan los tacones y sí la comodidad, etc., seguramente tendrás alguna venta garantizada.

En el siguiente blog post te explico más sobreporque no es fácil, mas sí es posible hacerlo.

Además de identificar tu nicho, también es esencial que hagas un ejercicio de reflexión sobre qué tienes tú o tu producto o tu servicio que te haga diferentedel resto: ¿por qué habría yo de seleccionarte a ti y no al de al lado? Y a continuación, identifica los beneficiosque obtendrá la persona que te compre, contrate o lo que sea. Semejan dos cosas iguales, mas no lo son.

3º. ¿Cuáles son, ahora que tienes claro lo anterior, tus palabras clave?

Quizá, ya antes de hacer esos ejercicios, creías que tu palabra clave primordial era calzadoo tienda de zapatos onlinepor poner unos ejemplos. Pero seguramente cuando hagas el ejercicio pensarás distinto. Habrás añadido algo que haga referencia, bien a tu usuario ideal, bien a tu especialidad o lo que te hace diferente, bien a algún beneficio que acarrea tu producto. Por ejemplo: calzado anatómico (que evita el dolor de espalda en mujeres de mediana edad). Esto último es fruto de identificar beneficios y nicho (claro, lo he hecho en dos segundos, ¡no me exijas demasiado!)

Hombre, a ver. Ese pedazo de palabra clave no puedes ponerla como título de página. Ya. Mas igual a raíz de ella se te ocurre una más corta que puedas emplear. Las palabras clave son el comestible del que se nutretu blog y tu web. Debes tenerlas claras.

Esos 3 pasos son muy importantes ANTESde empezar a poner en papel la estructura de un sitio web. Vamos con esto.

¿Necesitas ayuda para hacer lo precedente?y mejora ya la estructura de tu sitio.

Pasos para estructurar el sitio (técnico)

Paso 1: Hacer el árbol de la estructura de un lugar web

Para hacer la estructura de un sitio, sin entrar todavía en detalles demasiado técnicos con respecto al SEO, etc., es relativamente fácil. Se trata de identificar en primer lugar las páginas (lo que bastante gente llama pestañas) que deseamos incluir en el menú de navegación. Mejor dicho, no sus páginas, sino más bien los títulos de esas páginas, así como su jerarquía y orden.

Primero lo vamos a hacer sobre el papel y usando un símil.

1. Coge papel y un bolígrafo.

1. Imagina que tienes que redactar un libro sobre el negocio on line que deseas, y para el que deseas crear la estructura de un sitio web. ¿Qué pondrás en el índice?

1. Estructura el índice de contenidosde tu negocio. Logra un libro con índice de contenidos que te sirva de ejemplo si es necesario. Los libros de no-ficción acostumbran a servir. Yo voy a seguir con el tema del calzado. A ver qué tal se me da.

1. Primero escribiría una introducción, donde explicaría de qué va el libro por norma general. También puede ser tomado como una suerte de resumen o como la contraportada, que captura o no la atención del lector. De la introducción (o bien del resumen de la contraportada) depende que te adquieran o bien no. Es lo más importantey lo que decidirá que prosigan leyendo o bien dejen el libro donde estaba. Esta intro será tu página de inicio.

1. Después pensaría en tres o 4 áreas(o bien quizá hay más en la temática de mi libro) más importantes sobre las que va a girar la web en general. En el caso de los zapatos, se me ocurre: historia del calzado, géneros de calzado, diferencias de calzado en hombres y mujeres, marcas españolas de calzado y mi tienda de calzado.Por ejemplo.

1. Ahora debo pensar si hay por su parte otros temas importantesque quiero mencionar en cada una de esas áreas. Por ej., bajo historia del calzado,no necesito contar demasiado ni ser tan específica, así que lo dejo tal como. En tipos de calzado,me interesa hablar sobre calzado deportivo, calzado de seguridad y calzado anatómico, que son en los que me especializo. En diferencias de calzado en hombres y mujeres,tampoco quiero concretar, así que no hay nada debajo. En marcas españolas de calzadoquizá me interese hablar de marcas internacionales o bien no. Supongamos que deseo hablar de marcas que no son competencia directa como Campery Panama Jack. Y en mi tienda de calzadotendré que poner las categorías que me interese y que seguramente estarán relacionadas con los tipos que he mencionado bajo el epígrafe de tipos de calzado.

1. Pues ya está. Tenemos el índice de contenidos de nuestro libro sobre el calzado. Ahora tendríamos que “traducir” ese índice a la estructura de un sitio web. Quedaría más o bien menos así (he abreviado títulos en la imagen, mas en la estructura real deberíamos incluir las palabras clave, en este caso calzado, quedando así, calzado deportivo, etc…):

Ahora se trataría de pasar este dibujo a la plataforma en que estamos administrando nuestra página web. Si trabajas con Wordpress, que es la que aconsejo y con la única que trabajo yo, simplemente se trata de crear las páginas y después añadirlas al menú principalde navegación.

De esta forma ya tendríamos hecha la primera tarea de la estructura de un sitio web.

Paso 2: Hacer estructura de un sitio web amigable para SEO

2.1. URLs afables para la estructura de un sitio web

En realidad, esto en WordPress es muy fácil. Si empleas otro tipo de CMS (gestor de contenidos) o bien estás haciendo una web adaptada en código HTML, lee esto también, por el hecho de que te servirá igual.

Al crear las páginas de tu web, lo que estás creando son diferentes URLs o bien “direcciones”dentro de la misma, partiendo de un dominio común. En el caso del ejemplo, el dominio que he puesto en la imagen es:

especialistas-calzado-anatomico.es(los dominios no llevan tilde).

Cada nueva página creada tendrá su dirección (URL) únicae irá detrás del dominio. Ej.

especialistas-calzado-anatomico.es/pag-1;

especialistas-calzado-anatomico.es/pag-2, etc…

(Siempre y en todo momento con el http:// delante, claro).

Detrás de la barra/, sin embargo, precisamos poner palabras indicativasde lo que estamos hablando. La primera cosa que ve Google al rastrear la estructura de un sitio es la URL. Si pusiésemos cosas como las de esos ejemplos, Google nos tendría menos en cuenta por el hecho de que cosas como “ pag-1 ” no le revelan nada de información. Es mejor que vea que en la página que versa sobre calzado anatómico, la URL (o bien dirección única) sea:

especialistas-calzado-anatomico.es/calzado-anatomico.

Parece lógico, ¿verdad? Bueno, pues esto no ocurre así por defecto. Ni tan siquiera en WordPress. Mas no te preocupes, se solventa muy fácil. Si tienes una web personalizada tendrás que hacerlo manualmente. Y con referencia a otros gestores de contenido como Joomla, Drupal Trademark, Prestashop, etcétera, tendrás que preguntar cómo hacerlo.

En WordPress es muy fácil mudar estopara que las URLs se transformen a afables por defecto y por siempre. Tendrás que entrar en tu escritorio de WordPress, ir a Ajustes>Enlaces Permanentesy escoger la opción Nombre de la Entrada(asegúrate también que en el campo rellenable de la opción Estructura Personalizadaaparece / por cien postname por ciento /).

Ya está. De ahora en adelante, toda vez que crees una nueva página o entrada (artículo), WordPress trasladará todas las palabras del título de tu página a su URL de manera directa. (Recomiendo eliminar palabras que no añaden información como a, de, del, la, las, los, etcétera).

2.2. Títulos de la web también amigables

Parece algo obvio, mas para bastante gente no lo es tanto y en lugar de poner títulos como los que hemos dicho en el Paso 1, ponen cosas como:

INICIO – QUIENES SOMOS – SERVICIOS – TIENDA – CONTACTO – BLOG

Un menú de navegación y sus URLs pertinentes como lo de arriba no está orientado al posicionamiento, ni a la usabilidad, ni a una buena estructura.

Sí, hay títulos que generalmente no incluyen las palabras clave, como contacto, blogo quiénes somos. Mas ¿y las otras? Servicios, tienda, y cosas así pueden ser más afables, como lo hemos hecho arriba.

Yo incluso a vecesen las webs de mis clientes del servicio pongo, en vez de quién soy, un título de página que incluye la palabra clave, como: tu coach. O en lugar de blog, pongo noticias de coaching; o bien en lugar de servicios, pongo servicios de coaching. Todo depende de la extensión de la barra del menú y del número de páginasque muestra. (También es posible hacer que en la URL conste algo diferente de lo que figura en el título visible de la “pestaña” del menú de navegación, cuando menos en WP).

Lo mismo ocurre con los títulos de tus entradas del blog (posts). Si bien tengas la tentaciónde escribir un título genial que se te ha ocurrido, pero no tiene que ver con ninguna de tus palabras clave, intenta darle la vuelta para que así sea.

Por ej., en el tema del calzado. Aunque vayas a escribir un blog post sobre las marcas más internacionales de calzado y quieras poner como título “ Camper lidera la industria”, por ejemplo, ese título no te favorece en tu posicionamiento. Dale la vuelta para que incluya una de tus palabras clave ( Calzados Camper lideran…).

Ten esto en cuenta porque es muy importante para el posicionamiento web en buscadores.

Paso 3: Links internos para progresar la estructura de un lugar web

Los enlaces internos son el colofón para hacer una estructura casi perfecta. empresas diseño web estructura de un sitio web no lo podría ser sin ellos.

Cuando charlaba de la estructura de jerarquía y lineal (mixta) más arriba, la que recomiendo, es todavía mejorable mediante estos enlaces. Se trata de conectar todas las páginas entre sí de manera que mejore la navegabilidad y la experiencia del usuario, o sea, la usabilidad.

El usuario va con prisa. Desea una solución ya. Se lo tienes que poner a huevo. De ahí que no debemos ampararnos únicamente en el menú superior de navegación, sino más bien añadir enlaces internos entre páginas. Enlaces internos que tienen dos funciones:

1. Lo dicho, ponérselo a huevo al usuario. Orientarle o bien cautivarle, dependiendo del caso, poniéndole algunos enlaces y llamadas a la acción.

1. Que Google sea capaz de rastrear todas las páginas de nuestra web de forma más rápida.

De esta forma Google nos calificará mejorporque le facilitamos el trabajo de navegación al usuario y el trabajo de indexación a Google mismo.

La usabilidad y la estructura están íntimamente relacionadas en el diseño web. He escrito muchísimo al respecto, así que no me entretengo más aquí. Uno de los posts de más éxito sobre ellos esy, evidentemente, elinteligente.

Yo he venido a hablar de mi libro, oiga

Como añadido en la usabilidad y la estructura de un sitio, quiero charlar de ciertos contenidos inútiles, y de su colocación.

Hay una mala práctica, sobre todo, entre quienes se diseñan si propia web. Se trata de contenidos que no añaden valor para el usuario.

Una de estas páginas suele ser la página de Quiénes Somos . Primeramente, mucha gente comete el error de colocarla de las primeras en el menú de navegación. Veo diariamente sitios cuya primera página es INICIO, bien. Y la segunda: YO. También he visto YO-YO-YO ¡¡en la página de inicio!! No. La página YO-YO-YO, a menos que se trate de un blog personal que no tengas un interés singular en posicionar, relégala a los últimos puestos. El usuario desea saber cómo tu producto o bien servicio va a solucionar su inconveniente o necesidad, lo antes posible.

Otro error, por norma general unido al precedente, es poner en esa página un texto interminableque en realidad es una castaña y NADIE SE LEE. Esto es un error.

A tu usuario le importa muy poco, en principio, cuándo estudiaste diseño de calzado, cómo te dio por ahí, ni dónde naciste. Solamente pasará por esa página si ha habido anteriormente algo que “le ha hecho tilín”. Entonces sí, el tren de pensamiento puede resultar en un “ A ver, quién esta clase o esta empresa, si hay creencias de clientes”, etc. Pero para eso, tienes que haberle interesado por otra parte más enfocado en su inconveniente o consulta.

Estamos de acuerdo en que la página web es tuya, y si deseas, desde luego que puedes charlar de tu libro, pero piensa si lo que quiere tu usuario es que le cuentes tu vida en verso o si lo que quiere es comprar tus zapatos especiales. ¿Y tú, qué quieres que haga, que se lea tu biografía y todos tus títulos o bien que adquiera los zapatos?

Por mucho que te apetezca serlo, o que creas que tienes que probar todas tus habilidades, lo siento, mas el protagonista, no eres tú. Es tu usuario y usuario potencial. Dale alaspara que sea él o bien ella quien se sienta protagonista (muéstrale las ventajas de tu producto, que te preocupas por él, etc.).

Así puesto que, halla un equilibrio. Primeramente, poniendo esa página hacia el final en la estructura del sitio web. Y, en segundo lugar, siendo breve, directo y claro. Esto no desea decir seco ni antipático.

Aunque te parezca un post largo, esto es solamente la base para crear una estructura de un sitio web con fundamento. Hay factores que van vinculados a la estructura en referencia a la usabilidad, al propio diseño web, a la funcionalidad, al marketing, etc., pero ya formarían una parte de otras patas del diseño web.

Espero que te haya sido útil y espero con ilusión tus comentarios.