Skip to main content

¿Quieres conocer las partes de una página web y las mejores estructuras para vender como churros tu producto o servicio?

Evidentemente, por eso estás leyendo este artículo.

Sabes de sobra la importancia que tienen las páginas web hoy en día, tanto a nivel de contenido como de diseño.

Las páginas web son las herramientas de marketing para poder vender nuestro producto o servicio más importantes que existen en la actualidad.

Una página web se compone de partes esenciales que ayudan a involucrar a los usuarios a navegar y aprender más sobre los productos y servicios de la empresa.

El diseño de tu página web puede marcar la diferencia entre ti y tu competencia directa, pero existen muchos elementos básicos que siempre se repiten.

Con el fin de hacer que estas piezas básicas sean extraordinarias, hemos enumerado las tendencias de diseño para cada una de las partes de una página web:

¿Cuales son las partes de una página web?

partes de una página web

Una página web suele tener una estructura básica, muy parecida a una carta, y se compone básicamente de tres partes: Cabecera, cuerpo y pié (muy parecido a encabezado, nudo y desenlace).

Dentro de estas tres partes de una página web básicas encontraremos diferentes elementos que nos facilitarán la navegación por la página web, como es el caso de menús, barras laterales, banners, llamadas a la acción, etc.

Cabecera (Header)

Empezamos con las partes de una página web con la cabecera.

La cabecera, también llamado header, es lo primero que podemos ver en una página web y es dónde solemos encontrar el logo o nombre de la empresa y el menú de navegación.

El menú de navegación te indica dónde te encuentras en la página web y las otras secciones de la web donde te puedes dirigir.

A no ser que seamos muy modernos y con una cartera de clientes loquísima, te recomendamos que tu menú siempre esté visible.

De hecho, como puedes ver en las imágenes, nosotros tenemos dos menús. Uno que funciona cuando desplazamos el cursor encima de «LO QUE HACEMOS» y otro menú alternativo en formato «hamburguesa» para contar otras cosas que son importantes pero no tanto como el contenido del primer menú.

Logo
Menú
Servicio destacado
Menú alterrnativo
partes de una página web
partes de una página web

Cuerpo (Body)

Esta es la parte más importante dentro de las partes de una página web, donde mostraremos nuestra propuesta de valor para intentar llegar al máximo número de clientes potenciales.

Esta propuesta informa automáticamente a los visitantes de la página de qué trata el sitio web. Los sitios web que ofrecen productos y servicios suelen tener banners que muestran sus últimas ofertas o incluso las noticias actuales sobre su empresa.

Nosotros en cambio, para aportar notoriedad y seguridad a nuestros futuros clientes, hemos puesto los logotipos de los clientes más importantes que han decidido trabajar con nosotros.

Por supuesto, al hacer clic en cualquiera de los logotipos de nuestros clientes nos llevará a su correspondiente «caso de éxito» para que los posibles clientes potenciales vean lo que hemos hecho por nuestros clientes y lo que podemos hacer por ellos.

Elementos que puedes encontrar en el cuerpo de la página web:

Fotografías: El contenido visual que ofrecemos a los clientes potenciales de la página web ha de ser en alta calidad para crear la sensación de que al cliente le hace falta tu producto o servicio.

Llamadas a la acción: Las llamadas a la acción o CTA son perfectas para convencer de la compra al cliente llevarlo a la página de producto o servicio.

Formularios: Los formularios son perfectos para hacerte con más Leads y crear Lead-Magnet con regalos para luego hacer otras campañas de marketing con ellos.

Testimonios: Los testimonios de clients contentos dan la credibilidad suficiente para que el cliente de el paso a realizar la compra de tu producto o servicio.

Preguntas frecuentes: Las preguntas frecuentes respuestas son geniales para aportar información muy útil a la hora de que el cliente se decida por la compra.

Contenido: El contenido es el rey, no lo olvidemos. Si queremos una página web que sea la mejor de tu sector necesitarás el mejor contenido posible.

Pie (Footer)

Llegamos al tercer elemento de las partes de una página web con el Pie.

El pie de página es el resumen de la página web. Normalmente el pie de página contiene información de contacto, políticas (privacidad, uso, venta y envíos) y enlaces a Redes Sociales.

Dicen que el pie de página es tan importante como el encabezado, lo que es seguro es que es una de las partes imprescindibles de las partes de una página web.

Por supuesto, la gente que llegue al pie de página es por que les mola o se sienten atraídos por el contenido de tu página web.

Y el propósito de nuestra web es asegurarse de que se conviertan en clientes.

¿Qué tipo de estructura necesita mi página web?

No tiene la misma estructura, o no debería, una página web de venta de coches clásicos que una página web de una agencia de marketing, ¿verdad?

Imagina que si todas las páginas web de Internet son parecidas y no están pensadas para que nuestro cliente potencial tenga una buena experiencia y se convierta en cliente,

¿cómo podemos hacer que nuestra página web tenga una ventaja competitiva que nos haga brillar ante la competencia?

Buena pregunta, ¿eh? Fácil. Con una buena estructura y con elementos de diseño que favorezcan tus embudos de venta y estrategias de marketing.

Pero como sabemos que lo que te contamos puede que te suene a chino mandarín, te dejamos con unos ejemplos muy muy visuales para que te quede super clara la estructura web que mejor funcionará con tu producto o servicio.

Estructura general de página de Inicio

¿Tus clientes potenciales no pasan de tu página de Inicio?

Sabes de sobra que el «Home» de una página web es la página más importante y lo primero que ve nuestro cliente potencial.

Está demostrado que la gente que se siente atraída por el Inicio, tiene altas posibilidades de convertirse en cliente.

Por lo que tenemos que darle enseguida lo que está buscando si no queremos perderlo.

¿Qué elementos tiene que tener nuestra página de Inicio?

  • Logotipo y menú.
  • Imagen de producto, empresa o fotografía personal.
  • Encabezados (H1, H2, H3…)
  • Botones de llamadas a la acción.
  • Contenido que ayude al usuario a entender nuestro proyecto.
partes de una página web

En esta página debemos mostrar lo que mejor sabemos hacer, nuestra propuesta de valor.

Y no sólo eso, tenemos que dejar muy claro desde el minuto 1 que nuestro producto o servicio es lo que necesitan para vivir más felices.

Para ello debemos conducirlos por medio de nuestras llamadas a la acción para que formen parte de nuestros embudos de ventas y se conviertan en clientes fieles.

Estructura de landing de servicios

Este es el segundo paso lógico que debería de hacer tu cliente potencial.

Una vez los hemos «enganchado» con nuestra página de Inicio, toca darles más información acerca del servicio o producto para terminar de convencerlos.

¿Qué elementos tiene que tener nuestra página de servicio?

  • Fotografía del responsable (persona) o logotipo de la empresa.
  • Beneficios que aporta nuestro servicio o producto.
  • Contenido visual que nos haga ver lo que estamos vendiendo.
  • Testimonios o historias de éxito.
  • Llamadas a la acción o botones (CTA).
  • Preguntas frecuentes (FAQ).
  • Etc.
partes de una página web

La landing de servicios sirve para contarle al cliente porqué le hace falta en su vida tu producto y cómo cambiará su vida a mejor gracias a él.

Tenemos que contarle los beneficios que tendrá con nuestro producto y debemos mostrar a otros clientes que ya han comprado tu producto o servicio y están encantados con él.

Luego les has de explicar cómo es el proceso de realización del servicio y dejar respuestas algunas de las preguntas más frecuentes acerca de tu producto o servicio.

Estructura de landing de captación

¿Sabes lo que es un Lead?

Aquellos contactos que nos han dejado sus datos a través de una de nuestras landing pages (en los formularios) a cambio de un contenido de su interés.

Pues eso es justo lo que queremos conseguir con este tipo de página.

¿Qué elementos tiene que tener nuestra página de captación?

  • Título llamativo mostrando tu ventaja competitiva.
  • Call to action, formulario o botón.
  • Beneficios de dejar el email o de obtener el producto, infoproducto (Ebook por ejemplo) o regalo que le estemos ofreciendo.
  • Testimonios o historias de éxito.
  • Formulario o botón para quien haya hecho scroll en la página.
  • Etc.
partes de una página web

Con esta página pretendemos captar un email para luego realizar acciones de mail marketing, por lo que debemos de llamar la atención al usuario para que sienta la necesidad de dejar su email y recibir lo que le estemos regalando o promocionando.

¿Cómo podemos hacer esto? Con regalos chulos que interesen de verdad a nuestro cliente potencial.

Debemos de hacerlo tentador y tener detrás una buena estrategia para retener al suscriptor y que no se dé de baja nada más recibir el primer email con el regalo.

Estructura de landing con oferta

Este tipo de página está indicada a los que quieren hacer una oferta por tiempo limitado de un solo producto o servicio.

Y es por tiempo limitado por que tiene unas características (ventajas, precio, etc.) que hacen al cliente tener que adquirirla por que «si no me hago con ella debo de estar locx».

¿Qué elementos tiene que tener nuestra página de Inicio?

  • Contador de tiempo indicando cuando acaba la oferta.
  • Un título muy llamativo y tentador (con ultimátum de compra) que te haga plantearte si estás loco al no pillar esa oferta.
  • Un vídeo o imagen (vídeo mejor) de lo que estemos vendiendo.
  • Botón para añadir al carrito o a la cesta de compra.
partes de una página web

Este tipo de páginas de ofertas son geniales cuando tenemos un stock muy grande de un producto y queremos venderlos rápidamente.

Además el cliente «se queda» con que tu empresa de vez en cuando hace este tipo de ofertas y decide que quiere permanecer en tu «newsletter» por si sale otra oferta de esas.

Estructura de página de producto (Tienda online)

Normalmente si trabajamos con un CMS como WordPress lo haremos con WooCommerce, que ya tiene sus propias plantillas de producto. 

En cambio si diseñamos nosotros mismos cada página de producto te recomendamos que utilices este modelo de página de producto. Ya que tiene una estructura preparada para no sólo vender ese producto, si no hacer venta cruzada de otros de tus productos o servicios.

¿Qué elementos tiene que tener nuestra página de producto?

  • Fotografías o imágenes del producto.
  • Título, descripción corta y descripción larga.
  • Valoraciones y testimonios para dar credibilidad.
  • Reductores de ansiedad tales como “envío gratuito”, “pago seguro”, “calidad garantizada”, etc.
  • Un vídeo sería un plus extra a añadir en la página, para dar más confianza en la compra del producto.
  • Utilizar las técnicas de cross selling y up selling o ventas cruzadas con productos relacionados.
  • Un footer con las direcciones de la empresa, redes sociales y breve descripción para dar credibilidad a la web.
partes de una página web

En una tienda online la página de producto es una de las partes más importantes del proceso de compra.

Imagínate que nos hemos currado en toda la página web una estructura basada en posicionamiento SEO que hace que estemos en los primeros puestos en buscadores con nuestro producto o servicio.

Y tal como llegamos a la página de producto resulta que es más fea que un frigorífico por detrás y no tiene venta cruzada.

Los clientes que lleguen a ella saldrán despavoridos.

marketing para empresas pequeñas

¿Te ayudamos a ganar muchos más clientes con el webmarketing?

⚡ Realizamos tu auditoría de marketing en una semana.
⚡ Te propondremos las herramientas que tengamos claro que solucionarán tus problemas.
⚡ Y tú decides si apuesta por el marketing o no, ¡sin compromiso!

    Estructura de página de Blog

    No nos cansamos de repetir que el Blog es el arma más importante para posicionar nuestra página web.

    ¿Qué elementos tiene que tener nuestro Blog?

    • Fotografías, infografías e ilustraciones para el artículo (sólo texto aburre un montón y se cansan).
    • Contenido de valor del propio artículo.
    • Banners persuasivos sobre lo que vendamos.
    • Lead magnet o content upgrade para captar a los lectores (regalitos).
    • Artículos relacionados para aumentar el tiempo de permanencia en nuestra web y reducir la tasa de rebote.
    • Comentarios para que haya interacción social.
    partes de una página web

    Además de que creamos notoriedad en nuestra página mostrando lo que conocemos sobre el sector, podemos crear acciones de marketing online para dirigirlos a nuestros productos o servicios.

    Evidentemente el contenido ha de ser muy útil para nuestro cliente potencial, ha de tener algún elemento de captación de los lectores (formularios con regalos) y debe contener enlaces a otros de nuestros artículos relacionados.

    Estructura de página de gracias

    Las páginas de agradecimiento son a las que llega nuestro cliente cuando realiza una compra de nuestro producto o servicio.

    Es un detalle que tenemos con nuestros clientes por haber realizado la compra pero no sólo sirve para eso. Es perfecta para construir relaciones duraderas con tus clientes.

    ¿Qué elementos tiene que tener nuestra página de agradecimiento?

    • El logotipo para crear imagen de marca, reconocimiento y recuerdo al haber realizado la compra.
    • Un vídeo de agradecimiento o una imagen simpática para dejar un buen recuerdo.
    • Una sección vendiendo otro u otros artículos relacionados.
    partes de una página web

    Recuerda que puedes aplicar vídeo marketing en tu estrategia de marketing.

    Existen mil formas de construir nuestra página de «gracias», pero nosotros te recomendamos que utilices vídeo para ello por dos razones:

    • Retiene al usuario (si el vídeo mola) y posiciona para nuestra estrategia de SEO.
    • Podemos hacer venta cruzada de otros productos o servicios.

    Es imprescindible que «seamos mas majos que las pesetas» en nuestra página de agradecimiento para que se lleven un buen recuerdo de la compra y no sólo se quede en esa compra sino en muchas más.

    Conclusiones

    En este artículo hemos aprendido las partes de una página web y las principales estructuras para páginas internas de nuestra web.

    Todos los ejemplos que te hemos propuesto son orientativos, puedes adaptarlos según tus necesidades para poder llegar mejor y más rápidamente a tu cliente potencial.

    Es posible que algunas cosas que te hemos contado en este artículo te puedan generar dudas, pero no sufras que estamos para ayudarte.

    Nos llena de orgullo y satisfacción (como Juancar) que hayas llegado al final de este artículo y esperamos que llegues a crear la página web perfecta para tu producto o servicio.

    Leave a Reply