Estructura de un sitio web
1. Header o encabezado
Es la cabecera del sitio web, su función es ayudar en la navegación de la
página al usuario, en él pueden habitar diferentes elementos, los más comunes
son: Logo, menú de navegación, botón de búsqueda, cóntacto.
Menú: Listado de elementos que facilitan la
Logo: Tu identidad de marca y navegación al usuario dentro del sitio web,
del sitio web. normalmente son enlaces a otras páginas dentro
del sitio (Blog, contacto, acerca de la empresa etc...)
2. Footer o pie de página
Es el último bloque al final de la página, su función es darle un cierre al sitio
agregando elementos relevantes a destacar (Páginas, botones de acción,
redes sociales, contacto y las politicas de la página).
Enlaces relevantes: Puedes agregar Redes sociales: Puedes agregar
enlaces adicionales que consideres botones a tus redes sociales o
importante o incluso botones. contacto directo hacia whatsapp.
Creditos o info del creador: Aquí va la Políticas del sitio: son las
información del propietario del sitio web. páginas legales del sitio web.
(Por lo general tanto el header como el footer son elementos que siempre
están fijos y presentes en todas las páginas del sitio web)
[Link]
3. Homepage o página de inicio
Es la página principal de tu sitio web, aquí vas a presentar de una manera
atractiva tu producto o los servicios que ofreces a través de diferentes bloques
interactivos. (Es importante que esta página tenga especial cuidado ya que es
lo primero que van a mirar tus visitantes) Debe tener botones, imagénes y
titulos llamativos.
Título y promesa: En el primer bloque o primera
sección de tu homepage debes dejar claro de
que va tu marca y que soluciones ofreces.
Enlaces internos: En el homepage podemos Esto es un bloque: Sección de contenido
destacar otras secciones internas de nuestro sitio donde se muestra algo especifico y se
web que pueden ser relevantes para el usuario, lo diferencia de los demás por medio de su
que buscamos es facilitar su navegación. estilo (Principalmente el color del fondo).
[Link]
Botones: Incluir botones
dinámicos te ayudará a aumentar Botón de Whatsapp: Herramienta para
la interacción con tu sitio web. ofrecerles un contacto directo y personalizado
ante cualquier duda o inquietud a los usuarios.
Vista previa: En tu homepage también puedes incluir vistas
previas de ciertas secciones o páginas especificas de tu sitio
web, por ejemplo los articulos más recientes de tu blog o tus
productos más vendidos.
[Link]
4. Páginas secundarias o complementarias
Son las páginas adicionales dentro de tu sitio que cumplen funciones
especificas, pueden ser informativas o accionables (Contacto, blog, acerca de
mi, tienda, etc...) y te permitirá organizar mejor tu sitio web.
Enlace: Una caracteristica de las
páginas secundarias es que el enlace
ya se personaliza con el nombre de la
página destino.
Páginas secundarias: Dentro de estas páginas
puedes tener multiples bloques e incluso enlaces
externos o internos a otras páginas.
Enlaces externos: Enlaces externos hacia redes
sociales o canales de youtube.
[Link]
5. Blog
El blog es un espacio dentro de nuestro sitio web diseñado para compartir
cualquier tipo de información relevante o relacionada a nuestro negocio, pueden
ser noticias, tutoriales, historias personales o lo que se te ocurra, es una manera
de compartir contenido de valor vía texto para tu audiencia. Los post o articulos
que compartes se les llaman “Entradas” e incluso puedes invitar más personas
como colaboradores que te ayuden a escribir el blog (No es obligatorio tenerlo).
Entradas: Son las publicaciones que
haces dentro de tu blog compartiendo
cualquier tipo de información de valor.
[Link]
5. Blog
Enlace: Enlace habitual para alojar el blog de
nuestro sitio web sería: [Link]/blog/
allí estarán todas las entradas organizadas.
Ruta de enlaces:
La ruta para los enlaces de las entradas normalmente es el siguiente
[Link]/nombre-de-la-entrada/
Pero también se pueden configurar estructuras más complejas y organizadas.
[Link]/blog/nombre-de-la-entrada/
¡Ahora es momento de definir
la estructura de tu sitio web!
[Link]
