Cómo crear una web profesional con dominio propio gratis (casi...)

Tener una página web es tener una ventana abierta al mundo y que, independientemente de cuál sea nuestro objetivo siempre es recomendable, aunque muchas veces nos enfrentamos al problema de no tener suficientes recursos para poder tenerla.

Por eso, en este post te contamos cómo crear una página web tú mismo y casi gratis, por poco más de 1 € y súper profesional.

También veremos qué necesitamos antes de ponernos “manos a la obra” y algunas herramientas gratuitas que nos ayudarán con nuestra web y su marca.

Qué necesitas para crear una página web profesional y gratis

Antes de ponerte a crear tu página web es importante tener claras las cosas que vamos a necesitar en el proceso.

Por un lado, vamos a contratar dos servicios, de hosting y dominio, y en el tercer apartado de este post te enseñamos a contratarlos por 1 € (por eso el “casi gratis” en el título). Habitualmente se contratan ambas prestaciones en el mismo servicio.

El servicio de hosting es el alquiler de un servidor web conectado a Internet en el cuál alojar un sitio web, mientas que el dominio es nombre y dirección que va a tener tu página web en Internet, a través del cual la gente te puede encontrar y acceder.

Si eres principiante y todavía no controlas mucho estos términos, te dejo este post en el que profundizamos más sobre este tema:

¿Qué diferencia hay entre un Dominio y un Hosting?

Un dominio y un hosting son conceptos diferentes, pero a la vez que muy ligados el uno al otro. Aquí te explico sus diferencia y relación.

Por otro lado, cuando comenzamos a diseñar nuestra web es importante tener ya hecho la parte más abstracta del trabajo, como es el tener claro el objetivo de nuestra web (y así tener más o menos claro lo que queremos contar y por consecuencia los textos que queremos añadir).

También es importante tener clara la estructura y el diseño enfocado, junto a la tipografía, los colores o los archivos multimedia que queremos tener en nuestra web. A modo de resumen, te dejo esta lista con los pasos que considero que es más recomendable seguir:

1. Definir el objetivo de tu sitio web. No es lo mismo plantear una página web para tu negocio, marca personal o una tienda online. Debes preguntarte qué es lo que quieres conseguir y transmitir a través de tu sitio web, y en función de esto elegiremos lo siguiente.
2. Definir el contenido y estructura de tu sitio web. Por ejemplo, si es para un negocio podría tener las páginas de: Inicio, Servicios, Contacto y Blog. Una vez que tengas eso más o menos claro (es algo que puede variar, por supuesto) te recomiendo coger papel y boli (o una hoja en blanco de cualquier editor de texto de tu pc) y hacer un boceto de cómo quieres que sea tu página principal (qué contenidos quieres que muestre).
3. Redacta los textos de tu sitio web y recolecta las imágenes o vídeos que quieres mostrar.
4. Elige la tipografía y los colores. Si ya tienes una marca definida, usa esos. Si no es el caso, es momento de indagar. Es un tema bastante extenso y que profundizamos más en el siguiente apartado.

Crear una página web no es un trabajo complicado, pero sí de seguir unos pasos para no perdernos durante el camino o ralentizarnos mucho, y en este post vemos cada paso, hasta tener una página web como la que puedes ver aquí:

Mejores herramientas para crear páginas web

Como hemos visto en el anterior apartado, antes de ponernos manos a la obra a crear nuestro sitio web debemos tener ciertas cosas preparadas o establecidas, como el color y tipografía de marca o las imágenes que queremos utilizar. En este apartado te enseñamos las mejores herramientas gratuitas para conseguirlo.

Elige los colores de tu sitio web en Coolors.co

Los colores de una web forman parte del diseño y de la identidad de la marca, por lo que es importante, o por lo menos recomendable, que los tengan pensados y establecidos antes de ponerte a crear la web.

Si todavía no los tienes claros, te dejo este sitio web llamado Coolors.co en el que puedes inspirarte en las paletas de colores creadas o buscar los colores con los que mejor encajan los tuyos:

Desde el apartado de “Generate” puedes ver paleras que ha ido creando la gente y desde el apartado de “Explore” puedes buscar las mejores combinaciones de tu o tus colores.

Google Fonts: donde encontrar las mejores tipografías para tu web

De la misma manera que los colores, la tipografía de tu marca es algo esencial y en lo que debes invertir tiempo. Google Fonts es una página de Google donde encontramos muchas fuentes de letra y que podemos utilizar como “catálogo” de fuentes para nuestro sitio web.

Eso sí, no todas las fuentes de Google están disponibles en WordPress, por lo que te recomiendo no elegir alguna “demasiado original”.

Bancos de imágenes para encontrar las mejores fotos

Si no tienes tus propias imágenes y necesitas añadir alguna recuerda que no puedes cogerlas directamente de Google porque puedes estar protegidas. Por eso te recomiendo echar un vistazo a bancos de imágenes (como Pixabay o Pexels) donde puedes encontrar imágenes libres de derechos.

Cómo hacer tu propio logotipo

Un logotipo es una forma rápida y útil de que la gente reconozca y recuerde tu marca o negocio.

Lo ideal es que un profesional de diseño nos diseñara un logotipo, pero como en muchas ocasiones no tenemos suficiente presupuesto, o simplemente estamos iniciando nuestro proyecto podemos hacerlo nosotros mismos.

Una de las webs más famosas para conseguirlo es Canva, donde puedes encontrar diseños que personalizar tú mismo.

Cómo crear una página web gratuita desde cero

En este apartado vemos cómo crear una página web desde cero y paso a paso, siguiendo los pasos que nombramos en el primer apartado.

En este caso vamos a utilizar la versión de WordPress.org porque consideramos muy superior en cuanto a las posibilidades de diseño y escalabilidad de nuestro proyecto.

Paso 1. Contratación de hosting y dominio casi gratis

Habitualmente los precios de un servicio de hosting rondan los 5-10 €/mes, y con esta oferta de Ionos puedes conseguirlo por 1 €. Esos sí, debes tener en cuenta que las prestaciones no son las mismas, pero la relación calidad/precio de este producto es más que aceptable.

Paso 2. Instalación de WordPress

Como hemos contratado Ionos vamos a utilizar su instalador automático, y no tendremos que hacer mucho más que introducir nuestros datos de acceso para conseguirlo.

Paso 3. Ajustes básicos de WordPress

Comenzamos con unos ajustes básicos de WordPress para poner a punto nuestro futuro sitio web.

Paso 4. Personalización: descargar e instalar temas gratuitos

Los temas de WordPress son estructuras prediseñadas que puedes aplicar a tu sitio web y que le dan un estilo y estética. Hay una biblioteca con cientos de ellos donde puedes elegir y luego personalizar a tu gusto.

Paso 5. Instalación de plugins gratuitos

El siguiente paso que tenemos que hacer es instalar el plugin de Elementor, que como te decía en el apartado anterior es con el que vamos a diseñar y maquetar nuestra página web.

Paso 6. Creación de páginas de nuestra web

El siguiente paso que vamos a hacer es crear las páginas de nuestro sitio web. Para un negocio local como es este ejemplo, las típicas páginas son:

• Una primera de inicio que va a ser la Landing Page.
• Otra de servicios en la que contamos a qué nos dedicamos, en este ejemplo describiremos tipo de tratamiento que hay disponible en nuestra clínica.
• Otra de contacto dónde vamos a poner dónde nos pueden encontrar.
• Finalmente, una de blog, dónde iremos subiendo diferentes artículos.

Paso 7. Diseño de la página de inicio con Elementor

Una de las grandes ventajas de WordPress y de estos constructores es que funciona con el método de soltar arrastrar, por lo que no encontraremos ningún problema, aunque no tengas conocimientos de diseño web.

Vídeo cómo crear una página web profesional gratis paso a paso

En este apartado dejo este vídeo en el que te contamos todo lo que hemos visto de cómo crear una web profesional (casi) gratis: