Página web: ¿Qué es y para qué sirve una página web y cómo puedo crearla?

¿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.

5. Registra tu dominio web

Un paso muy importante es elegir el nombre de dominio de tu página, si ya tienes una marca, tu domino podría ser el nombre de tu marca, de lo contrario, te dejo algunas ideas que pueden ayudarte a elegir un buen dominio:

• Considera que se corto y fácil de escribir y recordar para tus usuarios.
• Que represente claramente los objetivos e ideas de tu sitio web.
• Relacionado con tu giro o sector, por ejemplo: motores.com o paginasweb.com.
• Elige un proveedor de dominios serio y reconocido, por ejemplo Google domains, Goddady, etc.

Es importante que verifiques la disponibilidad del dominio, esto quiere decir que puedas comprarlo, por ejemplo el dominio ewebik.com ya se encuentra registrado y no podrías adquirirlo con ningún proveedor.

• Un dominio se paga anualmente, pero puedes adquirirlo por varios año según el proveedor.
• Te recomiendo que dejes la renovación automática y siempre tengas actualizado tu método de pago, así nadie podrá ganarte tu dominio.
• El precio del dominio varía dependiendo de si es .com, .net, .shop, etc; no obstante al verificar la disponibilidad el proveedor te indicará el precio actual y el de renovación.

Si aún te queda dudas sobre los dominios, tengo todo un post donde profundizó en este tema, te dejo el link para que puedas revisarlo.

5. Alojamiento web o plan de hosting

Ahora llega el momento de buscar donde vivirá tu sitio web, para ello debes elegir que servicio de hosting te conviene, existe una gran cantidad de proveedores serios donde puedes alojar tu página, por ejemplo:

• Digital Oceans: es un servicio que te permite crear servidores dedicados a bajo costo, hablamos desde unos 6 dólares al mes, aunque los planes y precios varían dependiendo del tipo de servicio que necesitas.
  • En lo personal es el proveedor que más utilizo, incluso esta página esta alojada en un servidor de Digital Oceans.
  • Te dejo un cupón para probar este servicio, solo da clic y contrata el servicio para que te hagan valida el cupón.

• Amazon AWS: una de las mejores opciones y seguras, puedes alojar cualquier página web.
• Hostinger: esta orientado a proyectos web, aunque tiene servicios de hosting bastante robustos.

Y así podría seguir, hay una gran cantidad de opciones y lo único que depende es el tamaño y cantidad de visitas que tendrá tu página web.

6. Optimización en buscadores (SEO)

Ahora te preguntarás, como es que las personas se van a encontrar mi página web, hay varías opciones, como compartir tu pagina en redes sociales, pero una bastante poderosa es que te encuentren cuando hacen búsquedas en Google u otros buscadores de internet.

A esto se le conoce como optimización en motores buscadores o SEO por sus siglas en ingles, hay varías cosas que puedes hacer para mejorar el SEO de tu página por ejemplo:

• Búsqueda de palabras clave: conocer como es que la gente busca tu producto o productos similares, te ayudará a crear contenido y textos con esas palabras para que los buscadores identifiquen que estas hablando de un tema en especifico y muestre tu sitio web en los resultado de búsqueda.
• SEO en la página (SEO on page): el como estructuras el contenido de la página importa, te recomiendo que veas mis cursos gratuitos para comprender lo básico de HTML, ya que esto es importante para este punto, por ejemplo:
  • Titulo principal (TAG H1): elige un titulo único en cada página por ejemplo: “7 formas de usar correctamente este producto”, solo debe haber un TAG H1 por cada post o landing page publicada.
  • Subtítulos: estructura tus publicaciones o post para que los usuarios los comprendan mejor, tal como lo hacen los libros, en una página web los subtítulos los estableces con los TAGs HTML H2, H3, H4.
  • Metas: esto es un poco más técnico, pero los buscadores siempre buscan las METAS TAGS que van entre las etiquetas <HEAD></HEAD>:
    • TITLE: establece el titulo general de tu página.
    • DESCRIPTION: pequeña descripción del post publicado
    • Ambos parámetros deben ser único por cada página publicada en tu sitio web.

En resumen hay muchas consideraciones de SEO que debes cuidar en tu página, por ejemplo:

• Velocidad de carga.
• Jerarquía de contenidos
• Imágenes
• SEO Local
• Etc.

Escríbeme o ve mis otros post si tienes dudas, en EWebik brindamos el servicio de SEO básico en todas las páginas web que se crean, ya que todas nuestras páginas son amigables con los principales buscadores de internet.