Todos los Elementos de Una Página Web y Sus Partes [2020]

El éxito o descalabro de unse basa en la manera en que está hecho; Su diseño web, su velocidad, su estructura, contenidos, etc.

En pocas palabras, se basa en qué tan bien cumpla las expectativas de los visitantes.

La pregunta del millón es sencilla

¿Tu sitio web ofrece una buena experiencia a los usuarios?

Para que dar una respuesta es necesario que evalúes tu sitio web, de ahí que hice esta lista y al final sabrás qué puntos corregir y prosperar para crear páginas web triunfantes.

Back to top

1) Estas son Todas y cada una de las Unas partes de una Página Web 

Entre los elementos de un sitio exitoso está un diseño afable y fácil de navegar, esto permitirá que el usuario se sienta cómodo y permanezca más tiempo en el lugar.

Este es un caso de un sitio web que combina el mensaje y la usabilidad:

El ejemplo de una empresa mexicana que comercializa .

?Como podrás apreciar sus mensajes (textos) son claros y desde un comienzo le ofrece sus visitantes opciones alternativas para navegar en su sitio y encontrar lo que están buscando.

Procura ?que cada una de las secciones este bien definida y pueda acceder fácilmente. Evita crear diseños sobresaturados que confundan a tu visitante.

1.1) 2) Secciones y páginas internas bien definidas

Entre las partes que conforman una página web más esenciales están las secciones y páginas internas.

Antes de crear tu sitio web, define cuales son las que tendrá tu sitio, esto evitará que al momento de diseñarlo estés improvisando y creando estructuras que sean confusas para tus visitantes.

Si crearás una página web básica te invito a la siguiente estructura:

• Home o Página de Inicio:Es la portada de tu sitio web, debe explicar meridianamente que ofreces 
• Quiénes Somos:Habla sobre tu empresa para que te conozcan y destaca las acciones que efectúas para asistir a tus clientes del servicio.
• Servicios/Productos:Listado, descripción y costo de tus productos o servicios (la publicación del costo queda a tu consideración)
• Contacto:Teléfono, Celular, WhatsApp, eMail, Dirección, Ubicación en Google Maps
• Promociones: En esta página puedes subir ofertas singulares y actualizarla de forma continua para promocionarla por redes sociales.

1.2) 3) Logotipo de la empresa perceptible y en buena calidad

Esto puede sonar lógico, mas hay empresas que no ponen singular atención en el logo.

He visto decenas y decenas de sitios que ponen logos que no se adecuan al estilo gráfico de la empresa o bien la calidad de pixeles es muy baja, esto provoca que el logo de la compañía no luzca bien.

El logo es un factor que nunca ha de ser subestimado, al final es la imagen de tu empresa.

Los menús asisten a tener un lugar ordenado y deja que tus visitantes accedan rápidamente a la información que están buscando. 

Lo ideal es que esté siempre y en toda circunstancia visible y que el acceso sea rápido. Este punto va muy ligado con la usabilidad. Un menú debe permitir a tus visitantes acceder a tus contenidos más importantes en corto tiempo.

Los expertos aconsejan que en menú principal se pongan un máximo de 7 elementos. Si quieres mostrar más elementos puedes hacerlo en menús desplegables o secundarios.

Recuerda que no todos y cada uno de los visitantes de tu página web entrarán por la página de inicio, por lo que todas las secciones de la web han de ser alcanzables desde las páginas internas, por eso debes colocar el menú visible en todas tus páginas. 

1.3) 5) Textos  que comuniquen eficazmente

Otro de los elementos básicos de una página web es la conveniente proyección del mensaje. 

Aquí es donde entran los textos. 

El objetivo general es crear un sitio que dé confianza a los visitantes y para esto requieres de lenguaje fácil y claro.

Tres principios esenciales asisten a optimar el uso del llamado “lenguaje visible”.

• Organizar:Proporciona al usuario una estructura ideal clara y consistente.
• Economizar:Hacer lo máximo con la menor cantidad de señales y elementos visuales. Sus 4 bases son: simplicidad, claridad, distinción y énfasis.
• Comunicar:El lugar debe equilibrar; la legibilidad, la tipografía, los simbolismos, múltiples puntos de vista y el color o bien la textura con el fin de comunicarse con éxito.

crea textos claros y persuasivos que guíen a tus visitantes a realizar una acción. 

1.4) 6) Imágenes que complementen tu mensaje

Las imágenes que debe contener una página web han de ser originales y complementar el mensaje que estás dando con el texto.

Olvídate de utilizar imágenes de Stock que se ven bien, mas no comunican nada.

Si deseas proyectar bien un mensaje asegurarte de emplear gráficos que respalden algún dato o bien aporten valor a tus visitantes.

Las imágenes originales son un factor que asisten a la optimización de tu sitio web y esto podría favorecerlo en posicionamiento en Google (Ranking).

Los hipervínculos son enlaces (links) que sirven para mejorar la navegación en la página.

Normalmente se realizan entre dosde un mismo sitio, mas un enlace también puede apuntar a una página de otro sitio web, a un archivo, a una imagen.

Entre los elementos básicos de una página web están los datos de contacto.

Algunas empresas crean lugar bonitos, mas se olvidan de los más importante ¿Cómo los puede contactar el cliente del servicio?

Por eso una página web debe tener una sección clara y perceptible con los datos de contacto.

No te compliques, basta con colocar los teléfonos y correo electrónico. Si quieres poner mayor información también podrías añadir tu dirección, teléfonos adicionales con whatsapp o el mapa de cómo llegar.

Las redes sociales son imprescindibles en una estrategia digital.

Cuando las personas quieren conocer más sobre una marca (sobre todo cuando es de servicios) recurren a su sitio web y redes sociales.

Las redes sociales más populares y las más comunes para negocios son:  , , ,  y .

Para facilitar la vida de los visitantes de tu página web coloca visible los botones de tus redes sociales, así la interacción con tus posibles clientes del servicio aumentará y tal vez ganes algunos seguidor más.

En la próxima imagen puedes ver un caso de como poner tus botones:

Ahora que conoces cuáles son los elementos de una página web indispensables, toca el turno de un elemento que te ayudará a convertir visitantes en prospectos. 

Estuve revisando múltiples sitios web y note que muchas páginas empresariales tienen página de contacto, pero no formularios.

Lo pondré de la siguiente forma ¿Quieres es que tus clientes te contacten?

Entonces por qué complicar este punto.

Como te comente en el segundo punto, el diseño de tu lugar ha de ser amigable y fácil de navegar, así que crea formularios fáciles, atractivos y visibles.

Tus formularios de contactos deben estar bien programados y deberás responder lo más rápido posible las dudas o inquietudes que lleguen a través de estos canales.

También debes incluir  (Call to Action) así incentivarás a tus visitantes a efectuar una acción.

Este es un ejemplo del formulario del lugar de una ,

El formulario de contacto es de los elementos de un sitio exitoso, recuerda no puede faltar.

Una nueva tendencia en las páginas web es incluir el mapa de Google en tu página de contacto, a fin de que los usuarios puedan hallar facilmente tu negocio.

En esta liga puedes aprender más  .

1.5) 11) Poderosas Llamadas a la Acción que transformen visitantes en clientes

Incluso los sitios con el mejor diseño del planeta no serían efectivos si sus visitantes no saben dónde dar clic.

Las llamadas a la acción son de los elementos de un sitio web más efectivos para incentivar la adquisición..

Incluir  que sean claras y fáciles de seguir es la manera más conveniente de orientar a tus visitantes para llegar a su objetivo y sobre todo al tuyo: “VENDER”.

Algunos ejemplos pueden ser “Clic aquí para registrarte”, “Compra AQUÍ tu producto”, “Clic aquí para consultarnos”.

Una de las compañías que mejor aplica esta técnica es la Digital Marketer. Aquí un ejemplo:

1.6) 12) Mapa de la ubicación de tu lugar [Aquí puedes aprovechar Google Mi Negocio]

Si tu sitio de negocios incluye una ubicación puesta de manera tradicional en un mapa, ten por seguro que tus clientes del servicio se sentirán muy cómodos al poder encontrarte con mayor facilidad

En este artículo te explicamos como

Incluir la dirección física de tu empresa en el sitio web, te permitirá añadir directamente Google Maps. 

Estos mapas son bastante útiles en cualquier dispositivo, singularmente para dispositivos móviles, ya que cuentan con diferentes aplicaciones GPS que les indica cómo llegar al sitio indicado.

Veamos este ejemplo del sitio de la empresa  mexicana de , 3Büro.

Recuerda el mapa es imprescindible y es uno de las principales secciones que debe contener una página web empresarial.

1.7) 13) Páginas complementarias [Términos de Uso y Aviso de Privacidad]

Dentro de las partes que debe contener una página web están las paginas legales o bien que por disposición legal se deben tener.

En México las páginas complementarias más importantes y que no deben faltar en tu lugar son las de aviso de privacidad y términos de uso.

Contar con estas dos secciones evitará que tengas inconvenientes con tus posibles clientes del servicio, recuerda que la final está ofreciendo productos o bien servicios y debes brindarle confianza a tus visitantes.

1.8) 14) Herramienta para conocer las estadísticas del sitio web

Este es un factor más técnico pero imprescindible.

Si quieres cuánto tráfico diario tiene tu lugar, el género de contenido más leído, el que menos leen y todo género de datos estadísticos, es necesario que tu página tenga herramientas como Analytics o Stat Counter.

 es las herramientas más utilizada, el detalle es que puede resultar compleja para las personas que conocen poco sobre métricas digitales. No obstante, siempre y en todo momento es buen momento para aprender.

Puedes dar el primer paso leyendo este artículo:

Si quieres algo más fácil,  es una buena elección, su interfaz es sencillísima de manejar y lo mejor es que la herramienta es gratis.

1.9) 15) Web hosting (Espacio web donde se guarda la información de la página)

Este es un factor imprescindible para crear una página web. 

El Web Alojamiento web es el espacio en un disco duro donde se almacena todos los archivos de tu página web y deja que sea perceptible en la red.

Existen servicios dey de paga, pero si quieres un sitio web que tenga todas y cada una de las partes precisas para que sea de calidad, obviamente es mejor contratar un buen servicio de paga.

Los costos de los Alojamiento web suelen cambiar según el tipo y proveedor.  más populares. 

Esta es nuestra lista de los mejores en México:

1.10) 16) Un Nombre de Dominio fácil y fácil de recordar

Entre las partes de una página web que es piedra angular es el dominio. 

Elegir un buen dominio puede ayudar a crear un sitio web triunfante.

Los dominios con terminación “.com” son los más frecuentes y por lo tanto lo hace más fácil de recordar, pero también los .com.mx son buenos si estas en México, por poner un ejemplo. 

Sin embargo, existen muchosen Internet, por lo que recomendamos siempre y en todo momento buscar cual es el mejor para tu marca.

Lo aconsejable es que la dirección o bien nombre de dominio describa la actividad o bien giro del negocio.

Para escoger el dominio más conveniente toma en cuenta lo siguiente:

• Hazlo fácil de Escribir: Si utilizas lenguaje informal (k en vez de que) o palabras con varias maneras de escribirse (express o xpress), es posible que sea más difícil para los clientes localizar tu lugar.
• Hazlo Breve: Si tu nombre de dominio es largo y complejo, te expones a que tus clientes lo escriban mal. Corto y sencillo es lo mejor.
• Usa Palabras Clave: Intenta emplear palabras clave que describan tu empresa y los servicios que ofrece. Ejemplo: si estás en una empresa que cambia vidrios, puedes elegir
• Apunta a tu área:Si tu empresa es local, considera incluir tu urbe o bien estado en tu nombre de dominio. Ejemplo:
• Evita Usar Números y Guiones: Los números y guiones suelen ser confusos. Si precisas usarlos en tu dominio, registra las distintas alteraciones para estar seguro.
• Sé Memorable: Hay millones de  registrados, así que tener un dominio que sea atractivo y fácil de recordar es esencial.

Una vez encuentras el nombre, compártelo con los amigos próximos para cerciorarte de que se oye atractivo y que tiene sentido para los demás.

Desarrollamos más este concepto en . Te invito a leerlo.

También necesitas saber , antes de adquirirlo y también la.

Esto es imprescindible para que tengas los elementos esenciales para la creación de una página web.

Back to top

2) ¿Qué NO debe tener una página?

2.1) 1) Animación Flash

Las animaciones flash son imágenes con movimiento en formato swf. Hace varios fueron muy populares, mas como eran demasiado pesadas tardaban  mucho en cargar y alentaban el tiempo de carga del sitio web.

Hoy las páginas ya no deben usar este tipo de elementos ya que se ve afectado su desempeño e inclusive su posicionamiento en Google.

2.2) 2) Sonidos y música

Este es un recurso que se usaba para crear un impacto en los visitantes, mas el día de hoy en día solo provoca distracción y debido a que el setenta y cinco por ciento de los visitantes llegan al sitio web a través de dispositivos móviles, ya no tiene una función práctica.

2.3) 3) Slides (Transición de Imágenes)

Este recursos un es muy usado por varias páginas web, pero no es nada recomendado. La realidad es que no tiene una meta específico y solo distraer al visitante de las acciones concretas que deseas que realice dentro de un sitio web.

2.4) 4) Banners (en sitios de negocios)

Olvídate de poner Banners en un sitio de negocios. Este elemento puede ser utilizado en weblogs o páginas informativas, mas en una página empresarial solo le resta profesionalismo. Si deseas crear anuncios, lo mejor es colocarlo solo en el blog de la empresa.

2.5) 5) Fondos

Este recurso también fue muy empleado hace unos años, pero realmente no ofrece ningún valor en específico. Los Fondos ralentizan las páginas web y ya han pasado de tendencia. Las tendencias marcan que las paginas deben ser más fáciles.

2.6) 6) Splash screen [Página de Bienvenida]

Entre las partes de una página web que eran muy usadas eran las Splash screen o bien páginas de bienvenida.  La Splash Screen son con regularidad animadas, lo que provoca que el tiempo de carga sea demasiado, por eso ya no debes incluirla dentro de un sitio.

2.7) 7) Contador de visitantes

Si, aunque suene absurdo aún hay páginas de empresas que consideran que un contador de visitantes en una parte importante. Este elemento ya no es relevante y no ofrece un beneficio claro (al revés) es mejor que te olvides de los contadores, después de todo ya no estamos en los años 90´s.

Estos son principales elementos de una página web

Por supuesto hay algunos otros que también tienen importancia, pero si deseas que tu lugar sea exitoso estos son los imprescindibles.

Cada uno de ellos cumple funciones específicas, pero como en toda estrategia digital, la idea es que trabajen en forma conjunta para que tu lugar destaque del resto y cumpla con los objetivos que deseas.

Si crees que me faltó algún elemento, por favor déjalo en lo comentarios para agregarlo al artículo y enriquecer aún más este contenido.

¡Nos leemos la próxima!

2.8) Preguntas relacionadas de elementos de una página web

2.8.1) ¿Cuál es la estructura de un sitio?

La estructura de una página web es la forma en que están organizados los elementos que la conforman, esto incluye desde los elementos gráficos, los textos y los complementos auxiliares.

2.8.2) ¿Qué es un sitio y cómo está conformado?

Una página web es una serie de archivos y conjunto de datos electrónicos (normalmente escritos en código HTML)  que dejan crear un documento que es perceptible utilizando un navegador web. Esta conformada por elementos gráficos, textos,  herramientas auxiliares.

2.8.3) ¿Cuáles son los elementos esenciales de la Web?

1. Web Hosting (Espacio web).
2. Un Nombre de Dominio.
3. Páginas internas bien definidas
4. Logotipo
5. Menús ordenados, de rápido acceso y fácil de comprender.
6. Textos que comuniquen de manera eficaz.
7. Imágenes que complementen tu mensaje.
8. Hipervínculos [relacionar la página a través de enlaces].
9. Formularios de contacto perceptible y claro.
10. Mapa de la ubicación de tu sitio

2.8.4) ¿Cuáles son todos los elementos de una página web?

1)(Espacio web). 2) Un Nombre de Dominio sencillo y fácil de rememorar. 3) Diseño web creativo, ordenado y fácil de navegar. cuatro) Secciones y páginas internas bien definidas. 5) Logo de la compañía perceptible y en buena calidad. seis) Menús ordenados, de rápido acceso y fácil de entender. siete) Textos que comuniquen con eficacia. 8) Imágenes que complementen tu mensaje. 9) Hipervínculos [relacionar la página mediante enlaces]. diez) Datos de contacto visibles y de fácil acceso. once) Botones que dirijan a las Redes Sociales de la marca. doce) Formularios de contacto perceptible y claro. trece) Poderosas Llamadas a la Acción. catorce) Mapa de la ubicación de tu sitio [Aquí puedes aprovechar Google Mi Negocio]. 15) Páginas complementarias [Términos de Uso y Aviso de Privacidad]. 16) Herramienta para conocer lasdel lugar web

2.8.5) ¿Qué paginas debe llevar una página web?

Las páginas principales que debe llevar un sitio son:

1. Inicio
2. Conócenos o bien quienes somos
3. Servicios o bien Productos
4. Contacto
5. Se pueden añadir más páginas según las necesidades de cada usuario.

2.8.6) ¿Qué diferencia existe entre un sitio y una página web?

Una página web es una parte de un sitio y es un único fichero con un nombre de archivo asignado, mientras que un sitio web es un conjunto de ficheros llamados páginas web.

Sin embargo hay que resaltar que en nuestros días el término “Página web” se ha transformado en la definición estándar para todo el conjunto, básicamente sitio y página web se han transformado en sinónimos.

Back to top