Configurar su propio sitio web es mucho más fácil de lo que cree. Cada vez más personas quieren tener su propia presencia en línea. Facebook Instagram No necesita depender exclusivamente de un perfil de Instagram, una página de Facebook o una cuenta de Twitter.

¿por Qué no crear su propio sitio web?

Para comenzar, echemos un vistazo a las preguntas más comunes que recibimos de principiantes ambiciosos como usted en el pasado:

¿necesito conocimientos técnicos?

Esto depende del propósito de su sitio web. La forma más complicada sería aprender a codificar HTML, CSS, JavaScript y PHP, los conceptos básicos de prácticamente cualquier sitio web.

Pero esta no es la única manera de crear un sitio web: incluso si no está muy familiarizado con el aspecto técnico de las cosas, puede configurar fácilmente un buen sitio web.

Pero, ¿cómo?

Mediante el uso de un creador de sitios web. Si puedes usar Word, Facebook o PowerPoint, podrás usar estas herramientas sin ningún problema. Estas plataformas fáciles de usar ofrecen un editor visual, alojamiento y puedes obtener un nombre de dominio a través de ellas: una ventanilla única.

Cómo configurar un sitio web: 5 pasos para comenzar

La mayoría de los proyectos de sitios web siguen estos pasos:

1. Haga un plan para la estructura y el contenido de su sitio web
2. Registre un nombre de dominio, lo ideal es elegir un .com
3. Encontrar un creador de sitios web (y proveedor de alojamiento) para crear tu sitio
4. Optimizarlo para los motores de búsqueda
5. Lanzar tu sitio web

Las 3 formas más populares de configurar un sitio web

Repasemos las formas más populares de iniciar un sitio web. Hay muchas soluciones. Algunos son más flexibles que otros, y otros son más complejos.

Configurar un sitio web con un creador de sitios web

Comencemos con la opción más fácil: un creador de sitios web. Este es un paquete «todo incluido», por así decirlo: por lo general, una sola empresa proporcionará la plantilla (diseño), el editor, el alojamiento, el nombre de dominio, la dirección de correo electrónico y el soporte. El creador web se encarga de las tareas difíciles.

Esto no solo es útil para principiantes. Simplemente depende del proyecto. ¿Por qué complicar tu vida si hay maneras fáciles de hacer las cosas? Casi todos los creadores de sitios le permiten crear un sitio web básico gratuito en un subdominio (p. ej. yourname.sitebuildername.com), que está respaldado por anuncios. Usando un plan de este tipo, puede probarlo en detalle antes de decidir si el costo vale la pena.

Los precios comienzan en alrededor de 8 8/mes, pero incluye todos los elementos esenciales. Si no necesitas particularmente una dirección de correo electrónico, puede ser incluso más barata.

Para comprender mejor exactamente cómo funciona, ¡vea nuestro tutorial paso a paso para la creación de sitios web!

Pros:

• Es muy fácil de usar.
• No necesita software adicional.
• Puede comenzar sin conocimientos técnicos.
• Las actualizaciones y los aspectos de seguridad son manejados por el propio creador de sitios web.
• Plantillas de diseño predefinidas que puedes adaptar a tu gusto

Contras:

• No siempre puedes agregar funciones adicionales (dependiendo del creador de sitios web).
• no Es tan flexible, ya que depende del proveedor.
• No están diseñados para proyectos muy complicados que requieren una base de datos (p. ej. directorios de un trabajo o de bienes raíces)

Los creadores de sitios web más conocidos son Wix, Weebly y Shopify (para tiendas en línea). Encontrará otros creadores de sitios web en nuestra comparación completa.

Puede probar el creador de sitios web de Wix de forma gratuita y durante el tiempo que desee.

Pruebe Wix free

Crear un sitio web con un sistema de gestión de contenidos

Los sistemas de gestión de contenidos (CMS) son un poco más complicados. A pesar de que esencialmente funcionan de la misma manera que un creador de sitios web, son mucho más difíciles de usar.

Con un creador de sitios web, no solo puedes agregar contenido simple como textos e imágenes, sino que también puedes diseñar un sitio web completo. Un sistema de gestión de contenido clásico sería mucho más limitado en este caso, y en lo que respecta a la apariencia, está limitado a las plantillas disponibles.

Mientras que hay muchos sistemas como Joomla!, Drupal y Typo3, nos centraremos en el CMS más popular, que es WordPress. Gracias a las empresas de alojamiento que ofrecen una instalación con un solo clic, no es difícil de configurar.

Las recomendables son Dreamhost (extremadamente asequibles), Siteground (un poco más caro pero súper potente) y Bluehost (opción popular con soporte 24/7).

Obtenga más información sobre qué empresas de alojamiento web recomendamos para WordPress aquí.

También puede instalar una plantilla fácilmente y ajustarla con las opciones de diseño. Pero: si hay algo que no te gusta, probablemente tendrás que modificar el CSS o HTML (tú o un programador).

El alojamiento, el dominio, la dirección de correo electrónico, la instalación y el nivel de soporte que elija dependerán de cuánto desee gastar y de sus conocimientos técnicos. Puede ser bastante barato si lo haces tú mismo.

Una enorme ventaja, especialmente para WordPress, es que tiene miles de complementos que le permiten agregar características especiales a su sitio web que no están incluidas inicialmente. Un ejemplo típico sería WooCommerce, un complemento que agrega una tienda en línea completa.

De forma predeterminada, WordPress está diseñado para estar en un solo idioma, pero hay complementos, como WPML, que te permiten traducir la página. Otro de mis favoritos es el plugin Yoast SEO, que te permite cambiar la configuración del motor de búsqueda (por ejemplo, Google).

En nuestro video introductorio, echamos un vistazo a lo que debes considerar si estás configurando WordPress.

Puedes registrarte en Siteground aquí.

Pros:

• Puede elegir la empresa de alojamiento.
• Ideal para sitios web en varios idiomas.
• Flexibilidad técnica: puede acceder a todo el código fuente (si sabe lo que está haciendo).
• Puede obtener más funciones con los complementos.

Contras:

• Sin soporte técnico personal.
• la libertad Creativa depende de la plantilla.
• Puede tener costos adicionales para los complementos.
• Es posible que necesite un programador para hacer pequeños cambios estéticos.

Otros ejemplos de sistemas de gestión de contenidos son Joomla! Y Drupal, pero son mucho más complicados de usar que WordPress, por lo que no entraremos en eso. Encontrará más información sobre WordPress en nuestra guía para principiantes de WordPress.

Cómo programar un sitio web usted mismo (o contratar a alguien para que lo haga).

Esta es la disciplina suprema: abrir el editor y comenzar a codificar. Aquellos que necesitan libertad total tendrán que hacer la página ellos mismos. Necesitas paciencia para esto, y para los principiantes, por lo general es abrumador (y frustrante).

Un buen lugar para comenzar son sitios web como Codecademy, Mozilla o W2Schools, que tienen tutoriales paso a paso para principiantes. Pero espera un largo viaje antes de que tu sitio web esté listo.

En este caso, no es posible dar un precio en general, ya que depende del proyecto. Sobre todo, será mucho más caro si necesita contratar a un programador: pagar los 8 8-10 al mes por un creador de sitios web siempre será más barato que lo que cobrará cualquier diseñador o agencia por una hora de trabajo.

Algunos favoritos son NetBeans, Aptana Studio o Brackets. Todos permiten al menos HTML, CSS, JavaScript, PHP y son gratuitos. Otra opción es Webflow, que es un editor visual de código fuente.

Captura de pantalla de Brackets

Pros:

• Las posibilidades son ilimitadas si sabes cómo para programar.
• Alojamiento económico.
• Máxima flexibilidad.

Contras:

• Sin soporte.
• La curva de aprendizaje es empinada.
• Los costos son difíciles de calcular.
• Requiere mucho tiempo de estudio e implementación.

¿Qué pasa con el nombre de dominio?

Si no desea usar un nombre de dominio gratuito (que se ve bastante feo, ya que tendrá el nombre de otra empresa), debe comprar su propio dominio. Esto se verá como www.mycompany.com Por lo general, es mejor obtener la extensión .com a menos que opere estrictamente en un país como Canadá (.ca) o el Reino Unido (.co.uk).

Nuestro propio nombre de dominio

no Hay ninguna escasez de los llamados registradores que vender nombres de dominio. Nosotros mismos los compramos en su mayoría en Namecheap, ya que son, bueno, bastante baratos, pero las diferencias no son tan significativas, ya que varían de $9 a1 18 por año.

Pero dependiendo de dónde construyas tu sitio web, también puedes incluirlo en tu paquete de creador de sitios web. Wix, Weebly y Jimdo, por ejemplo, tienen el nombre de dominio incluido de forma gratuita el primer año. Los años siguientes cobran un poco más que Namecheap, por ejemplo, pero la conveniencia adicional de solo tener que tratar con una empresa normalmente vale la pena.

Si está utilizando WordPress.org o cree el sitio web usted mismo, también deberá organizar su propio almacenamiento web. Esto se puede comprar en el mismo lugar donde obtiene su nombre de dominio o en otra compañía especializada como Siteground o WPEngine. Pero si solo estás comenzando, esto no importará demasiado por ahora.

Consejo: si también necesitas direcciones de correo electrónico, puedes probar Zoho Workplace. Es un servicio similar a Google Workspace, pero Zoho también cuenta con un plan gratuito.

Diseño y planificación de un sitio web

Al igual que no siempre es una buena idea comenzar a cocinar sin seguir una receta, al menos si no tiene experiencia, lo mismo ocurre con la creación de un sitio web. Aquí, improvisar no es una buena idea. La planificación te ayudará a decidir qué secciones necesitas, el contenido que funciona mejor para ti y cómo debe diseñarse tu sitio web.

Mapa mental para una tienda de zapatos en línea

Una buena manera de comenzar es creando un mapa mental con las ideas de lo que el sitio web necesitará. Los elementos principales de este mapa mental se pueden utilizar para su navegación.

Consejos para planificar su sitio web:

1. Use un papel y un bolígrafo y anote todo lo que desee en el sitio web. La lluvia de ideas y la creación de un mapa mental son las formas perfectas de organizar tus pensamientos.
2. Eche un vistazo a otros sitios web interesantes tanto en términos de diseño como de contenido. Anota lo que te gusta y lo que no.
3. Una vez que tengas un borrador de lo que quieres en tu sitio web, pregúntale a las personas en las que confías lo que piensan. Seguramente encontrará algunas perspectivas interesantes que puede incorporar.
4. Cree una lista (por ejemplo, en Excel) con todas las páginas que tendrá su sitio web. Anota el título, qué tipo de contenido tendrás, palabras clave, el propósito, el tipo de página y su importancia.
5. Bono: Si quieres posicionarte bien en los motores de búsqueda, aquí es cuando debes averiguar qué palabra clave tendrá cada página y agregarlas a la lista en el punto 4. Lee esta guía de SEO para obtener más información.

¿Qué pasa con el diseño del sitio web?

Crear diseños web visuales no es una tarea fácil. De hecho, diría que en línea, hay más ejemplos de diseños terribles que buenos. No dejes que tu sitio web lo sea.

Al igual que los pantalones vaqueros bell bottom eran elegantes en los años 70, eran ridículos en los años 80 y 90. Lo mismo sucede con el diseño web. Hay que recordar que lo que se consideraba una buena práctica hace 5 años, ahora puede parecer un poco viejo o anticuado. Echa un vistazo a este artículo para saber qué prácticas debes evitar.

Esta no es una guía para diseñadores profesionales, pero te dará algunos consejos que creo que siempre funcionan:

1. Intenta usar un color claro (o blanco) para el fondo.
2. Elija colores atractivos que se complementen entre sí. Utilice Adobe Color si necesita ayuda.
3. Mantenga el diseño limpio, simple y deje espacio en blanco entre los elementos. Más información..
4. No use demasiadas fuentes: uno para los títulos y otro para el texto suele ser suficiente. Esta guía le ayudará a elegir.
5. Mantener un estilo y un formato coherentes. Los usuarios no deben notar diferencias entre sus páginas. No crees un Frankenstein.
6. Su sitio web también debe estar perfectamente adaptado a dispositivos móviles.
7. Cualquier imagen que agregues debe tener un aspecto profesional. No subas un selfie que tomaste frente al espejo del baño. Tenga en cuenta que los teléfonos inteligentes de hoy en día toman fotos muy bonitas. Si planeas bien, puedes conseguir grandes fotos a la cabeza.
8. Menos es más. En caso de duda, ir mínimo.

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

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

1.

El logotipo y la selección de imágenes son cruciales para conseguir un sitio web de aspecto profesional. Hoy en día puedes encontrar fácilmente un montón de fotos de stock gratuitas: lo mejor es echar un vistazo a Creative Commons.

Además, puede encontrar fotos de aspecto más profesional (a partir de $1) en muchos otros sitios web, como Adobe Stock y . Aquí hay algunas excelentes opciones de fotos gratuitas.

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

Por supuesto, siempre puedes usar sitios como TinyPNG o ShortPixel para comprimir tus fotos de forma gratuita.

Igualmente, será útil tener un programa de edición para poder editar y cambiar el tamaño de las imágenes. Una opción profesional y gratuita es Gimp, sin embargo, es bastante complicado de usar. Otra alternativa de Photoshop es Affinity Photo, que cuesta solo una fracción del precio del original y no requiere una suscripción.

Pero cada vez hay más herramientas que puedes usar para crear recursos gráficos de forma sencilla y sin tener que aprender a usar Photoshop o Illustrator. Por ejemplo, puedes usar Plantilla o Snappa.

2. Copia profesional

Recuerde que escribir para un sitio web no es lo mismo que escribir una carta o un libro. En la web, tendemos a ser menos formales y, al mismo tiempo, necesitamos ayudar a las personas ocupadas a encontrar la información que necesitan rápidamente. Eso significa que tenemos que hacer que nuestro contenido escaneable por:

• usar una estructura de encabezado que tenga sentido,
• no dejar que los párrafos de texto se alarguen demasiado,
• agregar viñetas y
• elegir fuentes que sean fáciles de leer.

En realidad, hemos escrito una guía completa sobre este tema, que puedes encontrar aquí.

3. Formulario de contacto y un menú de navegación que tiene sentido

Para dar una impresión profesional a sus visitantes, debe usar un formulario de contacto en lugar de una dirección de correo electrónico. Es muy fácil integrar formularios de contacto con soluciones como Wix, Jimdo, Weebly o WordPress.

Recuerde que la barra de navegación de su sitio web es crucial para que los visitantes vayan de una página a otra. Presta atención y asegúrate de que fluya lógicamente. Por ejemplo, si tu objetivo es que los usuarios te envíen un mensaje a través del formulario de contacto, olvidar enlazar a él en el menú o pie de página sería un error épico.

¡Asegúrate de hacer un registro de prueba antes de publicar tu sitio web!

Pasos para configurar un sitio web

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

1. Planifique su sitio web y ordene las ideas en un mapa mental.
2. Decide qué contenido necesitas para tu sitio web.
3. Compre el nombre de dominio, por ejemplo en Namecheap (pero también puede comprarlo después).
4. Elige el mejor creador de sitios web.
5. Crear el contenido (por ejemplo, textos e imágenes) para cada página.
6. Añade el contenido a tu sitio web y optimiza el SEO.
7. Publicar y promocionar la página.

Obviamente, cada uno de los puntos anteriores se puede construir sobre mucho más. Tenemos un libro electrónico (gratuito) donde puede obtener más información.

Su sitio web está activo. ¿Y ahora qué?

Si ya has creado tu sitio web y lo has publicado, puedes empezar a promocionarlo y optimizarlo para aumentar las visitas y mejorar la experiencia del usuario.

• Actualice su sitio web: Los sitios web no son libros. Una vez publicados, todavía se pueden actualizar. Asegúrate de crear contenido nuevo y relevante cuando tengas la oportunidad y de actualizar constantemente el sitio web. Por ejemplo, imagine el sitio web de un restaurante: si el menú cambia, debe reflejarse en el sitio web lo antes posible.
• Posicionamiento en línea: Para atraer la mayor cantidad de visitantes posible, tendrás que optimizar el SEO de tu sitio web. Esto no es muy complicado, pero requiere tiempo y trabajo. Consulte esta guía para obtener más información.
• Análisis web: Sus esfuerzos en el posicionamiento en línea (punto anterior) serán inútiles si no mide el tráfico de su sitio web. Así es como sabrás si funciona o no. La herramienta de análisis de sitios web más popular es Google Analytics. Y es gratis!

• Por supuesto, una vez que publique su sitio web, debe registrarse en Google Search Console para notificar a Google que su página existe y obtener información. O al menos envía la URL (dirección) de tu sitio web a Google para que pueda indexarla.
• Marketing por correo electrónico: Otra estrategia habitual, especialmente para las empresas, es enviar correos electrónicos regulares a sus visitantes para no perder contacto. Esto es especialmente útil para tiendas en línea, pequeñas empresas y blogueros. El email marketing es una ciencia en sí misma. Puede leer esta guía práctica para encontrar más información sobre cómo comenzar a enviar boletines informativos.facebook instagram, Twitter, LinkedIn, etc., la mayoría de los sitios web también tienen perfiles de redes sociales.) para poder interactuar con sus visitantes (y visitantes potenciales) fuera del sitio web que ha creado. Esto funciona especialmente bien para profesionales visuales, como ilustradores, joyeros o fotógrafos.

Espero que esta pequeña guía te haya ayudado a entender cómo crear un sitio web de principio a fin.

Junto a la guía que estabas leyendo, también tenemos un par de guías específicas de la industria:

1. Creación de un sitio web para pequeñas empresas y empresarios
2. Guía para iniciar una tienda en línea
3. Creadores de sitios web para artistas (por ejemplo, artistas y diseñadores)
4. Creación de sitios web de fotografía
5. Crear un sitio web con WordPress