Una serie de aspectos comunes de un buen diseño web hacen que los sitios web sean más fáciles y agradables de usar. Conocerlos te ayudará a entender por qué te gustan unos sitios web y por qué no te gustan otros, así como a saber qué quieres añadir a los tuyos.
Es importante señalar que se trata de frases estándar para distintas partes de un sitio web. Son muy comunes, sin embargo, otros pueden utilizar otra terminología.
Los elementos individuales de una página, para qué sirven y por qué los necesitas están cubiertos en este artículo sobre las diferentes partes de un sitio web.
¿Por qué es importante conocer las partes de un sitio web?
Comprender la anatomía de un sitio web te ayudará a diseñar un sitio visualmente atractivo que facilite a tus visitantes encontrar lo que buscan. Puede que no sepas nombrar las distintas partes de un sitio web, pero si has pasado más de cinco minutos en Internet, lo más probable es que las conozcas.
Cuando navegas por Internet, esperas que los sitios que visitas funcionen de una manera específica, al igual que la mayoría del mundo se lee de izquierda a derecha y de arriba a abajo. La información más relevante debe encontrarse en la parte superior, a la izquierda. La parte superior derecha es el siguiente lugar más crítico.
Los visitantes de tu sitio web esperan lo mismo. Por eso los diseños de las páginas web son similares de un sitio a otro, y por eso el diseño de tu sitio debe tener algunas características únicas. La anatomía de un sitio web se refiere al diseño general.
La anatomía fundamental de un sitio web
Algunas partes de un sitio son tan importantes para el diseño web que deben estar presentes en todos los sitios para que funcionen eficazmente. Estos componentes trabajarán juntos para construir la base de tu sitio web:
1. Encabezado
Imagen tomada de usuario de Strikingly
Es la parte de un sitio web que contiene el logotipo y, en la mayoría de los casos, el menú de navegación. La cabecera es el área en la parte superior de la página que permanece visible y constante mientras la gente navega por tu página.
Anteriormente, la cabecera se utilizaba para mostrar un banner o una imagen que promocionara la marca, similar a la foto de portada de una página de Facebook. Sin embargo, los sitios web de hoy en día son más simples, y la tendencia es que su logotipo y la navegación sean los únicos elementos en la cabecera.
2. Menú
Imagen tomada de usuario de Strikingly
El menú se presenta en forma de mapa de palabras. Explica cómo encontrar lo que buscan en tu web. El menú suele estar situado justo encima o debajo de la cabecera, pero también puede encontrarse de ambas formas.
El menú debe ser simple y sencillo. Esto puede requerir mucha reflexión y planificación a veces. En el menú, sólo deben figurar las categorías más significativas. Los visitantes esperan poder encontrar lo que buscan en esta parte del sitio web en tres clics o menos.
Puedes utilizar desplegables para que la navegación del menú sea sencilla. Cuando un lector mantiene el ratón sobre un elemento del menú, aparece una nueva lista para que pueda elegir.
3. Imágenes
Imagen tomada de usuario de Strikingly
Inmediatamente debajo del banner hay una imagen, una serie de fotos o, en raras ocasiones, un vídeo. La cabecera y la imagen principal conforman la sección superior de un sitio web, también conocida como "arriba del pliegue", y son cruciales para causar una fuerte primera impresión. La imagen destacada, en particular, tiene un impacto significativo en la permanencia de los consumidores en el sitio web o en su abandono a los pocos segundos. Teniendo esto en cuenta, este gráfico debe comunicar algo vital sobre tu negocio. Es fundamental que se conecte con el resto de tu web, tanto si contiene fotos de tus productos o servicios como si simplemente ofrece al usuario una idea de lo que es tu marca.
4. Contenido del sitio web
Imagen tomada de usuario de Strikingly
Es una de las partes de un sitio web más importantes. Las palabras publicadas en el sitio que explican de qué trata el mismo, lo que tiene que ofrecer y cómo los visitantes del sitio pueden beneficiarse de tus ofertas se denominan contenido. El material de un sitio web puede abarcar una amplia gama de temas. Por lo general, se refiere a los párrafos que explican el objetivo de la página, pero también puede referirse a una sola palabra en los botones.
Aunque el pequeño texto de los botones y los menús puede parecer menor, es la fuerza motriz de los sitios web. Es la información que explica lo que los visitantes del sitio pueden esperar cuando hacen clic en botones como "Comprar ahora" o " Carrito de compra". Tómate el tiempo de maquetar a fondo el contenido de tu web para que cualquier visitante pueda comprender tu marca tan bien como tú.
5. Barra lateral
Una barra lateral es una breve columna vertical que se extiende a lo largo del contenido de tu sitio web. En la barra lateral suelen aparecer anuncios, conexiones a otra información, llamadas a la acción y un cuadro de búsqueda. Considera la barra lateral como un complemento del contenido principal de tu sitio web.
En los últimos años, ha habido una tendencia en el diseño de sitios web a eliminar por completo la barra lateral y presentar su contenido en una sola columna de ancho completo. Eliminar la barra lateral tiene sentido para ciertos sitios, pero no para otros. La elección personal y/o si el estilo (barra lateral vs. sin barra lateral) ofrece una mejor experiencia de usuario o una mayor tasa de conversión son los factores decisivos.
6. Slider
Imagen tomada de usuario de Strikingly
Un slider es una de las partes de un sitio web que se utiliza para mostrar imágenes, como un pase de diapositivas donde las imágenes se deslizan de derecha a izquierda o viceversa. Los sliders pueden utilizarse en cualquier parte de un sitio web, pero lo más habitual es que se utilicen en las páginas de inicio para sustituir (o complementar) una imagen destacada.
Los sliders son cada vez menos populares a medida que los sitios web evolucionan y se presta más atención a la velocidad de carga de la página y a maximizar la experiencia del usuario en los dispositivos móviles. Los sliders son acaparadores de recursos y con frecuencia son poco más que un caramelo para la vista.
7. CTA (llamada a la acción)
Imagen tomada de usuario de Strikingly
Una llamada a la acción, o CTA, la más importante entre las partes de un sitio web, es un breve fragmento de texto que anima a los clientes a dar el siguiente paso con tu empresa y progresar en el embudo de ventas. Las CTA se encuentran a menudo en los botones e incluyen palabras como "Empieza ahora" o "Compra el tuyo". Este estilo de escritura instruye a los usuarios sobre cómo realizar una acción específica y cuando tocan un botón, saben qué esperar.
Los CTA son una parte crucial de un sitio web, ya que permiten a los usuarios utilizar o comprar un servicio o producto. Podrías experimentar menos ventas y una mayor tasa de clientes que abandonan tu sitio si no tienes estos botones.
8. Pie de página
Imagen tomada de usuario de Strikingly
Descrito de forma sencilla, un pie de página es la parte de un sitio web que aparece en la parte inferior de la página. Normalmente incluye un mapa del sitio con conexiones a todas las páginas de tu sitio web. Esto puede ayudar a los visitantes a encontrar todos los servicios, incluidos los que no se han seleccionado para la cabecera.
Los pies de página del sitio web suelen incluir información básica de contacto, lo que permite a la gente ponerse en contacto contigo o localizar tu negocio real. Este tipo de datos es fundamental para el éxito de una empresa. También puede incluirse en el pie de página una barra social, que contiene pequeños pero reconocidos iconos que dirigen a los lectores a las páginas de tus redes sociales. Esto puede ayudarte a atraer seguidores de las redes sociales, lo que puede conducir a una mayor exposición de la marca y al eventual crecimiento del negocio.
9. Página de aterrizaje
Imagen tomada de usuario de Strikingly
Cuando se publican anuncios en Google o Facebook (o en cualquier otro sitio), hay que ofrecer una página de destino para que la gente la visite cuando haga clic en el anuncio, de ahí el nombre. Una vez que entiendas la estructura básica de las páginas web, poco a poco irás recordando las partes de un sitio web.
Las páginas de aterrizaje se diferencian de las páginas web normales en que se eliminan o minimizan los elementos de distracción, como la cabecera, el pie de página o la barra lateral. El objetivo principal de una página de aterrizaje es conseguir que los visitantes realicen una acción (por ejemplo, descargar un informe, inscribirse en una lista de correo electrónico, comprar algo, etc.) y aumentar las conversiones. El contenido de una página de aterrizaje debe estar tan enfocado como sea posible.
10. Página de inicio
Imagen tomada de usuario de Strikingly
La página de inicio también se conoce como la página principal. En la mayoría de los sitios web, esta parte es el punto de partida. Vincular tu logo a la página de inicio es una buena técnica de diseño de sitios web, ya que da a tus visitantes una opción de "escape" o "reinicio" si se pierden en tu sitio.
11. Blog
Imagen tomada de Strikingly
Un blog es un sitio web en sí mismo. Entonces, ¿cuál es exactamente la diferencia entre un blog y un sitio web? No hay mucha. Todo se reduce a cómo se organiza y presenta la información.
Una entrada es lo que se denomina a lo que se escribe en un blog, y las entradas del blog se publican en orden cronológico, de forma similar a las entradas de un diario. El término "blog" viene de la frase "weblog".
Cuando se publica algo en un sitio web, se denomina página, y las páginas web no se muestran en ningún orden concreto. Son simplemente una colección de páginas enlazadas (por ejemplo, la página de inicio, la página sobre nosotros, la página de contacto, etc.).
Las entradas de los blogs permiten la interacción de los lectores a través de los comentarios.
Las páginas web suelen ser de carácter instructivo sobre los productos o servicios de una empresa, por lo que no cuentan con una sección de comentarios. Tienen tendencia a hablar en un tono más profesional y autoritario. El tono de las entradas del blog es más relajado y conversacional.
Un blog puede existir como un sitio web independiente o como parte de uno más amplio.
Este es un artículo de un blog que forma parte de un sitio web que estás leyendo en este momento.
Conclusión
Esperamos que este pequeño tutorial sobre las diferentes partes de un sitio web haya sido útil. Para comunicarte inteligentemente con un diseñador o desarrollador web, no necesitas entender la tecnología subyacente. Estarás bien si tienes una comprensión fundamental del lenguaje de las partes de un sitio web más relevantes.
Si te sientes abrumado por todo esto, los constructores de sitios web como Strikingly pueden ayudarte. Strikingly, uno de los mejores creadores de sitios web, se dedica a permitir que la gente comparta sus pensamientos con el mundo a través de páginas web bien diseñadas y únicas. Alrededor de 3 millones de emprendedores, pequeñas empresas, creativos y estudiantes de todo el mundo utilizan nuestros servicios gratuitos de diseño web. Nuestras plantillas de diseño de sitios web personalizados facilitan la creación de sitios incluso a los principiantes, lo que les permite competir con empresas locales más grandes. Puedes empezar a trabajar en el diseño y desarrollo de un sitio web que atraiga a tu público objetivo de inmediato si tienes un conjunto completo de herramientas y el mejor software de diseño web gratuito.
