Cómo Crear una Página Web desde Cero – Guía Completa

Bienvenid@ a mi súper guía donde aprenderás a crear una página web desde el principio.

Llevo 10 años haciendo esto y me siento emocionado de poder compartirlo contigo.

Existen muchos tutoriales en internet que hablan de esto pero la mayoría «te vende la manera perfecta» de crear una web sin tener en cuenta la situación de cada persona.

Y esto es lo que me gustaría aportar. Quiero darte el mapa y la herramienta que mejor funcione para ti.

Además estoy dispuesto a responder a todas tus preguntas en el área de comentarios como valor añadido 😉

Y como este post no quiero que tenga demasiada palabrería vamos a entrar en harina lo antes posible.

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

Considero que la creación web podría tener 3 niveles:

  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.

Para empezar hay que tener en cuenta la situación de cada persona, ¿cuál 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 me 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í).

Sigamos dando pasos…

«El Truco» que Deberías Aplicar antes de Empezar

Antes de que aprendas a crear una página web voy a darte la joya de la corona.

La mayoría de las personas pasan de hacer esto. Y yo no lo entiendo…

No hacerlo es como montar una heladería en el desierto donde no pasa nadie.

Esto parece un secreto para muchos: Google tiene una herramienta donde puedes ver lo que la gente busca en internet.

Así es, ¿te imaginas que antes de abrir una cafetería te entregaran un informe con la cantidad de personas que van a pasar por allí al mes?

¿Y si además te dijeran lo que van a consumir?

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

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

Como puedes observar conocer estos datos es un tesoro.

Utiliza Google ADS y Google Trends que son gratis.

Con este gesto tu página web tendrá un objetivo más claro.

Mi consejo es que inviertas todas tus fuerzas en este punto ya que reside el éxito de tu proyecto. Si quieres profundizar más te recomendaría contactar con un analista especializado en este tema.

Vamos a dar otro pasito más…

Tipos de Página Web

Tenemos que tener clara la función 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.

¿Cuánto Cuesta Crear una Página Web?

Otro dato importante a tener en cuenta antes de crear una página web es «el money money».

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. 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 de una página web es algo complejo 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. Como todo, los hay de mejores y peores calidades. Más adelante lo verás.

A partir de este precio hay que tener en cuenta otros factores. Dependerá de la herramienta que vayas a utilizar y el tiempo que vayas a invertir.

¿Página Web Gratis?

Mi misión es hablarte claro.

Crear una web tiene el gasto mínimo de Dominio y Hosting.

Si esto no lo pagamos, nadie lo hará por nosotros. Así que te asignaran un subdominio gratuito.

Por ejemplo www.loquesea.wix.com. Tu dirección siempre se vería «colgando» del nombre del dominio principal. No queda muy profesional.

Por otro lado, se te asignaría un hosting gratuito con unas características muy básicas para empezar:

  • Poco espacio en disco.
  • Sin cuentas de correo.
  • Sin demasiada capacidad de recibir visitas.
  • Con publicidad (de la empresa que te ofrezca la web gratis).
  • Velocidad del sitio más lento.

No se puede tener todo. Es por donde mucha gente empieza.

Normalmente las empresas con las que puedes crear una página web gratis te ofrecen diferentes planes. Empiezas con una web gratuita con el objetivo de venderte un plan más avanzado en el futuro.

Si lo que necesitas es crear una web sencilla sin complicarte demasiado la vida, utilizar un creador de este tipo puede ser una opción. Todos ellos tienen versión gratuita, por ejemplo:

Si lo que buscas es crear únicamente una web gratuita visita este enlace.

Pero todavía no tomes un decisión, si te parece vamos a dar otro pasito más.

Diseño, Estructura y Material

¿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. Hay muchos freelance que se dedican a esto.

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

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

Herramientas para Crear y Diseñar la 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.

Si quieres entretenerte un rato, aquí puedes encontrar una lista con diferentes herramientas de creación web.

Para este artículo utilizaré las que yo he probado y sobre todo conozco en profundidad.

1. WordPress.com

Ideal para PersonasFunciones de la WebYo la Utilizaría
Que les gusta escribir.La Función Blog es el punto más fuerte.A modo hobbie o entretenimiento.
Con dificultad para aprender.Puedes implementar Tienda Online (es costoso)Para crear un blog sin implicarme en su mantenimiento y pagando una cuota.
Con poco tiempo.100% Compatibles con Tablets y Móviles.

¿Quién no conoce WordPress hoy día? seguramente lo has escuchado alguna vez.

Sin duda es uno de los mejores gestores de contenido que existen. En un principio se utilizaba para crear blogs pero actualmente utiliza para crear todo tipo de páginas webs.

Para explicarte como se crear una web con wordpress.com te he grabado este pequeño vídeo:

Empieza Ahora

 

Ventajas:

  • Facilidad de Uso.
  • Puedes comenzar con una cuenta gratis.
  • Todo el mantenimientos lo hace la empresa que gestiona WordPress.com

Desventajas:

  • La cuenta gratis es una versión muy limitada de WordPress.
  • La web únicamente funciona en sus servidores (aunque a día de hoy se puede migrar).
  • Pocas opciones de personalización Seo.

Ejemplo Web:

www.esblogshure.wordpress.com: un blog donde se comparte información para músicos y amantes de la música.

2. WordPress.org

Ideal para PersonasFunciones de la WebYo la Utilizaría
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.

Lo primero que tendrías que hacer es contratar un hosting para instalar la versión completa de WordPress.

La buena noticia es que a día de hoy la mayoría de proveedores de hosting incorporan WordPress para instalar desde su panel de control y es muy fácil.

Existen miles de empresas de hosting. Yo te aconsejaría contratar uno especializado en WordPress, por ejemplo:

Todos ellos tienen un buen soporte que es lo importante. Dependerá de tu bolsillo.

Para explicarte cómo se crea una página web en WordPress.org a fondo necesitaría extenderme un poco más.

Si vas en serio con esta opción entonces te sugiero pasarte primero por este artículo:

Cómo crear una página web en WordPress.

Y posteriormente puedes realizar mi curso de WordPress totalmente gratuito 🙂

Curso de WordPress.org.

Ventajas:

  • 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:

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

Ejemplo de Web:

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.

3. Webnode

Ideal para PersonasFunciones de la WebYo la Utilizaría
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.

La idea de utilizar un creador web de este tipo es para un perfil de personas muy concreto.

En este blog hemos recomendado en varias ocasiones la herramienta de Webnode porque muchas personas les parece complicado utilizar WordPress.

Para explicarte como se crea una web con este editor, Lorena lo hace genial en este vídeo de nuestro canal de Youtube:

Empieza Ahora

 

Ventajas:

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

Desventajas:

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

Ejemplo de Web:

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.

4. Wix

Ideal para PersonasFunciones de la WebYo la Utilizaría
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.

Aprender la herramienta de Wix no es complicada pero necesitas un poquito de tiempo para familiarizarte con ella.

Esta empresa lleva bastante tiempo en el mercado y comienza a ser un serio competidor de WordPress. La gran labor publicitaria que están haciendo seguro que tiene mucho que ver.

Si eres un usuario habitual de Youtube estoy convencido de que ya has visto el famoso anuncio de Wix antes de reproducir algún vídeo, son un poquito pesados…

Wix te ofrece una cuenta gratuita para empezar. Como las demás herramientas las opciones son muy reducidas.

Utilizaría Wix si eres un fotógrafo o un creativo sin demasiados conocimientos informáticos que quiere crear una web con alto impacto visual. «Lo bonito de Wix» es la calidad de sus plantillas que están bastante cuidadas.

Lorena vuelve a hacer el recorrido sobre esta herramienta donde explica los rincones más importantes de wix:

Empieza Ahora

 

Ventajas:

  • 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:

  • 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 Web:

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 paso primero del 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 😉

[Total: 3   Promedio: 5/5]

¿Me Ayudas? Comparte esta Entrada ❤ Gracias


Autor del Post:
Rubén Molinero

Informático, Apasionado del Marketing Digital, la Creación Web y el Autoconocimiento. Estoy aquí para ayudarte y compartir contigo mi experiencia. Si me necesitas puedes escribirme a ruben(a)siemprendes.com. Facebook | Twitter

9 comentarios en “Cómo Crear una Página Web desde Cero – Guía Completa”

    • 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