Configurar su propio sitio web es mucho más fácil de lo que piensa. 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 hacer 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:

Se necesitan habilidades técnicas?

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 lado 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 personalizado 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, idealmente elija uno .com
3. Encuentre un creador de sitios web (o un proveedor de CMS/hosting) para crear su sitio
4. Optimícelo para los motores de búsqueda
5. Inicie su sitio web

Las 3 formas más populares de iniciar 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 de arrastrar y soltar, el alojamiento web, el nombre de dominio, la dirección de correo electrónico y el soporte. El creador web se encarga de las tareas difíciles.

Buscador inteligente: Descubra rápidamente cuál es el mejor creador de sitios web para usted

Esto no es sólo útil para los 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.

Sin embargo, si desea llevar su negocio en línea, debe considerar un plan de pago. Los precios comienzan en alrededor de 8 8 / mes, pero incluye todos los elementos esenciales. Agregue alrededor de 1 1-6 / mes en la parte superior si necesita una dirección de correo electrónico profesional para el sitio web de su empresa.

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 ni alojamiento.
• Puede comenzar sin conocimientos técnicos.
• Las actualizaciones y los aspectos de seguridad son manejados por la empresa de creación de sitios web.
• Plantillas de diseño predefinidas que puedes adaptar a tu gusto.
• Versión optimizada para dispositivos móviles incluida de forma predeterminada.

Cons:

• 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 (por ejemplo, una bolsa de trabajo o directorios inmobiliarios)

Los creadores de sitios web más populares son Wix (ver tutorial), Squarespace (ver tutorial) 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.

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

Los 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 las otras compañías de alojamiento de WordPress baratas que recomendamos.

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. Echa un vistazo a nuestra guía de precios para proyectos de sitios web típicos aquí.

Por supuesto, puede que no siempre sea la solución ideal, especialmente cuando estás ocupado dirigiendo un negocio. En este caso, también puede intentar contratar a un diseñador web que pueda ayudarlo a configurar un sitio web de WordPress, por ejemplo.

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, para posicionarte más alto en 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 complementos.
• Puede optimizar la velocidad de carga de su página

Contras:

• Sin soporte técnico personal directo (solo soporte limitado de su host web)
• La libertad creativa depende de la plantilla.
• Puede tener costos adicionales para los complementos.
• Es posible que necesite un programador incluso para hacer pequeños cambios estéticos.

Otros ejemplos de sistemas de gestión de contenido 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. Por supuesto, para acelerar el proceso, puede contratar a un diseñador web. Solo ten en cuenta que tu programador no debería estar haciendo diseños y viceversa. Las habilidades requeridas para cada una de estas tareas son muy diferentes.

Dar un precio general no es fácil aquí, ya que depende del proyecto. Obviamente, tendrá que pagar por el alojamiento, pero hay muchos proveedores de alojamiento web baratos para elegir. Sobre todo, será mucho más caro si necesita contratar a un programador: pagar los 8 8-15 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.

Algunas herramientas de desarrollo populares 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 programar.
• Alojamiento económico.
• Máxima flexibilidad.

Cons:

• Sin soporte (o costoso).
• 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). Por supuesto, también hay muchas empresas exitosas que usan uno de los nombres de dominio más nuevos como .me o .agencia, por ejemplo.

Nuestro propio nombre de dominio

No hay escasez de registradores que venden nombres de dominio personalizados. En su mayoría, los compramos 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 personalizado o en otra compañía especializada como Siteground o WP Engine. Pero si solo estás comenzando, esto no importará demasiado por ahora.

Veamos ahora un área que está estrechamente relacionada con el nombre de dominio:

¿Cómo obtener una dirección de correo electrónico profesional?

Si tienes una empresa, es probable que no quieras usar una dirección de Gmail o Hotmail. Tener una dirección de correo electrónico personalizada en su propio nombre de dominio parece mucho más profesional. Y es bastante fácil de conseguir. Déjame darte algunas opciones diferentes:

• Consíguelo en su creador de sitios web o empresa de alojamiento web: algunos de ellos incluyen direcciones de correo electrónico sin costo adicional (p. ej. Webnode y Siteground)
• Obtenerlo de su registrador de dominios: Namecheap, por ejemplo, lo ofrece por menos de $12 por dirección de correo electrónico al año.
• Si te gusta Gmail, puedes probar Google Workspace. Es la solución más rica en funciones, pero le costará 6 6 por dirección de correo electrónico. Esta es también la solución de la mayoría de los constructores web ofrecen (Wix, Squarespace, Jimdo, etc.)
• Consejo: Para una solución completamente gratuita: Zoho Workplace, que incluye hasta 5 direcciones de correo electrónico. Es un poco más complicado de configurar, pero su registrador de dominios debería poder ayudarlo con eso.

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 su sitio web necesitará. Los elementos principales de este mapa mental se pueden utilizar para su navegación.

Consejos para planificar su sitio web:

1. Usa un papel y un bolígrafo y escribe todo lo que quieras 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.Bono
5. : 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 con fondo de campana 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. Trate de 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. Mantenga 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 agregue 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: las mejores para ver son Unsplash y Creative Commons.

Además, puedes encontrar fotos de aspecto más profesional (a partir de $1) en muchos otros sitios web, como 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í.

Antes de subir imágenes a su sitio, use servicios como TinyPNG o ShortPixel para comprimir sus fotos de forma gratuita. Aunque el ojo humano apenas reconocerá ningún cambio en la imagen, acelerará su sitio web y mejorará la experiencia del usuario para sus visitantes. Por supuesto, a los motores de búsqueda también les encantan los sitios web de carga rápida.

Asimismo, será útil disponer de 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. Otras alternativas de Photoshop son Affinity Photo y Acorn, que cuestan solo una fracción del precio del original y no requieren 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 sea escaneable:

• usar una estructura de encabezado que tenga sentido,
• no dejar que los párrafos de texto sean demasiado largos,
• 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í. También es esencial tener en cuenta las mejores prácticas de SEO en esta etapa. Dependiendo del tamaño de tu sitio web, deberías encontrar al menos tres términos de búsqueda principales para los que quieras posicionarte en la parte superior de Google.

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. Afortunadamente, es sencillo integrar formularios de contacto con soluciones como Wix, Squarespace o WordPress.

Recuerde que la barra de navegación de su sitio web es crucial para que los visitantes pasen 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

Para recapitular, aquí está su plan de acción:

1. Planifique su sitio web y ordene las ideas en un mapa mental.
2. Compre el nombre de dominio, por ejemplo en Namecheap (pero también puede comprarlo después).
3. Elija el mejor creador de sitios web o CMS.
4. Crea el contenido (por ejemplo, textos e imágenes) para cada página (siguiendo las mejores prácticas de SEO).
5. Agregue el contenido a su sitio web y configure herramientas de análisis.
6. 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 información adicional.

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 aún más 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.
• Email Marketing: 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 (por ejemplo, Facebook, Instagram, Twitter, LinkedIn, etc.).) 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 emprendedores
2. Guía para iniciar un sitio web de comercio electrónico
3. Creadores de sitios web para artistas (por ejemplo, artistas y diseñadores)
4. Cómo crear un portafolio en línea
5. Creación de sitios web de fotografía
6. Crear un sitio web con WordPress