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

La estructura de un sitio hace referencia a la manera 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.

La
estructura de un lugar web
no tiene nada que vercon la ubicación de los elementos de diseño web como he visto en ciertos 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. La estructura de un sitio web
tampoco se refiere únicamente al menú de navegación, también perceptible. Hace referencia a algo más interno e invisible para el usuario, pero fácil de realizar por el diseñador web o quien gestiona la página.

Como siempre, hablaré del diseño web en WordPress, si bien esta estructura de un sitio web es
aplicable a todos los diseños, desde adaptados a otros gestores de contenido.

Desde aquí puedes acceder de manera directa a la sección que más te interese, aunque aconsejo hacerlo en orden.

 

Tipos de estructura de un lugar web

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

Estructura de un sitio EN RED o bien LIBRE

A partir de la página de inicio (home) se puede navegar a otras sin orden aparente. Es una estructura marcadamente libre mas no es aconsejable por el hecho de que 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, mas sin la opción de elegir a qué páginas ir: solamente se puede ir desde una página a la próxima o bien a la precedente. Es útil si lo que deseamos es que el usuario siga un recorrido dirigido al sitio que queremos; no obstante, la sensación de obligación es evidente puesto que no hay posibilidad de acceder a otras páginas salvo que se siga esta ruta.
Desaconsejableen la mayoría de los casos. Falla en la usabilidad y experiencia del usuario.

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

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

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

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

Mejora ya la estructura de tu google ads precio .

Descubre losde CITIFACE o

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

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

Si se trata de un blog, el sitio bien puede tener una sola página, donde se exponen todas y cada una de 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 captura de suscriptores o compras).

También mencionar la proliferación de un
nuevo modelo de páginas web basados en una 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 en tanto que no hay páginas auxiliares que ayuden a ello.

Ahora bien, en este blog post charlamos de una web, no de un weblog únicamente, 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 sobrepasarnos 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: localizar una solución, un precio, contactar con nosotros, solucionar 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 lugar, 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 web conste de un número mayor de 10 o 12 páginas, incluyendo la página de comienzo, la de contacto y el weblog, que también debe ser parte de la estructura y de la web.

Niveles de estructura de un lugar web

Además de lo anterior, es aconsejable que, en caso de tener muchas páginas, ciertas menos esenciales vayan en un nivel inferior de la jerarquía. No abusar tampoco de demasiados niveles inferiores. Recomiendo 2 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. Esto es, en lugar de algo así:

Mejor algo así:

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

Primero vamos a ver
cómo fijar la estructurade un sitio web casi 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 web) conceptualmente porque sin ello es imposible crear una buena estructura después. Sería como empezar a edificar una vivienda sin saber qué tipo será, si un chalé, un castillo o bien una granja, sin saber qué tipos de materiales deseamos utilizar, sin saber el número de habitaciones, etc. (Aunque, 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 el propósito que pretendo cumplir con este diseño web?

Identifica esto muy bien y de forma clarísima, pues
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, tratándose de negocios online, no sé por qué, la gente se hace pajas mentales con este tema y considera que su objetivo es tener miles y miles de visitas, o bien posicionarse en el número 1 de Google. Sí, eso está muy bien, mas
PARA QUÉ. ¡Pues para vender zapatos! Bueno, puesto que esta cosa que parece tan simple, mucha gente no la coge.

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

Otro de soporte tecnico wordpress 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 la capital española o bien en el Pº de Gracia de Barcelona, que tenerla en un sitio por donde no pasa absolutamente nadie, ¿verdad?

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

En el próximo blog post te explico más sobreporque no es fácil, pero sí es posible hacerlo.

Además de identificar tu nicho de mercado, también es importante que hagas un ejercicio de reflexión sobre
qué tienes tú o bien tu producto o bien tu servicio que te haga diferentedel resto: ¿por qué habría yo de escogerte 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. Parecen dos cosas iguales, mas no lo son.

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

Quizá, antes de hacer esos ejercicios, pensabas que tu palabra clave principal era
calzadoo
tienda de zapatos onlinepor poner unos ejemplos. Mas probablemente cuando hagas el ejercicio pensarás diferente. 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 conlleva 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 de mercado (claro, lo he hecho en dos segundos, ¡no me demandes 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 utilizar. Las
palabras clave son el comestible del que se nutretu blog y tu web. Debes tenerlas claras.

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

¿Necesitas ayuda para hacer lo anterior?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 sitio web

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

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

1. Coge papel y un boli.


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


3. 
   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 continuar con el tema del calzado. A ver qué tal se me da.


4. Primero escribiría una
   introducción, donde explicaría de qué va el libro en general. También puede ser tomado como una suerte de resumen o bien 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 no.
   Es lo más importantey lo que decidirá que prosigan leyendo o dejen el libro donde estaba. Esta intro será tu página de comienzo.


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


6. Ahora debo pensar si hay a su vez
   otros temas importantesque deseo mencionar dentro de 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 charlar sobre
   calzado deportivo, calzado de seguridad y calzado anatómico, que son en los que yo me especializo. En
   diferencias de calzado en hombres y mujeres,tampoco deseo especificar, así que no hay nada debajo. En
   marcas españolas de calzadoquizá me interese hablar de marcas internacionales o no. Pongamos que deseo charlar 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 las clases que he mentado bajo el epígrafe de
   tipos de calzado.
   


7. 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 lugar web. Quedaría más o bien menos así (he abreviado títulos en la imagen, pero 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 web. Si trabajas con WP, que es la que recomiendo y con la única que trabajo yo, sencillamente 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 labor de la estructura de un sitio web.

Paso 2: Hacer estructura de un sitio afable para SEO

2.1. URLs amigables para la estructura de un sitio web

En realidad, esto en Wordpress es muy fácil. Si usas otro tipo de CMS (gestor de contenidos) o estás haciendo una web adaptada en HTML, lee esto también, porque te servirá igual.

Al crear las páginas de tu web, lo que estás creando son diferentes
URLs o “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 toda circunstancia con el http:// delante, claro).

Detrás de la barra/, no obstante, necesitamos
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 porque 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 dirección única) sea:

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

Parece lógico, ¿verdad? Bueno, pues esto
no ocurre así por defecto. Ni siquiera en WP. 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., tendrás que consultar cómo hacerlo.

En Wordpress es muy fácil mudar estopara que las URLs se conviertan a amigables por defecto y para siempre. Tendrás que entrar en tu escritorio de Wordpress, ir a
Ajustes>Enlaces Permanentesy seleccionar 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á. Desde este momento, toda vez que crees una nueva página o entrada (artículo), Wordpress trasladará todas y cada una de las palabras del título de tu página a su URL de manera directa. (Recomiendo suprimir palabras que no añaden información como
a, de, del, la, las, los, etc.).

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

Parece algo obvio, mas para mucha 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 en general no incluyen las palabras clave, como
contacto,
blogo
quiénes somos. Mas ¿y las otras?
Servicios,
tienda, y cosas así pueden ser más amigables, como lo hemos hecho arriba.

Yo
incluso a vecesen las webs de mis clientes del servicio pongo, en lugar de
quién soy, un título de página que incluye la palabra clave, como:
tu coach. O bien 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, por lo menos en Wordpress).

Lo mismo ocurre con los títulos de tus entradas del blog (posts). Aunque
tengas la tentaciónde escribir un título excelente que se te ha ocurrido, mas no debe ver con ninguna de tus palabras clave, procura darle la vuelta para que así sea.

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

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

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

Los links internos son
el colofón para hacer una estructura casi perfecta. La 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 links. Se trata de conectar todas y cada una de las páginas entre sí de manera que
mejore la navegabilidad y la experiencia del usuario, esto es, la usabilidad.

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

1. Lo dicho, ponérselo a huevo al usuario. Orientarle o seducirle, en dependencia del caso, poniéndole ciertos links y llamadas a la acción.


2. Que Google sea capaz de rastrear todas las páginas de nuestra página 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 a este respecto, así que no me entretengo más aquí. Uno de los posts de más éxito sobre ellos esy, como es lógico, elinteligente.

Yo he venido a hablar de mi libro, oiga

Como añadido en la usabilidad y la estructura de un sitio web, quiero hablar 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, bastante gente comete el fallo de ponerla de las primeras en el menú de navegación. Veo a diario sitios web 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, salvo 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 resolver su inconveniente o necesidad, cuanto antes.

Otro fallo, generalmente 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 fallo.

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 previamente algo que “le ha hecho tilín”. Entonces sí, el tren de pensamiento puede resultar en un “
A ver, quién esta clase o bien esta empresa, si hay opiniones de clientes”, etcétera Mas para eso, tienes que haberle interesado por otra parte
más enfocado en su problema o bien consulta.

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

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

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

Aunque te parezca un artículo largo, esto es
solamente la base para crear una estructura de un sitio 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.