Con este tutorial para crear tu sitio web desde cero no es tan difícil como podría pensar. ¿Por qué? Hace unos diez años, la creación de sitios web todavía estaba en pañales. Hoy en día, puedes aprender a crear tu página web sin ningún conocimiento técnico o conocimientos básicos de informática.
Ya sea que sea un experto en tecnología o un novato, esta guía lo ayudará a comenzar y crear tu propia página web .
También he cubierto los errores más comunes que cometen las personas al crear una página web, para que pueda evitarlos.
Si alguna vez te quedas atascado configurando tu página web, no dudes en contactarme.
Paso 1: Registre un Nombre de Dominio
(Si ya posee un nombre de dominio, puede omitir este paso y continuar con el Paso 2 ).
Lo primero es lo primero: cada sitio web necesita un nombre.
Sin un nombre (también conocido como nombre de dominio), tu página web simplemente no puede funcionar. Piense en ello como la dirección de una casa, donde la dirección es el nombre de dominio y la casa es su sitio web.
Al poseer un nombre de dominio, siempre tendrá control total sobre todo su sitio web, sin importar lo que suceda. Los dominios cuestan alrededor de $10/año y se renuevan automáticamente hasta que decidas cancelar.
Al elegir un nombre de dominio, hay algunas reglas que debe tener en cuenta:
- Si está configurando un sitio web comercial , su nombre de dominio debe coincidir con el nombre de su empresa, por ejemplo, YourCompanyName.com
- Si planea crear un sitio web personal o un blog personal, YourName.com siempre es una excelente opción.
- No te detengas demasiado. La mayoría de los mejores y más exclusivos nombres de dominio se compraron hace décadas. Vaya con algo que coincida con su sitio web.
Al registrar un nombre de dominio, ¿qué extensión de dominio debe usar (.com, .org, .net)?
Hay cientos de diferentes extensiones de nombres de dominio ( TLD ).
Los más comunes son .com , .net y .org. Estas extensiones de dominio son más adecuadas para sitios web que desean obtener visitantes potenciales a nivel mundial (no solo localmente). Para este sitio (WebsiteSetup), elegí WebsiteSetup.org, ya que .com no estaba disponible. Puede obtener un nombre de dominio .com, .org o .net de Domain.com .
Sin embargo, si su objetivo es dirigirse solo a clientes en su país local, por ejemplo, en el Reino Unido, Canadá o Alemania, vaya con las extensiones locales como co.uk , . ca, o .de. Nuevamente, Domain.com es probablemente el lugar más barato donde los obtiene.
Independientemente del registrador de dominio que elija, asegúrese de que esté acreditado por la ICANN.
El proceso de registro de dominio es bastante simple. Se tarda menos de cinco minutos en comprar el dominio y completar el registro, pero es una inversión importante en su sitio web desde el principio.
Paso 2: elija una plataforma de creación de sitios web
Su próximo paso es elegir una plataforma en la que se construirá su sitio web.
Sin embargo, hay cientos de creadores de sitios web diferentes (y formas) de crear un sitio web. Y el primer error que la mayoría de la gente suele cometer es elegir la plataforma equivocada para construir su sitio.
Si elige un creador de sitios web que no es lo suficientemente bueno o flexible, deberá comenzar de nuevo con otra plataforma. Es factible, pero no recomendado (ya que es una pérdida de tiempo y dinero).
Para ayudar a que su decisión sea más fácil, he compilado las estadísticas ( 1 , 2 , 3 ) para mostrar cómo se están construyendo los sitios web. Echa un vistazo a este gráfico a continuación:
Cómo se están construyendo los sitios web en 2022
Estos datos muestran el porcentaje de cuota de mercado de más de 200 plataformas diferentes de creación de sitios web (conocidas como creadores de sitios web y sistemas de gestión de contenido ).
Dos creadores de sitios web, Shopify y WordPress , son los más utilizados.
Y son los más populares por una razón.
WordPress es la herramienta más flexible (gratuita) para crear cualquier tipo de sitio web, desde pequeño hasta grande, y es apto para principiantes.
Shopify ofrece un servicio de creación de sitios web para crear su propio sitio web y tienda en línea. Esto es ideal para marcas más pequeñas, pequeñas empresas y personas que necesitan un sitio web simple.
Los otros creadores de sitios web tampoco son malos, pero como los he usado todos, sé que todavía usaría WordPress o Shopify sobre cualquiera de los otros.
Paso 3: comience a construir su sitio web
Ahora para la parte emocionante.
En la próxima hora más o menos, tendrá un sitio web en pleno funcionamiento en su propio dominio. No omita ningún paso, de lo contrario, es posible que su sitio web no funcione como debería.
Recuerda: estoy aquí para ayudarte. Si tiene alguna pregunta sobre las guías o simplemente necesita ayuda, no dude en comunicarse . Haré todo lo posible para apoyarte.
Configuración de un sitio web
He hecho dos guías diferentes sobre cómo crear un sitio web. Si no está seguro, opte por el servidor web + el creador de sitios web de WordPress, ya que es más barato y más flexible.
Sin embargo, si su objetivo es construir una tienda de comercio electrónico, Shopify es una mejor solución.
Cómo configurar un sitio web usando WordPress
Para comenzar a crear un sitio web con WordPress, primero debe registrarse con un proveedor de alojamiento web preferido. Afortunadamente, casi todos los servicios de alojamiento web confiables y bien establecidos han integrado la instalación de WordPress con un solo clic, por lo que es muy fácil para usted.
Estos son los pasos que debe seguir para instalar WordPress a través de un servidor web:
Paso 1. Elija un servicio de alojamiento web
En este ejemplo, usaré Bluehost (recomendado). Pero puede usar cualquier otro proveedor de alojamiento siempre que ofrezca una instalación gratuita de WordPress con un solo clic como lo hace Bluehost .
Una vez que llegue a su página de inicio, haga clic en «Comenzar ahora» . Una vez que haya hecho eso, será redirigido a su página de planes de alojamiento.
Paso 2. Elija un plan de alojamiento
Bluehost ofrece tres planes de alojamiento compartido. Para esta guía, optaremos por el plan de alojamiento compartido «Básico» . El plan básico es una buena opción si recién está comenzando y aún no tiene un gran volumen de tráfico entrante en el sitio web.
Haga clic en «Seleccionar» cuando haya terminado.
Nota: siempre puede actualizar su plan más tarde si su negocio se expande.
Paso 3. Configure su nombre de dominio
El siguiente paso es conectar su nuevo nombre de dominio con Bluehost, o también puede registrar un nombre de dominio gratuito (durante el primer año) directamente con ellos. Si aún no está seguro del nombre de dominio, hay una opción para omitir este paso.
Si necesita ayuda adicional para conectar su nombre de dominio con Bluehost , puede seguir su artículo detallado sobre cómo hacerlo.
En este ejemplo, registré un nuevo nombre de dominio gratuito myremarkablesite.com.
Una vez que haya terminado, haga clic en «Siguiente» .
Paso 4. Crea tu cuenta y verifica la información de tu paquete
Simplemente complete toda la información requerida, como su nombre y apellido, dirección, correo electrónico, etc.
Cuando se desplace hacia abajo, verifique la información de su paquete y los complementos que se incluyen. Recuerda seleccionar solo los que necesites.
Antes de ingresar su información de pago, verifique dos veces todos los criterios anteriores y, si todo es correcto, haga clic en «Enviar» .
¡Y tu estas listo!
Ahora crea tu cuenta de usuario e inicia sesión en tu área de cliente para que pueda mostrarte cómo instalar WordPress con solo unos pocos clics.
Paso 5. Instalar WordPress
Después de haber iniciado sesión en su cuenta de Bluehost, debería ver la siguiente página:
Todo lo que tienes que hacer es hacer clic en el botón «Crea tu sitio web» .
El siguiente paso es decidir el propósito de su sitio. Puede elegir entre Blog, Tienda, Sitio web comercial o Sitio de portafolio/Resumen. Si alguno de ellos no encaja del todo, puede seleccionar una opción en la lista desplegable «Otro» .
El siguiente paso es elegir cómo le gustaría construir su sitio web. Bluehost le ofrece la opción de elegir entre el creador de sitios web de Bluehost y WordPress.
Como quiero centrarme en la creación de sitios basados en temas, elegí lo último.
Haga clic en «Comenzar» y avancemos al siguiente paso.
Paso 6. Comienza a personalizar tu sitio de WordPress
Antes de que podamos entrar en el meollo del asunto, Bluehost le preguntará de qué tipo es su sitio web y, una vez confirmado, le sugerirá algunos complementos y extensiones.
En mi ejemplo, clasifiqué mi propio blog como «Educación» . Una vez que haya terminado con su decisión, haga clic en «Continuar» .
También puede omitir este paso.
Paso 7. Elige tu tema
Ahora es el momento de elegir su tema. Bluehost le dará un montón de temas de WordPress gratuitos y premium para elegir. Además, puede ordenar las plantillas por popularidad, categoría, características y diseños.
Una vez que haya encontrado su tema de WordPress preferido, coloque el cursor sobre la opción y haga clic en «Usar este tema» . En mi ejemplo, usaré el tema “Twenty Twenty-One” .
Nota: si cambia de opinión, siempre puede modificar su tema más adelante. Para hacerlo, inicie sesión en su panel de control de WordPress y vaya a Apariencia > Temas . Desde allí, puede explorar una gran cantidad de plantillas o incluso cargar su propio tema personalizado .
Paso 8. Personaliza tu diseño
Después de hacer clic en «Usar este tema» , ahora debería ver la siguiente página:
Esta es su área de cliente de Bluehost, y desde allí puede iniciar sesión en su panel de WordPress y también actualizar o agregar complementos.
Nota: también puede modificar e instalar complementos desde su panel de WordPress en la pestaña «Complementos» .
Sin embargo, en este momento, lo importante para nosotros es comenzar a personalizar el nuevo sitio de WordPress.
Para eso, todo lo que necesita hacer es hacer clic en el botón «Personalizar sitio» y será redirigido a la página del editor visual:
En la barra lateral izquierda, verás las opciones que te permitirán modificar el diseño de tu sitio web, tales como:
- Título y eslogan
- logotipo del sitio
- fuentes
- Colores
- Widgets
- imagen de fondo, etc
Nota: las opciones que aparecen variarán según el tema que hayas instalado.
También tiene la opción de agregar CSS (hojas de estilo en cascada) a su sitio para hacerlo aún más único.
Recomiendo jugar con el editor de arrastrar y soltar y probar diferentes fuentes y combinaciones de colores para tener una idea de cómo quiere que se vea su sitio.
Una vez que haya ajustado el diseño de su sitio a la perfección, es hora de pasar a las páginas y el contenido.
Cómo configurar un sitio web usando Shopify (se expande)
Agregue las páginas, el contenido y la personalización más importantes
A estas alturas, deberías haber configurado un sitio de WordPress (o Shopify).
La base de su sitio ha sido construida; ahora es el momento de realmente comenzar a construirlo.
El primer paso es crear las páginas que más necesitará. Incluiré las páginas más populares que tienen la mayoría de los sitios web comerciales, para que también pueda elegir las que agregará:
- Página principal
- Sobre nosotros
- Página de contacto: también puede agregar sus enlaces sociales (página de Facebook, Twitter, etc.)
- Nuestros servicios/productos
- Blog
- Contratanos
- Política de privacidad
- Galería
- Testimonios/críticas.
Si no está seguro de lo que debe incluir su sitio web, lea este artículo sobre los 12 elementos críticos que todo sitio web necesita.
Una vez que haya decidido qué páginas necesita, es hora de comenzar a agregarlas a su sitio web y configurar la navegación de su sitio web.
Cómo agregar páginas y contenido en WordPress
Un sitio web en blanco sin páginas ni contenido no es de mucha utilidad para nadie, por lo que para que el sitio web sea accesible e interesante, debemos agregar algunas páginas y publicaciones de blog. Hay páginas que la mayoría de los sitios web necesitan, como una página de inicio, servicios, sobre nosotros, contáctenos y blog, entre muchas otras páginas.
Cómo agregar páginas y contenido a WordPress
Para agregar páginas a WordPress, debe navegar desde el menú de la izquierda hasta «Páginas» y desde allí hacer clic en el botón «Agregar nuevo» .
Esto lo llevará al editor de bloques de WordPress, que también se llama Gutenberg Editor. Si es la primera vez que visita esto, se mostrará un tutorial rápido paso a paso sobre cómo funciona y dónde están ciertas cosas. Es bastante fácil de trabajar; todo está basado en bloques, lo que significa que si desea agregar algo a su página, solo necesita elegir el bloque correcto del menú y completarlo.
A la izquierda, en la sección de bloques de contenido, hay varios bloques de contenido para elegir. Cada uno tiene un propósito diferente y agrega diferentes elementos visuales a esa página.
Y en el menú de la derecha, puede cambiar algunas configuraciones de toda la página como el autor, cuál es el enlace permanente (URL), la imagen destacada y más. O en la parte superior, puede hacer clic en la pestaña «Bloquear» y abrir la configuración de bloqueo para cualquier bloque que haya seleccionado en la página.
Una vez que esté satisfecho con la página, puede elegir hacerla pública, lo que la hará visible para cualquier visitante, o puede elegir hacerla privada, lo que significa que solo es visible cuando está conectado a su cuenta de WordPress. Esta es una excelente opción si aún no ha terminado con esa página. También hay una opción para obtener una vista previa de los cambios que ha realizado o para publicar esa página en una fecha y hora determinadas.
Cómo organizar el menú de navegación
Ahora que ha creado las páginas, necesita tiempo para agregarlas a la barra de navegación. Esta es la barra que se encuentra en la parte superior de su sitio web donde los visitantes de su sitio pueden acceder al resto del contenido de su sitio web.
Para cambiar eso, debe ir del menú de la izquierda a «Apariencia» seguido de «Menús» .
Ahora es el momento de crear su primer menú. El nombre del menú no importa ya que solo tú lo puedes ver; así que asigne un nombre a su menú y luego asegúrese de marcar la casilla donde dice que este es su menú principal. Una vez que haya creado el menú, puede comenzar a agregar páginas allí.
También puede crear subelementos, lo que significa que estas páginas se revelan cuando un usuario pasa el cursor sobre ellas. Por ejemplo, aquí, lo hice agregando «Acerca de nosotros» y «Contáctenos» en la categoría «Acerca de» .
Personalización del sitio web
Para personalizar su sitio, vaya a su panel de control de WordPress y elija «Apariencia» en el menú de la izquierda. Puede modificar el tema de su sitio web desde allí, agregar y cambiar widgets, personalizar la estructura de su menú, etc. Básicamente, cada cambio que desee crear en su sitio web se puede realizar en la pestaña «Apariencia» .
Además, si se siente cómodo con el código, puede agregar CSS personalizado y personalizar completamente su sitio. Puede agregar CSS personalizado desde el personalizador.
Agregar publicaciones de blog
Agregar un blog es opcional. Sin embargo, crear uno es una buena idea si desea publicar regularmente contenido nuevo, demostrar su experiencia y brindar valor adicional a sus visitantes.
Primero, es una buena idea tener una página de blog dedicada y hacer que tu página de inicio sea estática. Para hacer eso, cree una página vacía ( Páginas -> Agregar nuevo ), asígnele el nombre » Blog» (o lo que quiera, pero «Blog» tiene sentido porque creará automáticamente la dirección: yoursite.com/blog) y publíquelo . Luego, selecciónelo como su «Página de publicaciones» , ya sea en Apariencia -> Personalizar -> Configuración de la página de inicio o en Configuración -> Lectura .
Su página elegida mostrará automáticamente todas las publicaciones del blog cuando las guarde. Asegúrese de incluirlos en su menú de navegación.
Una vez hecho esto, puede comenzar a crear sus publicaciones de blog. Esto se puede hacer a través de «Publicaciones» y «Agregar nuevo» .
Después de hacer clic en «Agregar nuevo» , será redirigido a la página del editor donde puede comenzar a crear su publicación. Agregue imágenes, contenido, un título y cualquier otra cosa necesaria para la publicación del blog. En la barra lateral de la derecha, también encontrará opciones para aplicar categorías y etiquetas, definir un extracto y configurar una imagen destacada.
Una vez que haya terminado, haga clic en «Publicar» y su publicación aparecerá en la página de blog dedicada.
Cómo agregar páginas y contenido en Shopify (expande)
Afinar, probar y lanzar
Ahora que ha agregado el contenido y las páginas que necesita para su primer sitio web, es hora de comenzar a prepararse para el lanzamiento.
Hemos enumerado más de 30 cosas que debe verificar antes de lanzar un sitio web, pero algunas de las sugerencias no siempre son necesarias para los usuarios de WordPress y Shopify. Sin embargo, no estaría de más volver a verificar.
Para asegurarse de que todo funcione como se esperaba, asegúrese de hacer lo siguiente:
- Explore todas sus páginas una por una y asegúrese de que todos los enlaces y páginas funcionen
- Revisa tu contenido y copia
- Consulte su sitio web para obtener una versión optimizada para dispositivos móviles
- Asegúrese de que su certificado SSL (https) funcione
- Crea cuentas de redes sociales (si aún no las tienes).
Felicidades, acabas de crear un sitio web desde cero.
No fue tan difícil, ¿verdad? Para mí, la parte más interesante es elegir los diseños, diseños, colores y fuentes. La parte más difícil para mí es escribir el contenido. Pero bueno, tal vez tú eres todo lo contrario.
