Partes de un sitio web: un ejemplo comentado (anatomía de un sitio web)

Las partes de un sitio web explicadas sobre un diseño real y etiquetado de We.Inc: cabecera y navegación, hero, llamada a la acción, servicios, pruebas, sobre nosotros, formulario de contacto y pie de página, además de las partes que trabajan detrás de escena, como el dominio, el título y el sitemap.

La mayoría de los sitios web de pequeños negocios se construyen con las mismas ocho partes, de arriba a abajo: cabecera y navegación, hero, llamada a la acción, servicios, pruebas, sobre nosotros, contacto y pie de página. Detrás de ellas hay algunas partes que los visitantes nunca ven, como el dominio, el título de la página y el sitemap. Abajo, cada una está etiquetada sobre un diseño de ejemplo hecho con We.Inc.

Un ejemplo de diseño de sitio web de una firma contable hecho con We.Inc, mostrando la cabecera, la navegación, el titular del hero y el botón de llamada a la acción
Diseño de ejemplo (no es un cliente real). Los números en la lista de abajo coinciden con las partes de arriba a abajo de la página.

Las partes visibles, de arriba a abajo

  1. Cabecera. La franja de arriba con el logo o el nombre del negocio. Aparece en todas las páginas para que el visitante siempre sepa dónde está.
  2. Navegación (menú). Enlaces a las páginas o secciones principales: Servicios, Sobre nosotros, Precios, Contacto. Mantenlo entre cinco y siete elementos. En el móvil se pliega en un botón de menú.
  3. Hero. La primera pantalla: un titular que dice qué haces y para quién, una línea de apoyo corta y a menudo una imagen. Los visitantes deciden en segundos si se quedan. Ver ejemplos de secciones hero.
  4. Llamada a la acción (CTA). El botón principal, como Reserva una llamada o Pide presupuesto. Ponlo en el hero y repítelo cerca del final.
  5. Servicios o funciones. Lo que ofreces, un bloque corto por elemento, cada uno con una línea sobre el resultado que obtiene el cliente.
  6. Pruebas. Reseñas, ejemplos de trabajos, certificaciones o garantías. Usa solo las reales.
  7. Sobre nosotros. Quién está detrás del negocio y por qué merece confianza. Ver cómo escribir una página sobre nosotros.
  8. Contacto. Un formulario, teléfono, correo y dirección o zona de servicio. Ver cómo añadir un formulario de contacto.
  9. Pie de página. La franja inferior: datos de contacto de nuevo, enlaces secundarios, política de privacidad y enlaces sociales.

Las partes que los visitantes no ven

ParteQué hace
DominioTu dirección, como tunegocio.com
HostingLos servidores que sirven el sitio a los visitantes
Título y descripción de la páginaLo que aparece en los resultados de Google y en las pestañas del navegador
SitemapUna lista de tus páginas que ayuda a los buscadores a encontrarlas
FaviconEl icono pequeño en la pestaña del navegador
Imagen para compartirLa imagen que se muestra cuando se comparte tu enlace en redes sociales

Las mismas partes, distintos largos de página

Un sitio web de una sola página apila todas estas partes en una sola página con scroll, y el menú salta a cada sección. Un sitio multipágina da a servicios, sobre nosotros y contacto sus propias páginas, pero mantiene la misma cabecera y pie de página en cada una. Una aplicación web añade inicio de sesión y datos guardados encima.

Conseguir todas las partes en We.Inc

Cada plantilla de We.Inc ya incluye cabecera, navegación, hero, CTA y pie de página, y los sitios publicados obtienen un título, un sitemap y una imagen para compartir ya configurados. El plan gratuito publica hasta 3 sitios de plantilla en una dirección we.inc, sin créditos de IA y sin dominio personalizado. Los planes de pago, desde $20 al mes, añaden creación con IA y tu propio dominio. Explora las plantillas.

Preguntas frecuentes

¿Cuáles son las principales partes de un sitio web?

Cabecera, navegación, hero, llamada a la acción, servicios, pruebas, sobre nosotros, contacto y pie de página, además de partes ocultas como el dominio, el hosting, los títulos de página y el sitemap.

¿Qué es la sección hero de un sitio web?

La primera pantalla que ven los visitantes: un titular, una línea de apoyo corta, a menudo una imagen y el botón principal de llamada a la acción.

¿Qué va en el pie de página de un sitio web?

Datos de contacto, enlaces secundarios como política de privacidad y términos, enlaces sociales y a veces una breve repetición del menú.

¿Un sitio web de una sola página tiene las mismas partes?

Sí. Apila las mismas secciones en una sola página, con un menú que salta a cada una en vez de abrir páginas nuevas.

Empieza gratis · Sin tarjeta de crédito

Product

Who It's For

Features

Resources

Company

View Sitemap