Mejores prácticas de estructura del sitio web
Publicado: 2020-12-17Los sitios web son esencialmente recursos informativos publicados para que los utilicen las personas. Al igual que los libros, pueden ser pequeños o extensos en su volumen. Pero a diferencia de los libros, el contenido de un sitio web podría estructurarse de diversas formas, haciendo uso de la libertad de expresión y diseño.
Al mismo tiempo, los sitios web deben seguir las mejores prácticas de UX de la industria y los hábitos y expectativas de los usuarios, por lo que la libertad es bastante limitada. La estructura del sitio web es clave para la forma en que la audiencia objetivo accede y utiliza la información. Por lo tanto, debe construirse de acuerdo con una gran cantidad de reglas.
¿Por qué es importante la estructura del sitio web?
La estructura de un sitio web se refiere a cómo se construye el sitio, cómo todas las subpáginas individuales en él están vinculadas entre sí y qué jerarquía se sigue. Una buena estructura hará que la búsqueda de información sea intuitiva y fácil de usar.
Cuando los diseñadores crean una estructura de sitio, deben pensar en cómo los visitantes usarán un sitio web y navegarán por su contenido. El enfoque se desplaza de qué publicar a cómo y por qué .
La estructura del sitio web es un concepto fundamental desde tres puntos de vista principales: los objetivos del propietario de la empresa, las experiencias de los visitantes del sitio, quiénes se benefician de él y los motores de búsqueda que rastrean, clasifican y ofrecen contenido a los usuarios adecuados.
Cómo funciona la buena estructura del sitio web
Cuando la información de un sitio web está bien estructurada y está respaldada por un diseño relevante, todos están contentos: el propietario del sitio, los usuarios y los motores de búsqueda.
Así es como funciona una buena estructura:
Apoya los objetivos del propietario de la empresa e impulsa los resultados esperados
Cuando invierte en un sitio web, debe establecer objetivos claros para su rendimiento. Estos objetivos deben estar integrados y expresados por la estructura del sitio.
Por ejemplo, si desea centrarse en el blog y los recursos publicados, debe incluir los mejores artículos en la página de inicio y destacar las secciones de recursos en el menú. También puede decidir configurar la página de inicio para que se abra en las últimas publicaciones de blog, que es una opción típica de WordPress, utilizada por editores digitales y blogueros.
Panel de administración de WordPress, configuración de lectura: elección de la página de inicio como página estática y página de blog
Mejora la experiencia del usuario
La estructura del sitio web influye mucho en la experiencia del usuario de un sitio web. Cuando la información está estructurada de forma lógica y todo es accesible de forma intuitiva, los usuarios se mueven sin problemas por el contenido para encontrar y utilizar lo que buscan.
Mejora su SEO optimizando los rastreos de robots
Los motores de búsqueda (Google) operan con herramientas que rastrean el contenido del sitio y lo clasifican para los usuarios. Los sitios web compatibles con rastreadores tienen una buena estructura y, por lo tanto, están mejor clasificados por los motores.
XX Mejores prácticas de estructura del sitio web
Sin una visión clara de cómo planificar un sitio web y construir su estructura, no es posible hacer diseño y desarrollo web.
Las siguientes buenas prácticas incluyen las perspectivas y los beneficios descritos anteriormente al abordar la planificación del sitio web.
Consejos de diseño de sitios web: cómo mejorar su juego en el diseño web
1. Establezca sus objetivos comerciales y audiencias objetivo
Su sitio web es un instrumento al servicio de su negocio. Planificar qué información publicará en él y con qué frecuencia lo actualizará es fundamental para la estructura de su sitio web. Debe decidir qué productos o servicios presentará y venderá en el sitio.
Según sus metas y objetivos de comunicación, puede elegir entre dos enfoques básicos:
- Diseño centrado en el usuario : donde toda la información se categoriza y estructura para sus grupos de usuarios objetivo. Este enfoque es imprescindible para grandes empresas como telecomunicaciones o instituciones, que atienden a millones de personas, donde los usuarios necesitan encontrar su propia categoría y la información, adaptada a sus necesidades.
ATT.com se abre directamente en la sección "Personal", pero también tiene una para pequeñas empresas y empresas; en esta imagen - la sección Enterprise seleccionada
Leer más: Infografía: Cómo desarrollar conceptos de WordPress centrados en el usuario
- Diseño centrado en la empresa o el producto : estos sitios web están diseñados para presentar al propietario de la empresa y / o sus productos. También pueden incluir secciones y páginas, dirigidas a grupos particulares de usuarios, pero la marca sigue siendo el foco principal.
La estructura del sitio web IMDB.com se centra en la producción: películas, programas de televisión y celebridades.
2. Haga una investigación de la competencia
Al diseñar su sitio web, existen varias razones para investigar a los competidores. Uno de ellos es inspeccionar cómo están estructurados sus sitios.
Cuando la estructura del sitio es el foco, es posible que desee investigar el diseño de la página de inicio de sus competidores, cómo agrupan y presentan sus servicios, cuál es la jerarquía de las páginas internas, cómo se organiza la navegación y cuál es el flujo de comportamiento del usuario.
Desde una perspectiva de SEO, la investigación de la competencia lo ayudará a descubrir qué palabras clave relacionadas con la industria usar para los nombres de las páginas principales y las URL, categorías, secciones y navegación de su propio sitio.
Cómo utilizar la investigación de la competencia para pulir su estrategia de marketing
3.Haga un inventario de todo su contenido
Para poder estructurar su contenido, primero debe describir lo que desea publicar en el sitio. Cuando tenga todo por ahí, solo es cuestión de agruparlo en categorías y seleccionar las etiquetas adecuadas.
Si se trata de un sitio web nuevo, puede hacer una lista de lo que necesita publicar en él. No olvide agregar una nota de quién será el responsable de la producción del contenido y con qué frecuencia se creará y actualizará.
Al rediseñar un sitio, la auditoría de su contenido también es uno de los primeros pasos a seguir.
Cómo realizar el rediseño de un sitio web con un enfoque centrado en el contenido
4. Decidir los tipos de publicaciones
Tipos de publicaciones es un término que se usa para referirse a diferentes tipos de contenido del sitio de WordPress. Cada tipo de publicación generalmente se asocia con un diseño de página, campos personalizados y funcionalidades diferentes.
DevriX está utilizando un tipo de publicación de cartera para publicar estudios de casos para clientes
De forma predeterminada, WordPress tiene dos tipos de publicaciones principales, páginas y publicaciones, que provienen de cuando el CMS era únicamente una plataforma de blogs, donde los blogs debían tener varias páginas "estáticas" para el contenido más permanente y publicaciones de blog para noticias y actualizaciones.
Cualquiera que sea el propósito de su sitio web, deberá hacer uso de estos dos tipos básicos de publicaciones. Entonces, después de haber recopilado y descrito todo el contenido que desea y necesita publicar en su sitio, divídalo en dos tipos:
- Para las páginas: la parte más permanente, conservadora o siempre verde, donde la información no cambiará regularmente, como lo que hace, cuáles son sus servicios principales y por qué está en el negocio; la mayoría no es urgente.
- Para publicaciones : la parte dinámica como noticias, publicaciones de blogs, informes técnicos, investigaciones, etc. o cualquier contenido que incluya información actual y que se producirá continuamente en el futuro.
Puede descubrir que necesita más tipos de publicaciones como carteras, testimonios, proyectos . La buena noticia es que hay varios complementos para crear tipos de publicaciones personalizadas en WordPress y algunos temas incluyen una variedad. Además, en las versiones posteriores, WordPress ha habilitado el registro de tipos de publicaciones personalizadas.
Cuando haya finalizado la selección del tipo de publicación que necesita, será mucho más fácil estructurar su sitio para incluirlos.
Páginas de WordPress frente a publicaciones de WordPress, Common Sense y SEO
5. Cree un recorrido del comprador y casos de uso
El viaje del comprador en un sitio web es el proceso que atraviesan los usuarios desde su primera visita hasta el momento en que compran un producto o servicio en el sitio. La estructura del sitio web debe basarse en este proceso de compra y así facilitar a los usuarios encontrar lo que necesitan y pasar a la siguiente etapa.
La ruta de conversión: defina el recorrido del usuario en su sitio web
Los casos de uso son un concepto fundamental en la usabilidad. Son descripciones escritas de cómo los visitantes utilizarán su sitio web. Para describir cada caso de uso, debe enumerar una secuencia de pasos simples, basados en la intención del usuario y que finalizan cuando se alcanza el objetivo.
Al decidir la estructura del sitio, debe anotar los casos de uso para todos sus grupos objetivo. Eso le dará una visión clara del comportamiento del usuario en su sitio para que su estructura pueda respaldarlo. Esta es también la mejor manera de planificar las funcionalidades de su sitio.
El sitio web de MVP: todo lo que necesita saber + infografía
6. Realice la investigación de palabras clave primarias
Después de crear el sitio web, podrá agregarle todo el contenido que desee.
Pero en el proceso de planificar el sitio, o rediseñarlo, es de suma importancia que la estructura del sitio web se construya utilizando las palabras clave más significativas y relevantes para las que desea clasificar.
¿Va a llamar a sus servicios “Productos” o “Soluciones”? ¿Necesitas una sección de “Marcas” en tu tienda online?
Asegúrese de incluir los términos más populares relacionados con lo que hace. Utilice palabras y expresiones que serán el núcleo de su estrategia de marketing SEO en los próximos años.
Hay muchas herramientas, tanto gratuitas como de pago, y tutoriales sobre cómo realizar la investigación de palabras clave principal para un sitio web. Combínelos sabiamente y comience con las opciones más sensatas.
Investigación de palabras clave para SEO bien hecha
7.Haz uso de taxonomías
La taxonomía es un sistema que se utiliza para clasificar el contenido publicado. Es la estrategia para agregar etiquetas y términos descriptivos a lo que publica. Las taxonomías se utilizan para agrupar tipos similares de contenido y definir las relaciones y similitudes entre estos grupos.
En WordPress, las taxonomías se agregan a los tipos de publicaciones. Hay categorías , que pueden ser jerárquicas, y etiquetas , que son etiquetas independientes. Crean un sistema de clasificación para los tipos de publicaciones que facilita a los usuarios encontrar el contenido que buscan.
Publicar categorías en el sitio DevriX
Los motores de búsqueda también utilizan taxonomías, ya que ayudan a clasificar y clasificar el contenido de forma relevante. Una vez que haya finalizado las palabras clave para las que desea clasificar y los tipos de publicaciones que las utilizarán, simplemente debe agregar las palabras clave seleccionadas como sus taxonomías: categorías y etiquetas.
Con WordPress, las taxonomías no son obligatorias. Pero se pueden agregar a los menús del sitio, por lo que están estrechamente asociados con la estructura del sitio. Por ejemplo, el blog de DevriX tiene un submenú para artículos, basado en 3 categorías principales: Negocios, Marketing y Desarrollo:
8. Crea una navegación simple y lógica
La estructura del sitio web se visualiza en su diseño principalmente por el menú. Las prioridades de su negocio deben implementarse en la estructura del menú y presentar su mejor contenido.
Las páginas y categorías incluidas en los menús pueden tener subordinadas o crearse iguales, sin jerarquías. El número de enlaces en cada nivel se denomina amplitud del menú y el número de niveles se denomina profundidad del menú.
Cuando se trata de la amplitud y profundidad del menú, hay algunas reglas simples a seguir.
- No utilice muchas categorías horizontales : elija entre 7 y 8 como máximo;
- No lo hagas demasiado profundo : la subordinación no debe descender por más de 3 niveles
- Manténgalo simétrico y equilibrado : si hay demasiadas subpáginas en una sección y solo un par en otra, toda la estructura podría estar mal.
Un sitio web comercial típico debe utilizar una navegación simple y predecible, ubicada en un lugar estándar. En un sitio web de WordPress, algunos temas permiten dos o más ubicaciones de menú , con la opción de elegir diferentes páginas y enlaces para cada uno de ellos. Se recomienda agregar un menú en el pie de página del sitio y mantener la navegación de la barra lateral separada.
Las opciones del menú de edición de WordPress pueden incluir páginas, publicaciones, otros tipos de publicaciones, enlaces personalizados, categorías
9. Decidir sobre la estructura de URL y los enlaces permanentes del sitio web
La estructura de la URL con WordPress está predefinida en la configuración.
Una vez que haya realizado bien la investigación de palabras clave, creado taxonomías y decidido la jerarquía del menú, será fácil finalizar los enlaces permanentes. Sus palabras clave y taxonomías más importantes deben ir a las URL para fortalecerlas para el SEO.
Estas son algunas buenas prácticas para la estructura de URL en un sitio web de WordPress:
- Use una estructura de enlace permanente que combine el nombre de la publicación con el dominio de esta manera: https://yourwebsite.com/ post-name
- De forma predeterminada, WordPress creará un enlace permanente para sus páginas y publicaciones, incluidas todas las palabras de sus títulos. Sin embargo, estos pueden ser demasiado largos y contener palabras sin importancia, así que edítelos.
- Para clasificar mejor sus páginas en Google, mantenga los enlaces permanentes de aproximadamente 60 caracteres de longitud.
- Siempre que sea posible, cree URL más cortas manteniendo las palabras clave más importantes del título, lo que también ayuda a los motores de búsqueda a indexar sus páginas.
- Elimine todas las palabras vacías como conjunciones y pronombres.
- Use guiones para separar las palabras en los enlaces permanentes para ayudar tanto a los usuarios como a los motores de búsqueda a ver de qué se trata la página.
Enlaces permanentes / estructura de URL en las opciones de WordPress: el tipo de nombre de publicación suele ser el más preferido, ya que incluye palabras clave
10. Agregue un mapa del sitio para el sitio web
El mapa del sitio de su sitio es un archivo que incluye todas las páginas de su sitio web y los medios publicados y muestra cómo están interrelacionados. Sirve a Google y otros motores de búsqueda como una hoja de ruta a través de su contenido y les ayuda a rastrearlo y categorizarlo de manera más rápida e inteligente.
No es obligatorio tener el mapa del sitio, pero es muy recomendable, especialmente para sitios complejos. El archivo también debe generarse y actualizarse automáticamente.
Existen muchas herramientas para ayudarlo a crear y agregar un mapa del sitio a su sitio de WordPress, incluidos los complementos. Sin embargo, con la última versión de WordPress 5.5. Los mapas de sitio XML están habilitados de forma predeterminada y los usuarios también pueden verlos.
Si tiene alguna duda sobre la estructura de su sitio y lo que ven tanto los motores de búsqueda como las personas mientras navegan por él, consulte su mapa del sitio.
El mapa del sitio de ATT.com: creado como una página interna para que coincida con el diseño
Planificación de la jerarquía de su sitio web
Una vez que haya completado todas las tareas anteriores, finalizar la estructura del sitio será fácil y rápido. A continuación, se muestran algunos tipos genéricos de estructuras de sitios que debe considerar cuando realice su elección final:
Un sitio web jerárquico significa que algunas páginas están subordinadas a otras y la estructura se asemeja a un árbol. En un sitio web típico, la página de inicio está en la parte superior. Desde allí, navega a otras páginas en el menú principal que además pueden tener subpáginas.
Una estructura de sitio web no jerárquica significa que no hay páginas subordinadas. Cuando no hay mucho contenido y solo varias páginas, se pueden crear todas iguales y mostrarse horizontalmente en el menú principal.
Ejemplo de un sitio web sin jerarquía - Agencia Nika - aunque este sitio tiene una sección de portafolio, las páginas de proyectos no son subpáginas, por ejemplo https://nika.agency/ apothe-pure-details .html
Los sitios web de una sola página son otro buen ejemplo de estructuras sin jerarquía. No hay páginas padre / hijo simplemente porque todo está publicado en una página. El diseño de una sola página es una buena solución para sitios web de eventos y promociones con una vida corta, páginas teaser o un negocio que necesita una representación muy breve similar a una tarjeta de presentación.
GlobeKit es un sitio web de un solo servicio que permite a los desarrolladores llevar rápidamente globos animados e interactivos a la web. Consta de 6 secciones, todas ellas ubicadas en la página de inicio con navegación animada interactiva (scroll).
Hay tipos menos populares de estructuras de sitios web, como el secuencial, el matriz y la base de datos. Como habrás adivinado por sus nombres
- el modelo secuencial involucra a los usuarios en una secuencia de pasos
- Matrix permite a los usuarios elegir su propia forma de navegar por el contenido del sitio.
- la base de datos se basa en una base de datos y utiliza sus atributos para buscar y producir la experiencia del usuario.
Pensamientos finales
La estructura genérica de un sitio web empresarial debe ser limpia, simple y lógica. El diseño de la estructura es un proceso fundamental en el diseño y desarrollo de sitios web. Seguir las buenas prácticas mencionadas anteriormente le ayudará a garantizar que tenga en cuenta todos los factores importantes para que la estructura de su sitio sea relevante para sus objetivos comerciales y grupos objetivo.
Rossie Vicheva
Autor invitado