Cómo Crear una Página Web desde Cero – Tutorial

banner crea tu propia web movil

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

Existen muchos tutoriales por internet donde «te venden la manera perfecta» de crear una web sin tener en cuenta la situación de cada persona.

En este artículo me gustaría enseñarte todo el proceso de creación desde cero y elegir la herramienta que mejor funcione para ti.

Y como algunas personas prefieren delegar este trabajo hemos decidido crear siweb. Si no es tu caso, sigue leyendo.

Empieza Ahora

 

Introducción

¿No quieres leer? te resumo en un vídeo:

Enlace a WebnodeEnlace a WixEnlace a WordPress

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

Pasos para Crear tu Página Web desde Cero

Para tener las ideas claras es mejor que no te saltes ningún paso.

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.

Paso 2. Define tu Situación Personal

Para empezar hay que tener en cuenta la situación de cada persona, ¿cual sería 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í).

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…

Paso 4. Define el Objetivo de la Web

Tenemos que tener clara el objetivo de la 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 con un blog donde se publique contenido periódicamente 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 web sencilla, pero siempre es bueno «dejar la puerta abierta» para poder ampliar en un futuro.

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

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. Normalmente han sido diseñados para utilizarlos en diferentes temáticas.

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.

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 el artículo 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.

Ahora voy a nombrar las más conocidas y las que aconsejo utilizar.

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

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

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 primer 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 😉

banner crea tu propia web movil
¡Haz clic para puntuar esta entrada!
(Votos: 5 Promedio: 5)

Autor: Rubén Molinero

Informático. Me considero una persona curiosa tecnológica. Me encanta la Creación Web, el Diseño Gráfico y la Blockchain. Estoy aquí para ayudarte y compartir contigo mi experiencia. Si me necesitas puedes escribirme a ruben(a)siemprendes.com. Facebook | Twitter

13 comentarios en «Cómo Crear una Página Web desde Cero – Tutorial»

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

    Responder
  2. 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!

    Responder
  3. 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.

    Responder
    • Me alegro que guardes esta página 😉

      Salir o no salir en google va a depender mucho de los términos por los que quieras salir. Si hay muchas personas que está compitiendo por alcanzar los primeros resultados por una palabra clave entonces será más complicado. El seo es una carrera de fondo y no de velocidad, el trabajo se va viendo a lo largo del tiempo. Todo dependerá del proyecto que estés realizando. Yo te aconsejo crear tu página en WordPress instalado en tu propio hosting y dominio. A partir de hay tendrás que echarle paciencia y aprender 😉

      Responder

Deja un comentario