¿Para qué sirve una página Web?

Una página web sirve principalmente para brindar información a los diferentes usuarios que visitan la página.

Ahora, la información transmitida a los usuarios depende del tipo de página que este publicada, por ejemplo: puede ser un periódico, YouTube, Facebook, etc.

Clasificación de páginas web

La información o contenido que proporciona una página web puede ser presentada en muchas maneras, por ejemplo: texto, vídeo, imágenes, audio y combinación de todo esto.

Existen dos tipos de páginas web según la forma en que presenta la información o el contenido a los usuarios, por ejemplo:

• Página web estática: la información se presenta desde un inicio al usuario y no cambia, no cuenta con interacciones que presente información nueva, por lo regular son páginas informativas como blogs.
• Páginas web dinámicas: la información y su contenido cambia en función de las interacciones del usuario con la página, por ejemplo, YouTube te presenta ciertos vídeos según tus gustos, pero a través de clics, puedes seleccionar otros vídeos, realizar búsquedas, lo que hace que el contenido y la información siempre esté cambiando.

¿Cómo crear una página web?

Ahora que ya conoces los conceptos básicos de una página web, veamos como puedes crear una página web y todas las consideraciones y decisiones que posiblemente tengas que tomar durante todo el proceso.

Existen muchas maneras en que puedes crear tu página web, ya sea, crearla desde cero a través de código, través de una agencia, un desarrollador web, puedes utilizar una plantilla  y un gestor de contenido, etc.

Como puedes ver, hay muchas opciones en esta guía revisaremos los puntos más importantes y opciones que EWebik tiene para ti, ya sea para que tu mismo crees tu página web o la dejes en nuestras manos y EWebik la crea para ti.

1. Idea y objetivos de tu página web

Todo inicia con una planificación de los objetivos e idea principal que debe cumplir tu página web, esto debe darte una guía del contenido y funcionalidades que debe tener tu página, por ejemplo:

• Quiero vender mis productos en Internet.
• Quiero monetizar mis conocimientos.
• Deseo atraer clientes nuevos a mi negocio.
• Me gustaría que más gente viera mis vídeos.

Los objetivos son muy importantes ya que dependiendo de ellos, crearás una página que brinde cierta información o proporcione cierto tipo de contenido, por ejemplo:

• Con una tienda online puedes vender tus productos, pero deberás darla a conocer y contar con una forma de pago que le permita a tus usuarios adquirí tus productos.
• Si sabes de un tema y solo quieres escribir o hacer vídeos de dicho tema, un blog puede ser gran opción para monetizar el contenido a través de publicidad, por lo que podrías utilizar un gestor de contenido como WordPress para crear tu página.
• A través de un portafolio digital puedes dar a conocer tu experiencia y dar a conocer tu trabajo, con esto podrás atraer clientes nuevos y cotizar nuevos proyectos y dado que es una página que no sufrirá grandes cambios, puedes hacerla en HTML, CSS y JavaScript.
• Si eres experto en un tema y creas un curso en vídeo, debes de contar con una página robusta que permita a una gran cantidad de usuarios ver tus vídeos al mismo tiempo.

Objetivos claros te indicarán el tipo de página web que necesitas, quizá una combinación de los ejemplos anteriores, por ejemplo una tienda virtual con blog, etc.

Una vez que has establecido los objetivo es momento de ponernos serios y elegir, el dominio, hosting, contenido y estructura de tu página, pero vayamos paso a paso para que no te confundas.

2. Define la estructura de tu sitio

Ahora que ya tienes la idea principal y los objetivos que deseas alcanzar, es importante pensar en la estructura que tendrá tu sitio web, quizá en estos momentos no lo tengas muy claro, pero al tener una estructura general te ayudará a ir descubriendo otras secciones que quizá no has pensado.

Las secciones que tendrá la página depende de la naturaleza del negocio y los objetivos que hayas establecidos, por ejemplo:

Landing page o sitio web de una sola página

• Este tipo de página suele ser una excelente opción si lo que quieres es vender únicamente un producto, por ejemplo un curso o un servicio en particular.
• En esta única página podrías exponer todos los beneficios de tu producto o servicio y lo usuarios irán viendo y leyendo la información al hacer scroll.
• Puedes agregar vídeos, imágenes y comentarios positivos de clientes o usuarios que ya hayan hecho uso de tu producto o servicio.
• Aquí mismo viene la opción de pago o un botón que los envíe a tu proveedor de pagos, por ejemplo: PayPal, Mercado pago, etc.

Sitio web corporativo o de empresa

Es un sitio más tradicional, suele dividirse en varias secciones donde presentarás diversa información a tus usuarios, por ejemplo:

• Home o página de inicio: es la portada de tu negocio y todo usuario que llegue a tu página podrá darse una idea de todo lo que ofreces o de tus servicios principales.
• Conócenos o quienes somos: esta sección es la parte humana de tu página, es donde le indicas a los usuario quién está detrás de la página web, cuales es la experiencia, valores, metas y toda información de tu marca y negocio que le ayude a tus usuarios a conocerte mejor.
• Servicios: esta sección le ayuda a los usuarios a conocer todo lo que puedes hacer por ellos, puedes agregar comentarios positivos de otros clientes y ejemplos del trabajo que hayas hecho.
• Contacto: puedes dedicar una sección para que los usuarios te envíen mensajes a través de un formulario y puedas resolver todas sus dudas de forma rápida.
• Preguntas frecuentes: esta sección le ayuda a los usuarios a despejar dudas que suelen ser muy comunes, por ejemplo: ¿Cómo es el proceso de nuestro servicio? Formas de pago, tiempos de entrega, etc.
• Blog: una sección donde los usuarios pueden aprender sobre tu producto o servicios, prácticamente es una sección informativa de ayuda para tus clientes.

Como puedes observar, cada sección de un sitio corporativo puede ser una Landing page a la vez, todo depende de la información que deseas mostrar. 

Tienda online o comercio electrónico (ecommerce)

Contiene prácticamente todas las secciones de un sitio corporativo, no obstante, suele tener:

• Una sección de productos: aquí expones tu catalogo virtual donde los usuarios pueden ver todo lo relacionado a tus productos y realizar sus compras directamente en la página.
• Carrito de compra: los clientes pueden ver un resumen de lo que desean comprar.
• Pago: es la sección donde los usuarios finalizan su compra y se les indica que has recibido su pedido.
• Pedidos: tus cliente pueden ver un resumen de todos los productos o servicios que han adquirido en tu página.

Te dejo un post dedicado de como puedes estructurar tu sitio web, revísalo para que te quede más claro este punto.

4. Diseño y contenido de tu página web

Este paso es uno de los más importantes, ya que el diseño de tu sitio será un factor crítico para que los usuarios que visiten tu página sientan confianza y reconozcan tu marca y tus objetivos que te planteaste en un principio se cumplan.

El diseño debe transmitir a los visitantes aquello que ayude a crear conversiones en tu página, por ejemplo, colores que den confianza, seguridad y un toque moderno.

Elementos que intervienen en el diseño

El diseño debe ser un reflejo de tu marca o negocio, transmitir eso a tus clientes es muy importante para cumplir tus objetivos, así que debes ser muy cuidadoso al momento de elegir:

Colores

Es de los factores más importantes en el diseño de tu página, ya que los colores provocan sentimientos y diferentes emociones en los usuarios que visitan tu sitio web, existen muchas formas de como puedes elegir la paleta de colores.

Sin embargo, un buen consejo es no tener más de 3 colores diferentes, aun que pueden ser 4, 5 o más dependiendo del proyecto, por ejemplo:

• Color primario: es el color dominante y principal de tu página, en el se expresa el principal sentimiento que deseas reflejar de tu marca, para ello puedes revisar algún artículo sobre la psicología del color.
• Color secundario: suele ser un color complementario que acompañe y de vida al color primario, aunque, se usa con menor frecuencia en el diseño.
• Color terciario: en la paleta es el color que acentúa el diseño, puedes utilizarlo para resaltar elementos donde el color primario predomina, en ocasiones es el color más claro en la paleta de colores, aunque como siempre depende del proyecto.
• Otros colores: puedes utilizar algunos colores extras que complementen tu diseño, esto depende de la armonía de color con la que creas tu paleta.

La tipografía o tipo de letra

Elegir un tipo de letra correcto te ayudará a transmitir mucho mejor la información en tu página, los usuarios estarán más cómodos al leer y se quedarán más tiempo en tu sitio.

Aquí también se suele recomendar no utilizar más de tres tipos de fuentes diferentes, aunque en lo personal, yo suelo usar solo una, aunque podrías utilizar:

• Una tipografía para los títulos.
• Otra para el texto y párrafos
• Y una tercera para banners y textos cortos publicitarios.

Obviamente todo esto debe ir ligado a cumplir tus objetivos.

Organización de tus menús y elementos de navegación.

Una fácil navegación ayuda a los usuarios a visitar varias partes de tu web, así que tener un menú fácil de comprender y visualizar, le permitirá a los usuarios comprender mejor la estructura de tu página y localizar la información que le interesa fácilmente.

Reconocimiento claro de elementos de acción como los botones, link, etc.

Los botones son la llamada a la acción, ya que ciertos botones les permiten a los usuarios, agregar al carrito, mandarte un mensaje, etc.; así que un buen diseño es muy importante, por ejemplo:

• Para los usuarios debe ser claro y fácil de entender que se trata de un botón y que puede dar clic.
• Deben de tener un color que incite a clicarlos, deben tener textos claros y un icono puede ayudar a comprender mejor su funcionamiento antes de que los usuarios le den clic.
• Se recomienda que todo los botones siempre sean del mismo color, así los usuarios sin importar en que sección estén, comprenderán que cierto color esta relacionado con el clic, aunque como siempre, pueden ser más colores y todo depende de tus objetivos y paleta de colores.

Calidad de imágenes y tamaños adecuados.

Un factor importante y que llama mucho la atención en los usuarios son las imágenes, así que tener imágenes con tamaños y resolución adecuadas es vital.

Además, debes asegurarte que una imagen se vea bien tanto en computadoras, tabletas o celulares, trata de que los colores de dichas imágenes sean compatibles con tu paleta de colores y siempre sean representativas de  tu contenido.

Diseño optimizado para una gran cantidad de dispositivos (diseño responsivo).

Hoy en día el que una página web se vea en celulares es súper importante, incluso el diseño moderno se enfoca en dispositivos móviles y de ahí se escala a computadoras, claro que esto depende mucho del diseñador, no obstante es importante:

• Las imágenes deben adaptarse a dispositivos móviles sin deformarse.
• Debido al tamaño de las pantallas, las secciones se apilan una debajo de las otras para que los usuarios puedan ir visualizándolas al dar scroll.
• Es muy importante que un móvil los usuarios puedan identificar donde están los menús y les sea fácil navegar en la pagina.
• Etc.

Excelente, en cuanto a diseño creo que te he dado los puntos más importantes que te ayudarán a crear tus propios diseños o explicarle mejor al diseñador lo que deseas, como siempre si tienes duda puedes escribirme o dejar tu página web en mis manos.

8. Publicación o despliegue de tu página web

Antes de dar a conocer tu página web al mundo es recomendable que hagas una revisión general para garantizar que tu idea se haya plasmado tal cual la pensaste, para ello puedes tu mismo revisar cada sección o pedirle algún colaborador, amigo que te ayude a revisarla e identificar si existe algún error, por ejemplo:

• Es muy común los errores ortográficos en los textos, así que una segunda revisión nunca esta demás.
• Fácil navegación, es importante que una vez terminado el sitio, la navegación sea fácil e intuitiva.
• Diseño responsivo, validar que la página se vea correctamente en dispositivos móviles como: celulares Android, IOS y computadoras Windows, MAC, te ayudará a llegar a más personas.
• Verificar que todas las llamadas a la acción como enlaces, botones y funciones extras funcionen como deben, garantiza que que los usuarios sientan que están en una página profesional y seria.

En desarrollo a esto se le llaman pruebas de caja negra, ya que la persona quien prueba el sitio, no requiere conocer como fue construido, pero al utilizarlo como lo haría cualquier usuario final, ayudará a detectar errores y/o mejoras que durante el desarrollo pudieron pasar desapercibidas.

Una vez terminado el proceso de revisión podrás publicar tu sitio web con la confianza de que tus usuarios visitarán un sitio web de gran calidad.

9. Monitoreo de la página web

Por ultimo y no menos importante es que cuentes con una herramienta que te ayude a monitorizar el comportamiento de los usuario en el sitio web, por ejemplo con Google Analytics puedes:

• Llevar un registro de cuantos usuarios visitan tu página y cuanto tiempo en promedio los usuarios pasan en cada sección de tu página.
• Puedes crear eventos para saber si dan clic en ciertos botones o visitan ciertas secciones de tu página.
• Etc.

Como vez, es una herramienta que te ayuda a conocer el comportamiento del usuarios y con esa información ir optimizando tu página para que cada vez sea mas atractiva para tus clientes.

Recuerda que puedes conectarme si todo esto te suena muy difícil, siempre estaré listo para atenderte y llevar tu página web al siguiente nivel.