Cómo crear una página web profesional y rentable – Guía Completa

Con esta completa guía vas a aprender a crear una página web paso a paso de forma profesional y sobre todo que sea rentable. La idea es hacer una página web que de verdad te merezca la pena, que se convierta en un proyecto a medio y largo plazo con el que puedas cumplir tus objetivos.

Y para eso ha venido Javier Balcázar, un crack del diseño web que va a explicarte estos pasos para crear una página web profesional con todos los detalles que necesitas saber: conocer tu perfil, tus objetivos, los costes de la web, su diseño, el SEO… Todo.

¡Te dejo con Javier!

Crear una página web paso a paso

Hoy en día, gracias a la proliferación de gestores de contenido como WordPress, hay muchos usuarios que pueden ser capaces de crear la página web de su empresa o su blog de marca personal siguiendo tutoriales como los que se encuentran en este gran blog.

Muchas de estas personas se dejan un montón de tiempo y dinero en el proceso hasta que construyen su web y terminan consiguiendo un resultado poco profesional:

Los que lo consiguen, sea por cuenta propia o contratando a un diseñador, luego ven que su página no tiene tráfico y acaban teniendo los mismos clientes que antes y unos cuantos euros menos en el bolsillo.

Todo esto suele ocurrir por no saber qué implica adentrarse en Internet y lanzar un proyecto web.

Por ello, hoy quiero compartir contigo una guía para que sepas cómo hacer una página web profesional y los pasos que tienes que dar para que sea rentable y así consigas más clientes y/o ventas.

Además, en este artículo te contaré los errores más comunes que se cometen al crear una web, para que tú los puedas evitar. Ten en cuenta que yo ya he pasado por este camino y he cometido unos cuantos, y no quiero que te pase lo mismo.

Bueno, dejémonos de cháchara y al lío. 🙂

🎯 ¿Qué quieres conseguir con tu página web y cuánto tiempo le vas a dedicar?

Lo primero que tienes que tener claro es qué quieres conseguir y de cuánto tiempo y dinero dispones para invertir en tu proyecto.

Según mi experiencia, podríamos decir que hay 3 perfiles:

🤔 ¿Contrato a alguien o lo hago yo?

Una vez te hayas identificado con uno de estos perfiles debes hacerte 3 preguntas:

Si la respuesta es no, ten en cuenta que tendrás que dedicar tiempo a leer y a aprender, y luego otro tanto a aplicar los conocimientos montando tu web.

No es difícil, pero si eres principiante necesitarás tiempo para conseguir un buen resultado.

En cualquier caso, seas novato o no, para crear una página web profesional te recomiendo que utilices WordPress por la gran cantidad de información que hay en Internet, sus enormes posibilidades de personalización y su sencillez de uso.

Otra de las razones por las que te aconsejo utilizar WordPress es por la extensísima lista de plantillas o temas que hay disponibles. Por si no lo sabías, WordPress funciona sobre plantillas para que te sea más fácil de diseñar. Cada una tiene un diseño predeterminado y viene con una estructura, unos efectos y un contenido de demostración que tú puedes cambiar y personalizar a tu gusto.

Como hay más de 10.000, si estás empezando te será difícil elegir la adecuada, así que aquí te dejo una recopilación con las mejores plantillas WordPress para que no pierdas el tiempo ni el dinero comprando temas mal optimizados y/o desfasados.

Aprender cómo crear una web profesional es el primer paso.

Eso sí, saber cómo funciona el CMS (sistema de gestión de contenidos) que escojas no tiene nada que ver con saber poner luego todos esos conocimientos en práctica de la manera adecuada.

En caso de que no sepas cómo moverte por WordPress y comenzar a diseñar tu web, aquí te dejo un vídeo en el que te enseño cómo crear una página de inicio con Visual Composer para que puedas ir aprendiendo un poco.

Si de verdad vas en serio con tu proyecto web, tienes que saber que las visitas no llegan por arte de magia.

Necesitas realizar muchas acciones para atraerlas mediante estrategias de marketing de contenidos, redes sociales, posicionamiento SEO y acciones de publicidad SEM entre otros.

Si lo haces tú mismo y eres novato, te recomiendo que te armes de paciencia y leas muchos blogs de diseño web y marketing online. Cuanto más alto sea tu objetivo, mayor esfuerzo o dinero tendrás que invertir para conseguirlo.

A cambio, a medio y largo plazo, mayor será el beneficio.

💸 Cuánto cuesta crear una página web

¿Sabes crear una página web profesional paso a paso?

En caso de que no tengas ni tiempo ni ganas, sin duda la mejor opción es que busques un diseñador web.

El proceso que normalmente se sigue es el siguiente:

Con esto te quiero decir que una web no tiene un presupuesto estándar cerrado.

No es lo mismo diseñar una web con 3 o 4 secciones, que un blog de marca personal o una página web corporativa que tenga funcionalidades extras a medida y tenga que servirse en varios idiomas.

En mi caso, antes de elaborar un presupuesto al tun tun, intento recopilar toda la información posible para que el cliente no pague de más y obtenga un servicio más personal.

De esta manera, el cliente obtiene exactamente lo que quería en el menor tiempo posible.

La información básica para elaborar una buena propuesta debe responder a estas preguntas:

Dependiendo de todo esto, el presupuesto puede ser uno u otro.

Pero entonces no te mojas Javi… ¿Cuánto cuesta realmente una web?

Siii, allá va. Solo quería que supieras los factores de los que depende el precio de una web.

Una página con 3 o 4 secciones básicas (Inicio, Servicios, Sobre nosotros, Contacto) con blog incluido, algunos plugins Premium configurados, vinculada a Google Analytics y Search Console y montada con contenidos que proporcione el cliente, puede costar alrededor de 500 €.

No obstante, en cuanto el cliente pida funcionalidades concretas, diseño de logos y una maquetación muy concreta que no se ajuste nada a una plantilla, el precio irá subiendo proporcionalmente.

Adicionalmente, hay otros costes derivados de tener una web que debes asumir siempre:

• Por si no lo sabías, una web necesita un hosting para que todas las personas podamos visitarla estemos donde estemos. Podríamos decir que es un alquiler de un “pedacito” de Internet para que podamos mostrar nuestra web al mundo entero.

• Además de esto, también necesitarás registrar un nombre para tu web, llamado nombre de dominio. Habitualmente, si contratas un buen hosting por un periodo anual, te regalan el dominio.

• Por último, tendrás que desembolsar entre 40 y 60 euros de media por una plantilla premium si el diseñador no te la incluye en el precio.

🖥 Elección de hosting y dominio

Ya has visto que antes de ponerte a crear tu web, debes elegir dominio y hosting.

Éste es uno de los pasos más importantes para que empieces con buen pie tu proyecto web. Hay mucha diferencia entre un buen hosting y uno malo.

También tienes que elegir un nombre óptimo de dominio según el enfoque que quieras darle a tu proyecto web.

🔹 ¿Qué nombre de dominio te conviene?

Elegir el nombre de la web puede ser un quebradero de cabeza y en muchas ocasiones no se elige el más conveniente. Para que no te ocurra esto te recomiendo que respondas a estas 3 preguntas:

🔹 ¿Cuáles son los hosting más recomendados?

Un hosting es una de las herramientas clave para que tu proyecto web empiece bien.

Lo puedes comparar con la elección de la zona y el local cuando abres un negocio en la realidad. No es lo mismo poner una tienda en la misma Puerta del Sol de Madrid que en un polígono industrial dejado de la mano de dios…

Tienes que elegir un buen hosting para que tu web cargue rápido y para que te solucionen los pequeños problemas que te puedan ir surgiendo a lo largo del tiempo.

Créeme que es mejor desembolsar 20 o 30 € más al año que elegir un hosting inadecuado que te lleve por la calle de la amargura desde el inicio. Rubén tiene un post en el que te ayuda a elegir hosting y que te aconsejo que leas antes de dar el paso.

📐 Estructura que debe tener una web

Uno de los aspectos fundamentales para que aprendas cómo se crea una página web profesional correctamente es construir una buena estructura.

Debe ser clara y sencilla para que facilite la navegación de los usuarios. De un vistazo el usuario debe sentirse cómodo y en un contexto familiar, por lo que tu web tiene que tener una organización coherente.

Ten en cuenta que todas las páginas web siguen una estructura similar que funciona muy bien. Esto hace que cuando entres en cualquiera ya sepas moverte sin antes haberla visitado.

Si decides hacer una web con una organización totalmente distinta, lo único que conseguirás es que los usuarios no sepan cómo navegar por ella y se vayan por donde han venido. Es como si fueras a conducir un coche al que le hubieran cambiado las palancas y los pedales de sitio. 🙂

La estructura básica que debes seguir es:

👔 El diseño de la página web con apariencia profesional

¿Sabías que una persona decide en 2-3 segundos si tu web merece la pena?

Seguro que has buscado en Google algún servicio o producto que necesitabas y te has encontrado con muchas páginas que tenían un diseño cutre, textos difíciles de leer por su letra o por el fondo y con un aspecto “anticuado” que ni siquiera se adapta correctamente a la pantalla de tu móvil.

¿A que sí?

Ejemplo de un mal diseño de página web

Normalmente, este tipo de páginas nos dan una impresión de poca profesionalidad. Lo que suele suceder es que volvemos atrás y pinchamos en otro de los cientos de resultados que Google nos ofrece.

¡Será por alternativas!

Los principales problemas que tienen estas páginas con una apariencia poco profesional son:

Por eso, en esta guía para crear tu web profesional, me gustaría hacer un inciso especial en este apartado.

A continuación te muestro varios consejos y ejemplos sobre cómo diseñar una página web, para que la tuya no caiga en este saco de páginas “poco profesionales”.

🔹 Colores de la web

Seguro que cuando te vistes no combinas unos pantalones amarillos con una camiseta magenta y un abrigo verde fosforito. Pues en una web tampoco.

Te recomiendo que no elijas los colores de tu web sólo porque sean tus preferidos o sin pensar antes si combinan bien y transmiten lo que deseas.

Para que no te equivoques, aquí te dejo una serie de recomendaciones:

• Elige tus colores principales: 2 o 3 colores principales que combinen y 1 más llamativo que se salga un poco de la paleta escogida, que te sirva para destacar lo más importante.

Puedes escoger una de las cientos de combinaciones que Adobe Color CC te proporciona gratuitamente.

 

• No utilices colores muy vivos para toda la web: te voy a poner un ejemplo muy claro para que lo veas por ti mismo.

Colores llamativos VS colores suaves

¿Qué franja de colores te resulta más agradable de mirar?

 

Está claro que si hacemos una web combinando los colores más vivos que hay, cansaremos la vista de los usuarios más rápidamente que si usamos colores más suaves y neutros.

 

Además, si tuvieras una web hecha al completo con colores fuertes, cuando quieras destacar algo para guiar al usuario donde tú quieras, no servirá de nada debido a la gran cantidad de estímulos que está recibiendo.

Destacar con un color llamativo

 

• Se consistente con tu marca: si ya tienes unos colores corporativos, úsalos para diseñar tu web y potenciar la marca, y así facilitar que los usuarios te reconozcan más fácilmente.

🔹 Tipografías, legibilidad e imágenes

El tipo de letra, su tamaño, el interlineado y el interletrado son también aspectos muy importantes para facilitar la lectura de tus contenidos.

🔸 Tipografía o tipo de letra

Debes elegir un tipo de letra que fomente la legibilidad de los textos y nunca anteponer la estética. Al fin y al cabo, los textos están para ser leídos y no para ser admirados por sus trazos.

Uno de los trucos para que los textos sean más fáciles de leer es jugar con el contraste.

¿Para qué sirve esto?

Pues verás. No hay nada que dé más pereza que ver un tocho de texto sin negritas y con subtítulos que apenas se diferencian del contenido principal. ¿Verdad?

Tu visitante tiene que poder escanear el contenido fácilmente para que vea lo más interesante de un vistazo y le den ganas de leerlo. Además, cuando lo esté haciendo, debes intentar cansarle lo menos posible para que se quede leyendo el mayor tiempo posible.

Vale, entendido. ¿Cómo hacemos eso?

Además de poner negritas para destacar lo más importante de tus textos, uno de los trucos más utilizados es combinar dos tipografías distintas.

La mejor opción es utilizar una fuente con serifa y otra sin ella.

Diferencias de tipografías con y sin serifa

Por si no lo sabías, una tipografía con serifa tiene pequeños adornos al final de cada letra, mientras que una sin serifa no.

Aquí te dejo un par de ejemplos con tipografías que combinan bien entre sí para que veas el efecto.

Contraste de tipografías con y sin serifa

Te aconsejo que vayas a Google Fonts y te des una vuelta por el enorme listado de fuentes. Da igual el estilo que tengas en la cabeza, allí encontrarás una tipografía que se adapte a tus necesidades.

🔸 Tamaño de letra

Normalmente, al utilizar WordPress, tu plantilla vendrá con unos tamaños de letra predeterminados que suelen ser sinónimo de éxito.

Para que te hagas una idea, en las páginas web que diseño para mis clientes suelo utilizar estos tamaños:

🔸 Interlineado e interletrado

El interlineado y el interletrado son dos aspectos que muchas veces se pasan por alto pero que tienen una gran importancia a la hora de facilitar la lectura de textos largos.

Si tienes un blog en el que escribas contenidos extensos, te recomiendo aumentar ligeramente ambos aspectos para mermar el cansancio visual que supone leerlos.

🔸 Imágenes de mala calidad

No hay nada peor que entrar a una web en la que se vean las imágenes pixeladas y descuadradas. Da igual lo que te hayas currado el resto de contenidos que si las imágenes son de mala calidad, el aspecto que dará a tus visitantes será de poca profesionalidad.

La verdad es que no entiendo por qué todavía hay bastantes páginas web con este problema. Existen muchísimos bancos de imágenes gratuitos de los que puedes bajarte muchas imágenes de alta calidad.

Otro de los errores más comunes es tener buenas fotos y usarlas sin cabeza, sin pensar en el usuario.

Muchas webs tienen una foto de fondo con colores claros o destellos de luz y después usan sobre esa imagen textos de color blanco.

 

Esto hace que el contenido no se lea bien y el usuario tenga que forzar la vista para ver lo que pone.

Fondo de imagen inadecuado

Debes centrarte en facilitarle las cosas al usuario, no en ponerle palos en las ruedas.

🔸 Creación del logotipo

Seas una empresa o una persona con una web de marca personal, tu página tiene que tener identidad propia.

Para fomentar esto, una de las piezas más importantes es tener un logotipo que sea coherente con los colores de tu web. Este logotipo aparecerá en el menú de navegación, en la pestaña del navegador junto al título y en cualquier otro lugar que quieras.

No hace falta ser un experto en diseño gráfico para diseñarlo, pero si no te atreves, existen numerosos profesionales que te harán un logo personalizado por un módico precio.

Antes de pasar al siguiente apartado, te muestro un resumen de un par de minutos en formato vídeo en el que repasamos de forma más amena algunos de los puntos mencionados:

💰 ¿Cómo hacer que una web profesional sea rentable?

Bueno, ya vamos terminando. Ahora que ya sabes cómo se crea una página web profesional tienes que hacer que sea lo más rentable posible.

Para ello necesitas tener muchas y buenas visitas. Ya sea porque te lleguen clientes a través de la web o porque vendas directamente tus productos; cuanto mayor sea tu tráfico, más ingresos generarás.

Aquí quiero agregar un matiz.

El tráfico se puede conseguir mediante muchas vías pero siempre tendrá un coste:

• Si eres tú mismo el que lleva a cabo las técnicas para conseguir visitas, el coste será en tiempo.
• Si contratas a un profesional que haga el trabajo por ti, el coste será en dinero.

Éstas son las 4 técnicas principales para conseguir visitas y clientes:

1⃣ Crear un blog

Es una de las que mejor funcionan para aumentar el tráfico. Si realizas una buena estrategia de contenidos mediante un blog aumentarás tus visitas y generarás engagement.

Debido a la gran cantidad de publicidad que existe hoy en día en todos los medios, los contenidos comerciales suelen producir cierto rechazo entre las personas. Por ello, un blog es la manera perfecta para diferenciarte de tus competidores y ofrecer algo que ellos no ofrecen: contenido de valor y cercanía.

No quiero extenderme mucho porque para contar todas las ventajas de tener un blog necesitaría otro artículo entero, así que te dejo con las 3 que para mí son las más importantes:

🔸 Mejora tu posicionamiento SEO

Un blog es una herramienta fantástica para aumentar el número de páginas de tu web y, en consecuencia, el número de palabras clave por las que los usuarios te puedan encontrar en Google.

Normalmente, cada página o sección de tu web posicionará una palabra clave principal, y lo normal en una web sin blog ni sección de noticias es que no tenga muchas páginas distintas…

Por ello, si te decides por incluir un blog, podrás escribir un artículo con contenido de valor específico para posicionar una palabra clave que no tenías antes. De este modo, podrás crear infinitas páginas con palabras clave distintas y así atraer mucho más tráfico.

Recuerda que a más visitas cualificadas, más clientes tendrás.

🔸 Aumentas tu difusión

Los contenidos de un blog, debido a que aportan valor, son mucho más fáciles de compartir porque la gente los percibe de manera distinta que si fuera contenido comercial del que todos estamos ya hartos.

Esto hace que las personas que te visiten compartan tus entradas en sus redes sociales y así aumentes la difusión de tu negocio.

Ten en cuenta que la gente no comparte contenido comercial, únicamente comparte contenido que le ha parecido que puede ser útil para sus amigos o que le ha provocado alguna emoción.

🔸 Generas confianza y fidelizas clientes

Seguro que a ti también te pasa.

Cuando entras a una página con blog, donde puedes leer y conocer al propietario de la web, la sensación de confianza que te da es mucho mayor que si simplemente hay contenido comercial totalmente impersonal y dirigido a vender.

A las personas nos da más confianza conocer quién nos está vendiendo algo por Internet que si simplemente nos piden la tarjeta de crédito así sin más.

Si tienes un blog, los usuarios que te visiten no sólo verán contenido comercial, sino que podrán conocerte un poquito mejor a través de los contenidos que hagas y de los comentarios.

Si no sabes cómo hacerlo, no te preocupes porque Rubén tiene un post en el que te explica cómo crear un blog.

2⃣ Usar las redes sociales

En la actualidad, los estudios apuntan que las personas dedicamos 3,2 horas al día de media a utilizar las redes sociales. Es una cantidad nada desdeñable de la que tienes que sacar partido, sobre todo al principio, ya que nadie conocerá tu web.

Por tanto, te recomiendo dar a conocer tu página en redes sociales para ir captando poco a poco visitas. Utiliza sobre todo los contenidos que generes en el blog.

Selecciona las que creas que mejor se adapten a tus objetivos y utilízalas habitualmente para generar una pequeña comunidad alrededor de tu marca.

Si no tienes mucho tiempo para ello y no quieres contratar a un profesional que se ocupe, céntrate en dos o tres.

3⃣ Trabajar el SEO

Google es la página web más visitada en el mundo. Casi todas las personas que navegamos por Internet buscamos a diario contenido a través de este buscador.

Fíjate si es tan importante y conocido, que hay personas que si les quitas Google como página de inicio, creen que Internet se ha estropeado… 😮

Hay 2 tipos de técnicas SEO:

4⃣ Invertir en SEM

Por si no lo sabías, cuando realizas una búsqueda en Google primero se muestran los resultados pagados que tienen un fondo ligeramente amarillo (anuncios de AdWords) y luego los resultados orgánicos (no pagados).

Pues bien, el SEM hace referencia a esos resultados patrocinados que funcionan mediante un sistema de pujas.

Dependiendo del sector, si las campañas están bien optimizadas, podrás obtener un buen retorno del dinero que inviertas, por lo que ganarás clientes y aumentarás tu visibilidad.

La desventaja que tiene frente al SEO, es que es una estrategia que deja de dar resultados en cuanto dejas de pagar por tus anuncios.

🚩 Conclusión

Cómo has podido leer, el proceso de creación y diseño de una web, y su posterior éxito, dependen de numerosos factores y estrategias.

También has podido ver los costes reales que puede tener una web si la diseñas tú o si la acaba haciendo un diseñador web.

Espero que esta guía te haya ayudado a saber cómo crear una página web profesional que sea rentable.  Y si tienes cualquier duda o crees que hay algo que no he tenido en cuenta, estaré encantado de ayudarte y contestarte en los comentarios.

Imagen principal: Construyendo una web / Shutterstock.com