Todas las partes de una página web: Estructura y contenido [Ejemplos]

Partes de una página web

El nombre de las partes de una página web son: cabecera (header), cuerpo (body) y pie de página (footer), que vendría siendo la estructura web básicamente.

También se le ha denominado con menos frecuencia a partes de una página web a las secciones que componen un sitio.

En este caso, el nombre de las «partes de una página web» son:

  • Homepage o página de Inicio
  • Contacto
  • Productos o servicios
  • Blog
  • Quiénes somos
  • Legales

Abordaré en este artículo a los dos casos dominando al primero como partes de una página web basándose en la estructura y al segundo en función al contenido y su distribución.

¡Acompáñame!

Partes de una página web basándose en la estructura


Las esenciales, básicas y verdaderas partes de una página web son las siguientes:

1. Cabecera o header (en inglés)

La cabecera es la parte de arriba de una página web, su función es mostrar información del sitio web. Se lo sabe distinguir por ser una franja que ocupa todo el ancho del sitio.

Aparte de la información también se ven otros elementos como los siguientes:

  • Buscador, para que al usuario se le facilita encontrar una página específica
  • Logo y eslogan, forman parte de la imagen y transmiten lo que es la marca
  • Redes sociales, son vistas pocas veces en esta zona
  • Carrito de compras, en tiendas online se usa para facilitar la compra de un producto

Cabe mencionar que la cabecera aparece en todas las páginas web, o bueno, ignorando a las landing page.

En las páginas de aterrizaje, se tiene el objetivo claro: convertir al usuario. Para hacerlo, no se agrega una cabecera porque puede desviar fácilmente su atención.

Las etiquetas HTML de la cabecera son: <header>En este lugar el contenido de la cabecera</header>

Ejemplo de la parte de una página web header

La cabecera es parte o estructura de una pagina web
Imagen extraída de: Hostinger

2. Cuerpo o body (en inglés)

El cuerpo es la parte que se encuentra en el header y el footer, su función es contener toda la información más importante del sitio web. En este largo y ancho espacio se encuentran varios elementos. Algunos son:

  • Texto
  • Imágenes
  • Videos
  • Audios
  • Enlaces, etc.

El cuerpo o body es diferente en cada página.

En el caso de los blogs lo común es ver dos columnas en sus páginas, una columna (que ocupa gran parte del espacio) es netamente contenido y la otra es para publicidad o cosas por el estilo.

Las etiquetas HTML del cuerpo son: <body>En este lugar el contenido del cuerpo</body>

Ejemplo de la parte de una página web body

El cuerpo es parte o estructura de una pagina web
Imagen extraída de: Hostinger

3. Pie de página o footer (en inglés)

El pie de página es la parte baja de una web, su función es exponer elementos e informaciones restantes del sitio. Algunos son:

  • Soporte
  • Recursos
  • Copyright
  • Mapa del sitio web
  • Botones de redes sociales
  • Formulario de suscripción

Tanto el footer como la cabecera aparecen en todas las páginas web.

Destacó que la parte inferior de la página no se debe infravalorar y, al contrario, aprovecharla para compartir información que no se halla en el lugar superior.

Las etiquetas HTML del pie de página son: <footer>En este lugar el contenido del pie de página</footer>

Ejemplo de la parte de una página web footer

El footer es parte o estructura de una pagina web
Imagen extraída de: Hostinger

Ejemplo de las partes de una página web


ejemplo de las partes de una pagina web
Imagen extraída de: MNG

El color rojo marca la cabecera, el color morado marca el cuerpo y el color verde marca el pie de página.

Partes de una página web en función al contenido y su distribución


En este caso, la correcta manera de decirlo sería secciones que componen un sitio web, pero como te mencioné, se suele asociarlo con las partes de una página web.

Solo para que quede bien claro el tema definiré cada aspecto.

1. Homepage o página de Inicio

La homepage es la sección principal, es decir, el punto de inicio de un sitio web. En este espacio se debe añadir toda la información más relevante del negocio para que los visitantes comprendan qué se ofrece y por qué se es la mejor opción.

Son muchos los elementos que puedes encontrar en una homepage, algunos de ellos son:

  • Chatbots
  • Llamados a la acción (CTA)
  • Banners publicitarios
  • Últimos artículos del blog.

En tanto ha contenido como tal podrás ver:

  • Ofertas
  • Testimonios
  • Beneficios del producto/servicio
  • Características del producto/servicio
  • Imágenes de alta calidad

Dependiendo del tipo de sitio web observarás distintas cosas, por ejemplo, en la homepage de un noticiero, por lo general, solamente verás artículos, artículos y más artículos.

Mira un ejemplo de homepage: Siteground

2. Contacto

La sección de contacto es el espacio en donde se expone la información necesaria para que los visitantes, clientes y posibles compradores puedan contactar con el dueño del site.

Algunos elementos que se hallan son:

  • Formulario de contacto
  • Dirección de correo
  • Números de teléfono

En el caso de los negocios físicos, se agrega la dirección y los horarios en los que se atiende para que las personas visiten personalmente.

Por otro lado, en un blog, la mayoría de veces solo con dejar un formulario es más que suficiente.

Mira un ejemplo de página de contacto: Rock Content

3. Producto o servicio

La sección de producto o servicio sirve para exhibir los artículos y detalles sobre cada uno.

En este espacio lo ideal es mencionar:

  • Características de los productos
  • Beneficios de los productos
  • Precios de los productos

En fin.

Se debe agregar en esta parte web todo lo que sea necesario para que el visitante se convenza en que es una excelente opción y se convierta.

No olvides que todos los textos expuestos en esta página necesitan estar ajustados al lenguaje del cliente.

Mira un ejemplo de página de producto o servicio: De Prati

4. Blog

El blog es el espacio en donde se publica contenido acerca de la temática para atraer a visitantes cualificados.

Con la creación de un blog se puede conseguir un mejor posicionamiento en los motores de búsqueda como Google y aumentar las ventas de los productos.

Los elementos comunes de un blog son:

  1. Formulario de suscripción, se lo coloca en el blog para conseguir suscriptores y potenciales clientes.
  2. Barra de búsqueda, se inserta en los laterales o al final del blog para que los usuarios busquen un tema en particular de su interés.
  3. Botones de redes sociales, se muestran al inicio o al final para que los lectores compartan los artículos.

Las partes de un blog son:

  1. Encabezado
  2. Barra lateral
  3. Columna principal
  4. Pie de página

Mira un ejemplo de blog: Inboundcycle

5. Quiénes somos o sobre nosotros

La sección «quiénes somos» sirve para contar la historia del fundador o la del negocio junto a sus fundadores. Es de las partes web en la se genera confianza y hasta posibles alianzas con otras marcas.

Los elementos que suele contener son:

  • Visión, misión y valores
  • Referencia de los socios
  • Imágenes de los fundadores

En el caso de los sitios web blog se puede añadir al final de toda la historia las diferentes redes sociales para que los visitantes ingresen a ellas.

Mira un ejemplo de página quiénes somos: Rock Content Sobre Nosotros

6. Legales

Las páginas legales se integran obligatoriamente, ya que hacen al sitio web confiable y a la vez se cumple con la legalidad.

Dichas páginas son las siguientes:

  • Política de privacidad
  • Aviso legal
  • Cookies

Generalmente, este conjunto de páginas están agregadas en el footer, así que agrégalas ahí.

Si no deseas ponerlas en ese lugar, simplemente ten en cuenta que sean visibles y accesibles.

Ejemplo de páginas legales puedes ver en la parte baja de esta web

¿Cuáles son las partes de una página web?


¿Cuáles son las partes de una página web? Imagen

Conclusión

Conocer las partes de una página web es importante porque te permite saber qué elementos se incluye en cada una.

Eso sí, en este artículo he abordado como partes de una web a las secciones que componen un sitio para que no se me escape nada y te quede todo claro.

Todavía te preguntas: ¿Qué partes tiene una página web?

Posts que te recomiendo leer:

Sobre el autor
Publicaciones Relacionadas
Scroll to Top