Dentro de los distintos servicios que puedes ofrecer como diseñador gráfico, el diseño de páginas web es uno de ellos. Sin embargo, para hacerlo bien, antes debes conocer cuáles son las partes de una página web.
En este artículo vamos a enseñarte todo lo que debes saber sobre las webs centrándonos en los elementos que la componen para que puedas trabajar de manera segura si algún cliente te pide que le diseñes una web.
Cuáles son las partes de una página web
Empezamos por lo más fácil y es hablarte de las partes de una página web, o lo que es lo mismo, de la estructura. Y si eres muy curioso y navegas mucho por Internet te habrás dado cuenta que hay muchos tipos de páginas, y unas utilizan una estructura y otras otra.
Por eso, hay que tener en cuenta que, dependiendo de la estructura o de la distribución del contenido, vas a tener distintas partes de una página web. Espera, lo explicamos mejor.
Cuando una página está enfocada a la estructura web, las partes que la componen son:
- Cabecera (o más conocida como header).
- Cuerpo (o más conocido como body).
- Pie de página (o footer).
Principalmente esta estructura es la que llevan páginas de blogs o similares, ya que se van actualizando y saliendo esas noticias en la página principal.
Ahora bien, la gran mayoría de webs de empresas, tiendas online, etc. son diferentes y se basan en una distribución del contenido. En este caso, podemos tener como partes de una página web las siguientes:
- Inicio (sería la home de la página).
- Productos y/o servicios (categorías de productos o de servicios, cada una con su página aparte).
- Blog (donde se tienen los artículos o actualizaciones que se van dando en la página).
- Contacto.
- Política de privacidad, cookies, aviso legal…
En cada una de ellas lo que habría que poner sería diferente, por eso conviene que partamos de ahí.
Qué partes de una página web componen una web basada en la estructura
Vamos con el primer caso, una web enfocada a la estructura, y que se compone de:
- Cabecera.
- Cuerpo.
- Pie de página.
Cabecera
La cabecera, o header, es la parte superior de una página, lo que se ve al principio de entrar en ella y, por ende, es donde vamos a encontrar el nombre de la página (empresa, marca, servicio…). En todas las páginas de esa web va a repetirse, porque es, digamos, la cabecera universal para toda la web.
¿Y qué elementos lleva? Pues los que se suelen poner son los siguientes:
- Logo del sitio. A veces, en lugar del logo se deja solo un texto. O se pueden poner ambas cosas.
- Descripción de la web. Sobre todo en blogs, es una pequeña descripción de lo que hace la web (a qué se dedica, para qué ha nacido…). Esto cada vez es más habitual que se esconda.
- Menú de navegación. Por ejemplo si quieres que vayan a la página de contactos, a una categoría concreta…
- Cuadro de búsqueda. Esto es más opcional, pero es un buscador que se pone para que las personas puedan buscar por palabras clave aquello que pueda estar en la web.
Dependiendo de para qué sea la página podrás usar más elementos o menos, pero básicamente los mínimos están ahí.
Cuerpo
El cuerpo, o body podríamos decir que es la parte más importante de una web, porque es donde va a estar el contenido principal de esta.
Aquí no hay una guía para que puedas saber qué debe haber, porque cada web es diferente y tu cliente puede querer muchas cosas en ella o muy pocas. A, lo mejor con una columna a la derecha, otro con dos columnas, y otro no quiere columnas.
A eso hay que añadirle el hecho de que cada página de la web será diferente entre sí. Por ejemplo, el inicio de tu web no tendrá nada que ver con la página de contacto. O con la página del sobre mí (o sobre la empresa).
Dependiendo de la página en la que te centres (dentro de una web) tendrás que poner un contenido u otro. Pero, en casi todos ellos suele haber texto + imagen o vídeo. A veces, sobre todo en contacto y sobre mí puede haber iconos hacia las redes sociales (o bien estos estar puestos en la cabecera o en el footer).
Pie de página
Por último, en este caso tenemos que hablarte del pie o footer. Es la parte que da punto final a la web y está en la parte inferior de esta.
Se repite, como pasa con la cabecera, en todas las páginas de la web y suele llevar el mismo contenido en todas. ¿Cuál? Pues pueden ser los botones de redes sociales, información de contacto, enlaces a aviso legal, cookies, política de privacidad…; menú de páginas (enlaces a otras webs internas o externas).
Qué partes de una página web componen una web basada en el contenido
Ahora que has visto las partes de una página web según su estructura, nos falta que veas de qué se compone si nos basamos en el contenido de la web.
En este caso, tenemos:
- Inicio (o home).
- Productos y/o servicios.
- Blog
- Contacto.
- Política de privacidad, cookies, aviso legal…
Inicio
Más conocida también como home, es la página principal de tu web, aquella a la que llegan los usuarios cuando pinchan en algún buscador o ponen la url de tu web. Esta es la más importante de todas porque podrías verla como «la primera impresión» que los usuarios van a tener de ti.
Esta suele tener una cabecera que se repite en todas las webs del sitio, así como el cuerpo y el footer. Pero además de todo eso, puede tener otras partes como:
- Llamadas a la acción: cuando se quiere que el usuario haga algo (ir a otra web, pagar un producto, suscribirse, etc.).
- Presentar productos o servicios (bien con texto, imagen, ambos, etc.).
- Hacer ofertas (o eventos especiales con descuentos).
- Poner testimonios para aumentar la reputación y que lo veas como un buen profesional o empresa.
Productos y/o servicios
Son páginas que se crean en la web para aportar más información acerca de los productos o servicios que vendes, para que aquellos que están interesados puedan conocer más a fondo lo que haces, cómo lo haces y, si les interesa, se pongan en contacto contigo. Por eso, al final de ellas siempre suele haber una llamada a la acción.
También aquí podemos hablarte de la página Sobre mí, donde se cuenta quién eres y lo que puedes hacer por ese cliente que ha llegado hasta ti. Al final, se pondría una llamada a la acción.
Blog
Esta es un enlace que nos lleva al blog de esa web. Y ojo, porque aquí sí que puede cambiar la cabecera, cuerpo y footer de esta. Y es que se convierte casi como en una web totalmente diferente (otras veces no) para que pueda verse que la función de esta es aportar contenido habitual sobre el sector de la empresa o marca para mejorar el posicionamiento orgánico.
Contacto
En esta página no vas a encontrar lo mismo que en las anteriores, sino que tendrá su cabecera, cuerpo y footer y solo en el cuerpo tendrás los datos de contacto de la persona o empresa, un formulario de contacto (opcional) y un mapa para ubicar dónde están (también opcional).
Política de privacidad, cookies, aviso legal…
En definitiva, hablamos de páginas que deben cumplir con la legalidad en España. Estas suelen estar en el footer como enlaces pero no sirven para nada más (aunque son obligatorias hoy día).
¿Te queda alguna duda sobre las partes de una página web?