Cómo Crear una Página Web Paso a Paso – Tutorial

Llevo más de 10 años creando páginas web y me siento muy emocionado de poder compartir esto contigo.

Este súper tutorial te enseñará a crear una página web paso a paso utilizando diferentes creadores (dependiendo de tu caso).

Ya sabes que cualquier duda o consulta puedes escribirme en los comentarios o a mi email personal (link en mi bio).

¡Empecemos!

Empieza Ahora

 

¿No quieres leer? te hago un vídeo resumen:

Enlace a WebnodeEnlace a WixEnlace a WordPress

¿Prefieres leer? pues adelante… (encontrarás mucha info que no digo en el vídeo).

✍Tutorial para Crear una Página Web Paso a Paso

Para hacer una web perfecta es mejor que seguir todos los pasos.

1️⃣ Paso 1. Elige el Tipo de Página

Considero que una web puede ser de 3 tipos:

  1. Una Web Sencilla.
  2. Una Web Elaborada con Posibilidades.
  3. Una Web Profesional sin limitaciones.

¿Cuál es la mejor? pues ninguna de ellas. Simplemente se trata de tener claro su objetivo.

2️⃣ Paso 2. Define tu Situación Personal

Para empezar hay que tener en cuenta la situación de cada persona, ¿cual es la tuya?

  • Me gusta hacer las cosas por mi mism@ (sigue leyendo)
  • No tengo conocimientos de programación (sigue leyendo).
  • Tengo interés en aprender (sigue leyendo).
  • Dispongo de algo de inversión pero no mucha (sigue leyendo).
  • No quiero gastar nada de dinero, lo quiero todo gratis (continua por aquí).
  • No tengo mucho tiempo para aprender, necesito algo rápido, fácil y sencillo. (continua por aquí).

3️⃣ Paso 3. Conoce tus Visitas

Este es el secreto del éxito de cualquier página web. La mayoría de las personas no hacen esto. Y yo no lo entiendo…

Una web sin visitas es como montar una heladería en el desierto donde no pasa nadie.

Google tiene una herramienta para saber lo que la gente busca en internet.

¿Te imaginas que antes de abrir una cafetería tuvieras un informe con la cantidad de personas que van a pasar por allí al mes? ¿Y si además supieras lo que les gustaría consumir?

Sería un éxito asegurado. La información es poder…

Te he grabado un pequeño vídeo para explicarte mejor esto:

Como puedes observar conocer estos datos es un tesoro.

Utiliza Google ADS y Google Trends que son gratis. Con esta acción tu página web tendrá un objetivo más claro.

Invierte tiempo en este punto porque reside el éxito de cualquier proyecto.

Vamos a dar otro pasito más…

4️⃣ Paso 4. Define el Objetivo de la Web

Debes tener muy claro el objetivo de la página web.

  • Función Visual: una web que comunique un «quienes somos» , «qué hacemos» y «contacto»…
  • Función de Comercio Electrónico: una web que además tenga la capacidad de vender en internet.
  • Función de Blog: una web que tenga un blog donde compartir contenido para atraer visitas.

A día de hoy todas las herramientas de creación web tienen la posibilidad de incorporar estas funciones. Tener claras las funciones que vamos a utilizar va determinar la herramienta que tendremos que elegir para crear la web.

Lo normal es que al empezar quieras crear una página web sencilla, pero siempre es bueno «dejar la puerta abierta» para poder ampliar en un futuro.

5️⃣ Paso 5. Presupuesto

Si creas la web tú mismo te puedes ahorrar mucho dinero. Y lo más importante es que vas a poder gestionarla siempre que quieras.

Muchas personas contratan el servicio pero luego tienen que aprender igualmente a gestionarla.

No estoy diciendo que contratar la web a una empresa esté mal (de hecho puedes contratar SiWeb). Sino que primero aprendas a diseñarla tú porque de lo contrario nunca sabrás si han hecho un buen trabajo. Me he encontrado con verdaderas chapuzas webs.

Yo soy de la escuela «Juan palomo, yo me lo guiso y yo me lo como».

Saber el precio exacto de crear una web es algo complicado pero te puedo dar una aproximación. El gasto mínimo de material es un dominio y un hosting.

Dominio: Tu dirección web (www.loquesea.com).

Hosting: Tu espacio en la web. Donde se almacenan todos los datos.

Dominio y hosting van de la mano y ambos pueden costar a partir de los 80 Dólares o Euros al año. Dependerá de las características de hosting. Luego lo verás.

¿Dominio y Hosting Gratis?

Mi misión es hablarte claro. Un dominio y Hosting decente cuesta dinero. Tengo un artículo donde puedes crear tu web con un dominio y hosting gratuito.

Debes saber que un hosting gratuito tiene muchas limitaciones:

  • Poco espacio en disco.
  • Poca capacidad de recibir visitas.
  • Con publicidad (de la empresa que te ofrezca la web gratis).
  • Velocidad del sitio lento.

Yo recomiendo estos.

6️⃣ Paso 6. Crear Diseño Web y Estructura

¿Te ha pasado alguna vez que has durado menos de un segundo en salir de un sitio web?

Pues esto no queremos que pase y para ello vamos a repasar una serie de elementos importantes a cuidar antes de comenzar a crear la web.

Desde mi punto de vista, lo más importante es la sencillez. Valoro mucho la limpieza gráfica.

Colores

Dependiendo de la temática de tu sitio web puede ser conveniente utilizar un color u otro. Estarás de acuerdo conmigo que hay páginas que te levantan dolor de cabeza.

Las grandes empresas utilizan la psicología del color y podemos «copiarnos» de ellas.

Blancos: Web de marcas de moda o accesorios como relojes, joyas y artículos de lujo.

Azules: Páginas de bancos, gestorías y las de empresas relacionadas a la tecnología e innovación.

Amarillos: Suelen ser empresas relacionadas con la música, los videojuegos, la cultura y proyectos enfocados a jóvenes.

Naranjas: Web de regalos originales, de creación web, de marketing, de mobiliario o incluso hay muchas de marca personal.

Rojos: Páginas de tecnología, gabinetes de abogados, diseño gráfico e incluso algunas de restauración.

Rosas: Webs de moda, de innovación tecnológica, de música, etc.

Morados: Temas relacionados con la enología, de misterio, infantiles, espiritualidad y ocultismo.

Verdes: Tienen algo que ver con la ecología, la juventud e incluso la tecnología. En este blog nos gusta mucho este color. Verde esperanza.

Gris: Se utilizan en comercios online de diferentes productos, en webs de viajes, innovación tecnológica y webs corporativas.

Negros: Suelen ser temas relacionados a la marca personal, agencias de marketing, deportes, fotografía y eventos. A veces se utiliza para dar seriedad.

Además es importante saber combinar. Te dejo esta tabla de regalo por si puede ser útil:

Tabla Combinación de Colores web
Tabla de posibles combinaciones Web

Si te ha gustado este apartado de colores, pásate por este artículo donde encontrarás algunos significados de cada color, me resulta muy curioso.

Imágenes

Las imágenes puede ser un punto importante en tu página web. Intenta utilizar imágenes originales. Google está repleto de imágenes y no quieren tener más repetidas.

Otro factor importante es el peso de las imágenes. Si ocupan demasiado espacio tu página cargará más lenta.

Aquí te dejo una lista de herramientas gratuitas para comprimir y optimizar las imágenes que vayas a utilizar.

Velocidad de la Web

Velocimetro Web¿Alguna vez has pulsado el botón de atrás porque la página tardaba mucho en cargar?

A esto se le llama el porcentaje de rebote. Google valora mucho este factor.

El tiempo medio de carga debería de ser de 1,5 Segundos. Si tarda más puede ser un problema.

La velocidad de una página web dependerá mucho del proveedor de hosting, el contenido de la página y la herramienta que utilices para elaborar la web, esto lo veremos más adelante.

Puedes analizar la velocidad de cualquier web con herramientas gratuitas como Google Speed Test y Pingdom Tools .

Logotipo

Crear un Logotipo WebEs la identidad de tu web. Durante varios años me dediqué a crear logotipos para empresas en mi agencia de publicidad. Era un trabajo que me gustaba mucho.

Apuesta siempre por la sencillez. Ser directo y claro ha funcionado siempre.

Si no controlas mucho sobre este tema lo suyo es que contrates este servicio.

Puedes encontrar gente muy válida en plataformas como Freelancer.

Y si eres de los que te gusta hacer las cosas por ti mismo, hoy día puedes encontrar muchos creadores de logotipos muy fáciles de utilizar.

Tipografías

Elegir tipografia webUna vez más, sencillez por favor. Existen tipografías muy bonitas con mucho estilo pero hay que pensar en la legibilidad.

Puedes utilizar la biblioteca de Google Fonts.

Las principales tipografías que se utilizan en las web son estas:

Helvetica, Serif, Calibri, Averta, Finland, Arvo, Verona, Quicksand, Baskerville, Blogger, Sans, Blacker, Radio, Grotesk, Woodland, Sansa, Kid, Symphony, Script.

Y Ahora una Buena Noticia…

Si has empezado a agobiarte con estos factores porque no entiendes nada de diseño gráfico o la estética no es lo tuyo, tengo una noticia que darte.

Existen las Plantillas o Themes. Básicamente son «lienzos» preparados para desarrollar cualquier proyecto web.

A día de hoy la mayoría de herramientas web utiliza plantillas o themes. No obstante todo lo mencionado anteriormente es importante que lo cuides y lo tengas en cuenta 😉

Es hora de entrar en acción.

7️⃣ Paso 7. Elige la Herramienta Perfecta para Crear la Página Web

Para ejecutar todas estas tareas y comenzar a crear tu página web vas a necesitar un programa llamado gestor de contenido. Básicamente es una aplicación con un entorno visual agradable y entendible para todas las personas que no entienden de programación.

Antiguamente «se picaba código» durante horas para hacer alguna función que a día de hoy no tardarás más de 5 minutos.

En internet puedes encontrar miles de páginas debatiendo y defendiendo la mejor herramienta.

¡WordPress es la mejor! – Noooooo ¡la mejor es Wix! – Nooooo ¡Mejor utilizar Shopify! – ¡Yo utilizaría Joomla! – Y así un largo etc…

Como te dije al comenzar este tutorial cada persona tendrá una situación diferente y toda herramienta es buena si se utiliza con un objetivo claro.

En el siguiente enlace puedes encontrar una lista muy completa con diferentes herramientas de creación web.

Para enseñarte a crear tu pagina web paso por paso, he creado diferentes tutoriales de las herramientas que yo aconsejo utilizar. Espero que te sean útiles:

🎬Vídeo Tutorial para Crear una Página Web con WordPress.org

Ideal para Personas Funciones de la Web Yo la Utilizaría para…
Que quieren aprender. La Función Blog es el punto más fuerte. Páginas Web Profesionales.
Que no quieren limitaciones. Puedes implementar todas las funciones (ecommerce). Proyectos para posicionar en Google.
Algo de habilidad para aprender. 100% Compatibles con Tablets y Móviles. Páginas con una proyección futura.

Te explico todo el proceso en mi tutorial actualizado sobre WordPress. Sin duda esta es la manera más escalable y profesional de crear una web:

Enlaces del vídeo: Hosting Europa | Hosting América | GeneratePress

Si decides crear la web con WordPress te sugiero pasarte por este artículo súper completo.

Ventajas de WordPress:

  • Sin limitaciones.
  • Página web escalable en el tiempo
  • Alta personalización SEO.
  • Puedes crear cualquier página web.
  • Más asequible en precio que la versión de WordPress.com
  • Tienes una comunidad con un foro de soporte bastante grande.

Desventajas de WordPress:

  • Necesitas algo de tiempo para aprender y desarrollar.
  • Eres el responsable de sus actualizaciones y su seguridad.

Ejemplo de Web WordPress:

Siemprendes.com: Nuestra web está desarrollada totalmente en WordPress. Fue creada en el 2013 y como yo me dedicaba a crear página web a otras empresas me resultó muy fácil crearla. Su objetivo ha sido captar visitas a través del blog a nivel hispano. Actualmente tenemos 100.000 visitas aproximadamente que llegan a diferentes partes de nuestro blog.

Nota: utilizar WordPress de esta manera es la opción perfecta para mí, pero no quiere decir que sea la mejor para ti. Dependerá mucho de tu habilidad para aprender.

Sigamos viendo otras opciones.

🎬Vídeo Tutorial para hacer Página Web con Webnode

Ideal para Personas Funciones de la Web Yo la Utilizaría para…
Sin tiempo. Para mostrar algún producto o servicio. Páginas Web Sencillas.
Con dificultad en aprender. Puedes implementar Tienda y Blog.
Con poca o nula inversión. 100% Compatibles con Tablets y Móviles.

A muchas personas les parece complicado utilizar WordPress y por eso aconsejamos webnode. Aquí puedes conocer diferentes opiniones.

Empieza Ahora

 

Ventajas Webnode:

  • Puedes crear la web en el mismo día.
  • No necesitas ningún conocimiento.
  • Facilidad extrema de uso.
  • Alta calidad visual.

Desventajas de Webnode:

  • El código web tiene su propio lenguaje.
  • La Web funciona en sus servidores únicamente.
  • Pocas opciones de personalización SEO.

Ejemplo Web con Webnode:

www.probeauty.cz: una peluquería que quiere tener su página web para que sus clientes puedan ver sus fotografías y cortes de pelo.

🎬Vídeo Tutorial para Crear Página web con Wix

Ideal para Personas Funciones de la Web Yo la Utilizaría para…
Con dificultad en aprender. Para mostrar un portfolio. Páginas Web de Fotografía y Creativas.
Con inversión moderada. Puedes implementar Tienda y Blog. Páginas alto contenido visual.
Fotógrafos y Creativos. 100% Compatibles con Tables y Móviles. Páginas con Sistema de Reserva.

Crear una web con Wix no es complicado pero necesitas algo de tiempo para familiarizarte con la herramienta. Esta empresa lleva bastante tiempo en el mercado y quiere ser un competidor de WordPress.

Aquí te dejo con un vídeo actualizado donde te enseño a crear una web con wix:

Empieza Ahora

 

Ventajas de Wix:

  • Facilidad de Uso.
  • Puedes comenzar con una cuenta gratuita.
  • Todo el mantenimiento de la Web lo gestiona Wix.
  • Muchas plantillas para elegir de alto impacto visual.
  • App Market propio con muchos complementos para la Web.

Desventajas de Wix:

  • La cuenta gratis es una versión muy limitada.
  • La web únicamente funciona en sus servidores y no la puedes migrar.
  • Aunque han mejorado bastante en los últimos años, poca personalización Seo.
  • Puede llegar a tener un precio bastante elevado si activas muchas opciones.

Ejemplo de una Web Wix:

www.johnny-valentine.com: el contenido multimedia de esta web habla por sí sola.

Desde mi punto de vista, este tipo de webs hacen que la página cargue más lenta.


⚠️Errores más Comunes al Crear una Web

Siempre se repiten los mismos…

  • No aplicar el tercer paso (estudio de palabras clave).
  • Elegir la herramienta equivocada y cuando quieres migrar o ampliar no puedes. Por lo que hay que empezar de nuevo.
  • Crear una web únicamente porque te han dicho que puedes ganar dinero.
  • Elegir un hosting equivocado dando lugar a página lenta, caídas de servidor, etc.
  • No hacer copias de seguridad de la web. Hay hosting que no la hacen automáticamente.
  • Utilizar diseños cargantes.
  • Pagar a una empresa para que te realice todo el proyecto y luego no saber gestionarla. Este último punto me ha ocurrido muy a menudo. Hay personas que me llegan con páginas creadas por otras personas y ni si quiera tienen los accesos para entrar en la web.
  • Si vas a contratar este servicio a una empresa asegúrate de esto. El dominio de la web siempre tiene que estar a tu nombre. Y tienes que tener los accesos a tu página web en calidad de administrador.

Espero que esta guía de creación web haya estado a la altura. Me encantaría recibir un comentario con tu opinión.

Y sobre todo que si tienes alguna duda no te quedes con ella. Estoy deseando ayudarte 😉

¿Te ha gustado este contenido?

¡Haz clic en una estrella para puntuarlo!

Promedio de puntuación 5 / 5. Recuento de votos: 8

Hasta ahora, ¡no hay votos!. Sé el primero en puntuar este contenido.

Ya que has encontrado útil este contenido...

¡Síguenos en nuestras Redes Sociales!

¡Siento que este contenido no te haya sido útil!

¡Déjame mejorar este contenido!

Dime, ¿cómo puedo mejorar este contenido?

Suscríbete y Recibe las Respuestas en tu Email
Notificar por
guest
13 Comentarios
Nuevos
Antiguos Más Votados
Comentarios en Línea
Ver todos los comentarios
Mandy González
Mandy González
2 Años atrás

Excelente tutorial, muy completo y explicado con sencillez para que los que no tenemos conocimientos sobre es aspecto podamos entender con facilidad. Muchas gracias. ¿Tiene un tutorial sobre como hacer un blog y compartir en las redes? A mi me interesa compartir mi blog en Facebook pero que solo aparezca el nombre del blog, no mi nombre.

Gianella
2 Años atrás

Hola, que buen tutorial! Las personas que inician con un emprendimiento online deben de tener en cuenta que antes de empezar con una página es fundamental saber qué objetivo y nicho de mercado persiguen para así definir el tipo de diseño desean. Muchas gracias!

Dnilo Medina
3 Años atrás

Muy completo el trabajo.

Las opciones son tantas que uno se confunde. Creo que si alguien tiene una idea bien definida de lo que quiere y se va a enfocar solo en ese nicho, sin cambiar a nada más y sin crear otros sitios de prueba, herramientas como wix o shopify es lo mejor. WordPress es excelente pero hay que mantenerlo y a veces las personas instalan plugins que hacen el sitio más lento. Por ejemplo, woocommerce y jetpack hacen que el sitio se tarde más en cargar.

Gracias por la oportunidad.

Marcelo
Marcelo
3 Años atrás

Excelente. Explicas claramente y tengo la impresión que con honestidad. Te agradezco. Un saludo desde la Argentina. Marcelo.

Nelson
3 Años atrás

No vi por algún lado a GoDaddy, ¿tienes alguna opinion al respecto?

Gabriel Rojas
Gabriel Rojas
3 Años atrás

Hasta ahora han sido las instrucciones más detalladas que he visto. Felicitaciones y gracias.

Bernard financesinthedark
4 Años atrás

Me lo guardo en favoritos… Creo que he trasgredido todos los consejos. 🙁
Así me va que no salgo en google.
Saludos.

Avanceweb
4 Años atrás

Gran recopilación de páginas para crear una web tú mismo. Para blog sencillos podéis utilizar blogspot (google).

🖐 ¿Necesitas Ayuda?