1
Montar sitio web

Montar tu propia página web es mucho más sencillo de lo que crees. Cada vez un mayor número de usuarios quiere tener una presencia online propia. Sin tener que depender exclusivamente de un perfil de Instagram, una página de Facebook o una cuenta de Twitter.

¿Por qué no crear tu propio sitio web?

Tenemos guías detalladas que te explicarán cómo montar una página web para varios proyectos:

  1. Creación web para pequeños negocios y emprendedores
  2. Guía para crear una tienda online
  3. Creación web para creativos (p.ej. artistas y diseñadores)
  4. Creación de sitios de fotografía
  5. Creación web con WordPress

¿Necesitarás conocimientos técnicos?

Dependerá del nivel de funcionalidad que tu sitio web requiera. La manera más complicada sería aprender a programar HTML, CSS, JavaScript y PHP; las bases de prácticamente cualquier sitio web en Internet.

No obstante, ésta no es la única manera de conseguirlo: aún sin ser muy amigo del aspecto técnico de las cosas, se puede crear una buena página web fácilmente.

¿Pero cómo?

Utilizando un creador de páginas web. Si eres capaz de utilizar Word, Facebook o PowerPoint, serás capaz de utilizar estas herramientas sin ningún tipo de problema. Estas plataformas (fáciles de usar) ofrecen un editor visual, el hosting y puedes tener con ellos hasta el nombre de dominio; un todo en uno.

¿Cómo funciona un creador web?

 

Cómo crear tu página web: 3 alternativas

Demos un repaso a las formas más populares para crear sitios web. Hay varias soluciones; algunas más flexibles que otras y otras más complejas que algunas.

Cómo hacer una página web con un creador web

Empezamos con la opción más fácil: utilizar un creador web. Por así decirlo, se trataría de un paquete “todo incluido”, ya que normalmente una misma empresa proporciona la plantilla (diseño), editor, almacenamiento, dominio, correo electrónico y soporte. De las tareas técnicas difíciles se ocupa el creador web.

Pero esto no tiene por qué ser solo interesante para principiantes. Sencillamente depende del proyecto, ¿para qué complicarte la vida si hay maneras fáciles de hacerlo? Prácticamente todos los creadores web tienen un plan básico gratuito que permite probarlo en detalle antes de decidir si el gasto vale la pena.

Los precios empiezan por unos $10, pero ya incluyen todo lo importante. Para aquellos que no necesariamente necesiten un correo electrónico, es todavía más barato.

Para entender mejor cómo funciona exactamente, lo mejor es que eches una ojeada a nuestro vídeo de análisis de Wix.

 

Pros:

  • Muy fácil de usar.
  • No se necesita software adicional.
  • Se puede empezar sin conocimientos técnicos.
  • Actualizaciones y aspectos de seguridad manejados por el propio creador de sitios.

Contras:

  • No siempre pueden añadirse funcionalidades adicionales (depende del creador web).
  • Se pierde flexibilidad, ya que te hace depender del proveedor.
  • No están diseñados para proyectos muy complejos que necesiten bases de datos (p.ej. un directorio).

Los creadores web más conocidos son Wix, Jimdo y Weebly. En nuestra completa comparativa encontrarás otros creadores web.

El creador web de Wix se puede probar gratis y durante todo el tiempo que quieras.

 

Prueba Wix gratis

 

Cómo crear páginas web con un gestor de contenidos

Los gestores de contenido (CMS) tienen un grado más de complejidad. Aunque en esencia funcionan de forma parecida a un creador web, son bastante más difíciles de utilizar.

Con un creador web, no solo se pueden añadir contenidos sencillos como textos e imágenes, sino que también puede diseñarse la página web completa. Un gestor de contenidos clásico estaría en este caso mucho más limitado y su aspecto depende en principio de las plantillas ya existentes.

El más conocido es WordPress. Se instala un tema ya preparado y con las opciones de diseño se acaba de ajustar su aspecto. Pero si hay algo que no te acaba de convencer, necesitarás modificar el CSS o HTML (tú o un programador).

El alojamiento, el dominio, el correo electrónico, la instalación y el nivel de soporte que elijas dependerán del dinero que quieras gastarte y de tus conocimientos técnicos. Si te lo haces tú mismo, puede salirte relativamente barato.

Una ventaja enorme, especialmente en el caso de WordPress, es que tiene miles de plugins que permiten añadir a tu página web funcionalidades especiales que no vienen incluidas de entrada. Un ejemplo típico sería WooCommerce, un plugin que añade una tienda online completa.

Por defecto, WordPress está diseñado para un único idioma, pero hay plugins, como WPML que hacen posible tener traducciones de la página. Otro de los favoritos es el plugin para SEO de Yoast, que permite modificar los ajustes para los motores de búsqueda (p.ej. Google).

En nuestro vídeo introductorio podrás ver un pequeño resumen de lo que necesitas tener en cuenta si utilizas WordPress.

 

Pros:

  • Se puede elegir la empresa de hosting.
  • Muy bueno para páginas web en varios idiomas.
  • Flexibilidad técnica, podrás acceder por completo al código fuente (si sabes lo que haces).
  • Las funcionalidades pueden ampliarse utilizando plugins.

Contras:

  • Sin soporte técnico personal.
  • La libertad creativa depende de la plantilla.
  • Puede tener costes añadidos asociados a los plugins.
  • Pequeños cambios estéticos pueden requerir un programador.

Otros ejemplos de gestores de contenidos serían Joomla! y Drupal, pero son bastante más complejos de utilizar que WordPress, por lo que no entraremos en ellos. Encontrarás más información sobre WordPress en nuestro especial sobre WordPress.

 

Cómo programar una página web uno mismo (o encargarlo)

Esta es la disciplina reina: abrir el editor y empezar a programar. Quien necesite total libertad, tendrá que hacerse la página él mismo. Está claro que para esto hace falta paciencia y para los principiantes es a menudo abrumador (y frustrante).

Un buen punto para empezar son páginas como Codecademy, Mozilla o W3Schools, que tienen tutoriales paso a paso para principiantes, pero el camino hasta que tu página web esté funcionando será largo.

En este caso no es posible dar precios generales, ya que dependen del proyecto. Sobre todo será mucho más caro si necesitas encargárselo a un programador: pagar los $10 al mes de un creador web siempre será más barato de lo que cobra cualquier diseñador o agencia por una hora de trabajo.

Los editores preferidos son NetBeans, Aptana Studio y Brackets. Todos admiten al menos HTML, CSS, JavaScript, PHP y son gratuitos.

Brackets como crear tu propia pagina web programando

Captura de pantalla de Brackets

Pros:

  • Las posibilidades son ilimitadas si sabes programar.
  • Alojamiento económico.
  • Flexibilidad máxima.

Contras:

  • No tiene soporte.
  • La curva de aprendizaje es muy lenta.
  • Los costes son difíciles de calcular.
  • Requiere mucho tiempo de estudio e implementación.

 

Diseño y planificación de un sitio web

De la misma manera que no siempre es buena idea empezar a cocinar sin seguir una receta, por lo menos si no se tiene experiencia, al crear un sitio web tampoco. Improvisar aquí no es una buena idea, la planificación te ayudará a decidir qué secciones necesitas, el contenido que te conviene más y cómo deberá ser el diseño de tu sitio.

mapa mental como crear una pagina web 1

Una buena manera de empezar es creando un mapa mental con las ideas de lo que necesitará tu sitio web.

 

Consejos para planificar tu sitio web:

  1. Utiliza un bolígrafo y papel anota todo lo que desees que tenga la página. Una lluvia de ideas y crear un mapa mental son la manera perfecta de organizar los pensamientos.
  2. Echa un vistazo a otros sitios web interesantes: tanto desde un punto de vista de diseño como de contenido. Toma notas de lo que te gusta y de lo que no te gusta.
  3. Una vez tengas el borrador de lo que quieres en tu sitio, pregunta a gente de confianza para que den su opinión. Seguro que encuentras puntos de vista interesantes que podrás incorporar.
  4. Personalmente creo una lista (p.ej. en Excel) con todas las páginas que mi sitio web tendrá. Ahí hago anotaciones con: el título, qué tipo de contenido tendrá, palabras clave, la finalidad, el tipo de página y la importancia de estas.
  5. Bonus: Si quieres posicionarte bien en los buscadores es momento de averiguar qué palabra clave tendrá cada página y lo incorporas a la lista del punto 4. Consulta esta guía SEO para más información.

 

¿Y qué hay del diseño de páginas web?

Crear diseños web visuales no es fácil, de hecho, diría que en la red hay más ejemplos de diseños aberrantes que buenos, no dejes que el tuyo sea uno de ellos.

Así como los pantalones acampanados estaban muy de moda durante los años 70, en los 80 y 90 eran ridículos. Con el diseño web pasa lo mismo, tienes que tener en cuenta que lo que se consideraban buenas prácticas hace 5 años, puede verse viejuno o desactualizado. Dale un vistazo a este artículo para saber qué prácticas evitar.

Esto no es una guía para diseñadores profesionales, pero te daré un par de consejos que creo que funcionan siempre:

  1. Intenta usar un color claro (o blanco) para el fondo.
  2. Elige colores atractivos y que se complementen. Usa Adobe Color si necesitas ayuda.
  3. Mantén el diseño limpio, sencillo y deja espacio en blanco entre los elementos. Más información.
  4. No uses demasiadas fuentes, una para los títulos y otra para el texto es, en muchas ocasiones, suficiente. Esta guía te ayudará a elegir.
  5. Mantén un estilo y formato homogéneo. Los usuarios no deberían notar diferencias en el diseño entre tus páginas. No crees un frankenstein.
  6. Tu sitio web tiene que verse perfectamente en dispositivos móviles también.
  7. Si añades imágenes estas tienen que lucir profesionales. No subas un selfie tomada enfrente del espejo del baño. Pero ten en cuenta que los smartphones de hoy en día sacan muy buenas fotos, si lo planificas un poco podrás tener fotos totalmente únicas que te identifiquen.
  8. Menos es más, en caso de duda sé minimalista.

Si quieres profundizar en el diseño web, puedes darle un vistazo al blog de Wix. Tienen infinidad de tutoriales y guías sobre diseño fáciles de digerir.

 

¿Qué elementos tienen en común los buenos sitios web?

El logotipo y la elección de imágenes son aspectos fundamentales para conseguir una página de aspecto profesional. Hay muchísimas fotografías gratuitas hoy en día: lo mejor es echar un vistazo a Creative Commons.

cc search para conseguir imagenes profesionales gratis 1

Además, se pueden encontrar más fotografías de corte profesional (desde 1€ o1 US$) en muchos otros sitios web: por ejemplo Fotolia y Shutterstock.

Es importante asegurarse entender los formatos de imagen disponibles: .gif, .jpg y png son los formatos principales. Además, hay que optimizar el tamaño y calidad de la imagen al estándar web. Todo lo que se debe saber acerca de este tema se puede encontrar aquí.

 

Por cierto, puedes usar sitios como TinyPNG o ShortPixel para comprimir tus fotografías gratis.

 

Así mismo, resulta muy útil tener un programa de edición para poder editar y cambiar el tamaño de las imágenes. Una alternativa profesional y gratuita es Gimp. Si ya se ha utilizado Photoshop con anterioridad, puede resultar un poco peculiar al principio.

 

stencil recursos graficos crear pagina web 1

 

Pero cada vez más, hay herramientas con las que puedes crear recursos gráficos de forma sencilla y sin tener que aprender Photoshop o Illustrator. Por ejemplo, puedes usar Stencil o Snappa; solo están disponibles en inglés.

Para dar una impresión profesional a los visitantes de la página debe utilizar formularios de contacto, en lugar de direcciones de correo electrónico. Resulta muy fácil integrar formularios de contacto con soluciones como Wix, Jimdo, Weebly o WordPress.

 

formulario de contacto 1

 

Ten en cuenta que la navegación de tu sitio web es crucial para que los visitantes pasen de una página a otra. Préstale atención y asegúrate que es coherente. Por ejemplo, si tu objetivo es que los usuarios te manden un mensaje mediante el formulario de contacto, será un fail muy grande si te olvidas de enlazarlo en la navegación.

 

Pasos para crear una página web

Podemos dividir el proceso de creación web en los siguientes pasos:

  1. Planifica tu sitio web y ordena las ideas en un mapa mental.
  2. Decide qué contenido necesitas para tu página web.
  3. Compra el nombre de dominio (aunque también puedes comprarlo después).
  4. Elige la mejor plataforma de creación web.
  5. Crea el contenido (p.ej. texto e imágenes) que tendrá cada página.
  6. Añade el contenido en tu sitio web y optimiza el SEO.
  7. Publica y promociona la página.

Obviamente cada uno de los puntos anteriores se puede desarrollar mucho más. Tenemos un ebook (gratuito) donde puedes encontrar más información.

 

Ya tienes tu sitio web publicado, ¿y ahora qué?

Bien, si ya has creado tu sitio web y lo has publicado, puedes trabajar en la promoción y optimización de este para incrementar tus visitas y mejorar la experiencia de los usuarios que te encuentran.

    • Actualiza tu página web: Las páginas web no son como un libro que una vez publicado no se puede actualizar. Por eso asegúrate que creas nuevo contenido relevante cuando tengas la oportunidad y actualizas el sitio constantemente. Por ejemplo, imaginemos el sitio web de un restaurante: si hay un cambio de menú deberemos reflejarlo en el sitio web lo antes posible.
    • Posicionamiento web: Para atraer el máximo de visitantes posibles tendrás que optimizar el SEO de tu sitio web. Esto no resulta muy complejo, pero requiere tiempo y trabajo. Dale un vistazo a esta guía para más información.
    • Analítica web: Tus esfuerzo en el posicionamiento web (punto anterior) no servirán de nada si no mides el tráfico en tu sitio web. Así sabrás si lo que hace está funcionando o no. La herramienta de analítica web más popular es Google Analytics y esta es gratis.

google indexar sitio web 1

  • Por cierto, una vez publiques tu sitio web, resultará interesante registrarse con Google Search Console para informar a Google de que tu página existe y obtener información. O por lo menos mandar la URL (dirección) de tu sitio a Google para que la registre (indexe).
  • Email Marketing: Otra estrategia habitual, sobre todo entre los negocios es la de enviar correos masivos a sus visitantes para no perder el contacto. Esto resulta especialmente útil para tiendas online, pequeños negocios y bloggers. En sí el email marketing es una ciencia, pero puedes leer este artículo para encontrar más información y las mejores herramientas gratuitas con las que empezar.
  • Redes sociales: Finalmente es habitual crear perfiles sociales (p.ej. Facebook, Instagram, Twitter, LinkedIn, etc) para poder interactuar con tus visitantes (y posibles visitantes futuros) fuera del sitio web que has creado. Esto funciona especialmente bien para proyectos visuales como por ejemplo ilustradores, joyeros o fotógrafos.

Espero que esta pequeña guía te haya ayudado a entender cómo crear una página web de principio a fin. Pero si tienes alguna duda sobre cómo empezar, deja un comentario e intentaremos ayudarte.

Comentarios

Volver arriba
 
 
 
Guía de creación web

¡Descarga la guía de creación web para novatos!

¿No sabes cómo empezar tu sitio web? Te mostramos el camino con nuestra guía gratuita.
 
  1. Aprende a planificar tu web
  2. ​Publica hoy mismo tu sitio web
  3. Todo sin conocimientos técnicos
  4. Guía gratuita, con mas de 10.000 descargas
Descargar gratis
close-link