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 la distribución de los contenidos (páginas) en el 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 la 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, por ejemplo:
- 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 tiende a aparecer en todas las páginas web.
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
2. Cuerpo o body (en inglés)
El cuerpo de una página web se encuentra entre el header y el footer, su función es contener información importante del sitio. 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
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
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
Ejemplo de las partes de una página web
El color rojo marca la cabecera, el color morado marca el cuerpo y el color verde marca el pie de página.
Partes de la página web en función al contenido y su distribución
1. Homepage o página de inicio
La homepage es 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
Temas que te podrían interesar leer
Aprende el paso a paso para crear un sitio web aquí
¿Qué es el título de una página web?
¿Cómo un sitio web organiza y distribuye la información?
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:
- Formulario de suscripción, se lo coloca en el blog para conseguir suscriptores y potenciales clientes.
- 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.
- Botones de redes sociales, se muestran al inicio o al final para que los lectores compartan los artículos.
Las partes principales de un blog son:
- Encabezado
- Barra lateral
- Columna principal
- Pie de página
Mira un ejemplo de blog: Inboundcycle
5. Quiénes somos
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 que 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 weblog 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?
Conclusión
Conocer las partes de una página web es importante porque permite saber qué elementos se incluye en cada una. Así que con ese conocimiento adquirido es momento de que empieces a trabajar.
Posts que te recomiendo leer:
Todavía te preguntas: ¿Qué partes tiene una página web? Déjame un comentario en este momento
Sobre el autor
- Fundador y redactor de contenidos en Pleybast. Apasionado por el mundo de los sitios web.