Partes de una página web, ¿cuáles son sus elementos y contenido?

A pesar de que existen muchas páginas web, con diversos contenidos, objetivos y temas diferentes, todas tienen estructuras y elementos en común, tal como las partes básicas las cuales son: cabecera o header, cuerpo o body, pie de página o footer. No obstante, cabe resaltar que no son los únicos elementos que conforman una página web. 

Las antes mencionadas corresponden a los principales componentes de una página web en función de su estructura, pero las partes de una web pueden ser detalladas también en función de la distribución del contenido o esquema del sitio web, siendo éstas el inicio o home, el contacto, los productos y servicios, el blog y la política de privacidad.  

Conocer adecuadamente las partes de una página web te permite asegurar un diseño y funcionamiento efectivo de la misma, además, de poder lograr los objetivos que te propongas en tu sitio, pues una página web es el principal factor de una estrategia online y el centro del posicionamiento SEO. Es por eso que te ayudaremos en este artículo dándote a conocer cuál es la estructura de una página web, qué partes componen su esquema y los elementos que no debería tener el diseño de tu web. 

Estructura de una página web 

La estructura web o estructura de una página web, corresponde a la disposición de los elementos básicos del diseño en el espacio virtual de una web, como bien se ha dicho anteriormente, se compone de tres partes, estos pueden ser estáticos o dinámicos y ahora te los describiremos: 

Cabecera o header 

Corresponde a la parte superior de la página web, allí se expone la información básica de la empresa o marca, y se repite en cada página de la web que se visita. Compuesta idealmente por elementos como el logo o nombre de la empresa, el menú de navegación, buscador, enlace a las redes sociales y la descripción la web, dichos elementos la mayoría de las veces difiere dependiendo de la plantilla WordPress que uses, pero son los más comunes. 

Debes fijar la cabecera cuando crees tú página web, para que así cuando los usuarios hagan scroll en alguna de las páginas, tu marca y los accesos importantes de tu página, como, por ejemplo, el menú que les permitirá indicar a que parte de la página quieren dirigirse, siempre estén accesible.  

Algunas ideas útiles es que el menú pueda encontrarse fácilmente sea de forma extendida al navegar en pantalla completa o contraído como aparece en los dispositivos móviles y sería bueno que dicho menú incluya un buscador para que los usuarios puedan ubicar contenido rápidamente si la web es muy extensa. En lenguaje HTML lo puedes visualizar así:  

<header>Contenido de la cabecera</header> 

Cuerpo o body 

También conocido como main content, en esta parte se encuentra todo el contenido principal de tu página web, cada página del sitio web tiene un cuerpo con contenido diferente, no será igual el que coloques en tu página de contacto que el de la página principal del sitio. Puede estar estructurado en una o varias columnas, de acuerdo al contenido que se quiera colocar allí. 

Un diseño bastante común es dividirlo en dos columnas, una de mayor tamaño correspondiente a las 3/4 partes del espacio en la página, para colocar el contenido de mayor importancia y otra de menor tamaño, con 1/4 del espacio, donde es muy normal colocar los sidebar, que son barras laterales donde se pueden colocar widgets de WordPress como calendarios, buscadores, formularios, entre otros. 

Te mostramos como se vería en lenguaje HTML, lo podrás observar entre las siguientes etiquetas: 

<body>Contenido del cuerpo</body> 

partes pagina web

Pie de página o footer 

Es la zona que cierra las páginas web, la encontraras en la parte inferior de esta. Al igual que la cabecera se va a repetir y será consistente en todas las páginas de tu sitio, incluye elementos básicos como un menú simplificado, información de contacto como los teléfonos, dirección, botones de redes sociales, logo de la empresa y enlace a la información legal, como la política de privacidad, cookies y condiciones de uso. Las etiquetas entre las cuales se encontrará en lenguaje HTML son: 

<footer>El contenido del pie de página</footer> 

No obstante, el footer ofrece otras estrategias que permiten definir información dentro de otros elementos como <article>, <aside>, entre otros, lo que quiere decir que dentro de una misma página se pueden observar varios elementos footer, pero cada uno hace referencia a unidades de contenido diferentes. 

Partes que componen el esquema de una web 

Ya detallamos la estructura de una web y los elementos que la componen, ahora veamos el esquema de una página web, el cual corresponde a como se distribuye el contenido a lo largo de sus secciones.  

Esto es fundamental para una buena arquitectura del sitio web, pues así podrás tener un correcto ordenamiento del contenido, lo cual es importante para la conversión del objetivo, posicionar la página en los buscadores y que sea atractiva para los usuarios. Por ello te señalamos y explicamos las partes del esquema que usan la mayoría de las empresas en sus webs: 

Home o inicio 

Es la parte más importante de una página web, pues incluye la información más relevante de la empresa, y al ser la página donde suelen aterrizar la mayoría de las visitas, tienes que proyectar la marca y mostrarles a los usuarios que la visitan a que se dedica la empresa.  

Tiene que ser una página de inicio de calidad, pues de ella dependerá que un usuario permanezca más o menos tiempo en el sitio, o la abandone de inmediato. Esto significa que debe contar con un buen diseño del contenido, buena estructuración, tiempos de carga rápidos y que el diseño web sea Responsive. 

Siempre está alojada en el dominio principal, en lugar de en un directorio, por ende, se presentará como tudominio.com en lugar de tudominio.com/servicios. Sueles encontrar otros elementos adicionales a la cabecera y el footer, como: 

  • Llamada a la acción (CTA): imprescindibles para que tus visitas realicen la acción que tu sugieres, como, por ejemplo: comprar o suscribirse. 
  • Resumen de productos y servicios: suele usarse una buena imagen o un eslogan, para que rápidamente de forma visual los usuarios identifiquen a que se dedica la empresa, sin entrar en detalles. 
  • Ofertas: esta parte es la más adecuada para anunciar alguna oferta importante y si quieres destacarla. 
  • Indicadores de éxito: muestra cifras que señalen cuántos empleados tiene la empresa, el número clientes, los países en los que operas, los años de experiencia, todo lo que señale que eres el mejor y pueden confiar en ti. 
  • Testimonios o colaboraciones: puedes presentar algunas reseñas, testimonios, o incluso los logos de las empresas con las que has trabajado. 

Productos y servicios 

La información detallada de los productos o servicios que ofreces debes colocarla en una página específica, allí tienes que incluir todo lo relacionado con éstos productos o servicios, sus ventajas, principales características, a quien van dirigidos, costos, gastos de envío.  

Aunado a lo anterior debes asegurarte de incluir fotografías o imágenes de los productos o servicios que ofrezcas, títulos, descripciones cortas y largas para que el usuario tenga toda la información clara, valoraciones para dar credibilidad, reductores de ansiedad como “envío gratuito”, “pago seguro”, “calidad garantizada”. Usa las técnicas de cross selling y up selling o ventas cruzadas con productos relacionados y si añades un video sería un gran plus para la página y darías más confianza en el producto. 

Será bueno enfocar la información a modo de catálogo, clasificando los productos y servicios por categorías o familias, que facilite el entendimiento del cliente potencial, dirija su atención a la sección que más le interese y permita adquirirlos rápidamente.  

No puedes dejar por fuera hacer una buena CTA en esta parte de la web, ejemplos son colocar frases como << ¡lo quiero! >>, <<añadir a la cesta o carrito>>, te ayudaran para llevar a las visitas hacia el objetivo final. 

Blog 

Esta parte es esencial para el sitio web, la creación de un blog puede contribuir al despegue del negocio, es parte fundamental de la estrategia de contenidos y para mejorar el posicionamiento orgánico en buscadores como Google, ayudándote a incrementar el tráfico web.  

Te permitirá mantener informados a tus usuarios con contenido de valor acerca de la empresa y sus productos o servicios. Adicionalmente, te facilitará atraer tráfico de long tail y crear un vínculo entre la web y las redes sociales, para generar visitas de esos medios. De forma general, la mayoría de los blogs se componen por los siguientes elementos

  • Buscador: para facilitar la búsqueda de contenidos, no todas las plantillas de páginas web la tienen, pero las de blog en su mayoría sí. 
  • Formulario de suscripción: esta es una excelente forma de captar leads de calidad, a pesar de que no sean clientes, tendrás sus datos para poder enviarles el contenido que publicas y así paulatinamente ir acercándolos al proceso de compra. 
  • Categorías y etiquetas: colocar una sección donde clasifiques el contenido de tu blog en categorías o etiquetas de los temas más importantes es bastante recomendable. Así tendrás una buena manera de estructurar el contenido y mejorar la usabilidad del blog. 

Adicionalmente, puedes incluir contenido visual para que el texto no se haga monótono y aburrido, banners persuasivos sobre los productos o servicios que se ofrecen, lead magnet o content upgrade para captar a los lectores, artículos relacionados para que así aumente el tiempo de permanencia en la web y se reduzca la tasa de rebote y comentarios para que se tenga una interacción social. 

Contacto

La información más importante de tu página es la información de contacto de la empresa, debes colocar el teléfono y el horario de trabajo, en todas las páginas de contacto, al igual que en la cabecera y el footer. Otros elementos altamente recomendados para colocar son: 

  • Formulario de contacto: así los usuarios podrán contactar contigo las 24 horas del día y eso les transmite una buena imagen. Debe solicitar que rellenen solo los campos necesarios e imprescindibles. 
  • Dirección de correo electrónico profesional: lo mejor es que crees una dirección de correo personalizada con tu dominio y así transmitirás mayor confianza, además de profesionalidad. 

Para que se le haga fácil a los usuarios ir a esas secciones de contacto, es recomendable ofrecerles botones y enlaces a lo largo de la página que enlacen con dicha página. 

Política de privacidad 

Uno de los requisitos exigidos por el GDPR (Reglamento General de Protección de Datos, correspondiente a Europa) es proporcionar a los usuarios de páginas web toda la información asociada con el procesamiento de los datos que se recopila mediante el sitio web, a pesar de que sea una página poco visitada. 

Lo más común es que se incluya en el pie de página, en los avisos de cookies o en los formularios de registro o suscripción.  

Ubicación 

La dirección además de detallarla de forma escrita, actualmente es común encontrarla señalada en un mapa, por lo general se usa el de Google Maps, donde el usuario puede visualmente ubicar fácilmente donde se encuentra la sede o dirección principal de la empresa. De esta forma se les brinda seguridad y confianza a los clientes. 

Elementos que no debería tener una web en su diseño 

Así como te detallamos los elementos que, si debería tener una página web para su correcto posicionamiento y que genere tráfico web, ahora te listamos algunos elementos que en definitiva no debe tener ninguna página web pues no serán favorables en cuanto a factores como velocidad de carga y funcionalidad de la web. 

  1. Animación Flash: son imágenes con movimiento en formato swf. Anteriormente fueron muy usadas, pero al ser tan pesadas tardaban en cargar y disminuían la velocidad de carga del sitio web, esto en la actualidad no es favorable para su rendimiento y posicionamiento en Google
  1. Sonidos y música: antes se usaba para crear un impacto en los usuarios, hoy no solo provoca distracción si no que al ser la mayoría de las visitas a través de dispositivos móviles ya no es una función práctica. 
  1. Slides o transición de imágenes: a pesar de que aún es muy usado por varios sitios web, no es recomendable que se tenga, no tiene un objetivo específico, solo distrae al usuario de las acciones que realmente interesan para lograr los objetivos de la web. 
  1. Banners en sitios de negocios: puede usarse en un blog o página informativa, pero en una página empresarial le restará profesionalismo, si quieres crear anuncios será mejor que lo coloques en el blog de la empresa. 
  1. Fondos: a pesar de que fue muy usado hace algunos años, realmente no suma ningún valor al sitio web, lo que hacer es restarle velocidad de carga a la página, y de acuerdo con las tendencias, las páginas deben ser más sencillas. 
  1. Splash screen o página de bienvenida: normalmente son animadas y eso no favorece el tiempo de carga de la página, por ello no son recomendables. 
  1. Contador de visitantes: a pesar de que algunas empresas aun lo consideren relevante, resulta que la realidad es que no son parte importante del sitio web, no suman ningún beneficio claro, si no todo lo contrario. 

Con todo lo descrito en el artículo esperamos que ahora tengas claro cuál es la estructura y esquema básico de una página web. Solo te mencionamos algunas partes y elementos, no quiere decir que sean los únicos, hay muchos otros, su uso dependerá de los objetivos que quieras lograr con tu página web, no obstante, te dimos los indispensables para lograr un sitio exitoso.  

Como ves cada elemento cumple una función específica, pero deben trabajar todos en conjunto para que toda la estrategia digital logre hacer que tu web destaque entre las demás. 


Una duda recurrente para los consultores de marketing o diseñadores web es como recoger toda la i…
Cuando hablamos de Business Intelligence (BI por sus siglas en inglés) o inteligencia empresarial…
Las redes sociales son las plataformas con más suscriptores a nivel mundial. Existen diferentes r…

Premios.
Estamos orgullosos de cada participación y de cada premio recibido. Esto nos hace mejorar, y estar siempre investigando para conseguir nuevas metas.
Cantineo que
te veo
Concurso SEO de posicionamiento, en el que se competía con los mejores a nivel nacional e internacional.

Conseguimos una disputada victoria, los rivales no nos lo pusieron nada fácil.
Sockdata se come
tu bocata
Interesante concurso en el que debíamos posicionar por esas palabras clave un espacio web o url, la competencia fue como siempre brutal porque son concursos en los que se compiten con otros profesionales SEO nacionales e internacionales. Por cierto… ganamos.
Dinorank te desplaza y enlazalia te enlaza
Concurso organizado por DinoRank de la mano de Dean Romero, uno de los concursos que más intensidad de competencia han tenido, ya que Dean Romero es un SEO de proyección internacional, y ganar en un concurso organizado por el nos molaba a todos. Resultado… Ganadores… y muy satisfechos por ello.

Somos una agencia global, con puntos operativos en Londres, Toronto, Bilbao y Madrid, pero nos gusta el buen clima y nuestra base está en...

Calle Francisco de Quevedo, 18 - 1B
26006 Logroño La Rioja

https://thewombatcompany.com
info@thewombatcompany.com
+34 900831663



Copyright 2020 - Wombat Marketing Company, SL
Call Now Button