Crea tu p√°gina web

Cómo crear una página web [ Guía completa 2022 ]

Crear una página web es una tarea sencilla y puedes lograrlo en 20 minutos sin ayuda de un programador. Sigue esta guía 2021 para crear tu pagina web, desde la selección del nombre de tu página web hasta la personalización de tu sitio.

Comparte:

Como crear una p√°gina web

Crear una p√°gina web en 2022 y sin saber programar es totalmente posible!

Hola, soy Jes√ļs Gireaud y te doy la bienvenida a mi gu√≠a sobre c√≥mo crear una p√°gina web paso a paso y sin saber programar.

Ya sea que desees crear una página web o simplemente mejorar la página web que tienes actualmente, deberás seguir algunas reglas simples pero esenciales sobre cómo crear una página web .

Algunas personas suponen que crear una p√°gina web por primera vez ser√° complicado y confuso.

Es por eso que he escrito esta¬†gu√≠a definitiva gratuita donde encontrar√°s instrucciones paso a paso para ayudarte a recorrer todo el proceso para que puedas crear una p√°gina web para ti, tu negocio o alg√ļn cliente. Cubrir√° todo, desde el tipo de software que debes usar, el dise√Īo de la p√°gina web y hasta los toques finales antes del lanzamiento exitoso de tu sitio web.

Además, también aprenderás cómo usar WordPress y hacer que tu página web cumpla con todas tus expectativas.

¬ŅPor qu√© usaremos WordPress?

Déjame mostrarte un gráfico interesante extraido de BuiltWith

Cuota de mercado CMS 2019
Cuota de mercado CMS 2019

 

Tal como puedes ver en el gr√°fico, para el 2019, m√°s de 27 millones de sitios webs activos a la fecha utilizan WordPress.org como su manejador de contenidos.

Otra data interesante es que de el Top 1Millón de sitios activos actualmente, un 33% está hecho con WordPress, ubicándose en el 1er lugar de la tabla (Consulta esta tabla aquí)

WordPress es la opci√≥n m√°s f√°cil para crear tu propio sitio web y administrarlo. Por supuesto, hoy en d√≠a es la tecnolog√≠a m√°s com√ļn utilizada para construir un sitio web disponible en internet. Puede crear cualquier tipo de sitio web con WordPress, ya sea un sitio informativo, un blog e incluso una tienda en l√≠nea.

Tipos de sitios web que puede configurar con WordPress:

  • Blog o revista digital.
  • Sitio informativo para negocios
  • Sitio de portafolio (Para fotografos, dise√Īadores o cualqueira que quiera mostrar sus trabajos)
  • Sitio de promoci√≥n para alg√ļn producto
  • Tienda en l√≠nea
  • P√°gina de suscripci√≥n o membres√≠as
  • P√°gina de cursos o gu√≠as (Tal cual la que est√°s consultando ahora :D)

Nota

En esta gu√≠a te compartir√© las herramientas que recomiendo a trav√©s de enlaces de afiliado, lo que quiere decir que si haces clic en ese enlace y te decides por comprar esa herramienta, me ganar√© una peque√Īa comisi√≥n, lo cual me ayuda enormemente a seguir generando gu√≠as gratuitas como estas.

Crear una p√°gina web es una tarea sencilla y se puede hacer en 20-30 minutos siempre que sigas los pasos que se detallan a continuaci√≥n. Este tutorial est√° dise√Īado para principiantes (no se necesitan habilidades t√©cnicas o de programaci√≥n). Al final del d√≠a, tendr√°s tu propio nombre de dominio y un sitio web totalmente funcional y profesional.

¬ŅQu√© esperas para empezar? Inicia el primer cap√≠tulo de esta gu√≠a. [Puedes saltarte los cap√≠tulos si ya dominas el tema]

 

Paso 1: Selecciona un dominio web [ El nombre de tu p√°gina ]

Primero definamos un par de cosas.

¬ŅQu√© es un dominio web?

Es el nombre que tendr√° tu p√°gina web y que le permitir√° a tus usuarios encontrarla en internet.

https://www.tudominioweb.comhttps://www.tudominioweb.com

Y puede que ya te estés preguntando qué extensión de dominio es la mejor para que tu página web se posicione mejor. La respuesta es: TODAS.

No creas cuando te dicen que una extensi√≥n funciona mejor que otra al momento de ser indexada por Google u otros buscadores. La gran diferencia radica en tu audiencia, ya que si est√°s apuntando a un mercado que solo se encuentra en M√©xico, por ejemplo, te funcionar√° mejor utilizar una extensi√≥n .mx porque tu p√ļblico objetivo se familiarizar√° m√°s con ella.

Entonces, ahora sí para entrar en tema,

¬ŅC√≥mo escojo el nombre de mi p√°gina web?

Lo primero es pensar, ¬Ņquieres promover tu marca personal con tu nombre? ¬Ņhar√°s un sitio web para un cliente? ¬Ņo simplemente es un proyecto personal que llevar√° un nombre propio?.

Teniendo claro este punto, las herramientas que te recomiendo usar ahora te permitirán comprobar la disponibilidad de este nombre de dominio no solo en la web, sino también en potenciales redes sociales que te servirán para complementar tu estrategia de marketing.

Primera herramienta: Namecheap

Esta herramienta te permitir√° consultar por dominios web con distintas extensiones como .com, .net, .org, .biz. Y otras extensiones regionales como .mx, .es, etc.

Los pasos a seguir son muy sencillos:

  • Ingresa a Namecheap desde este link
  • En el buscador coloca el nombre de dominio que te interesa consultar
  • Haz clic en buscar y espera a que te aparezcan las opciones.
  • Si quieres comprar tu dominio por Namecheap solo debes hacer clic en el √≠cono de agregar al carrito de compra
  • Para comprar ingresa al carrito de compra y completa el proceso de pago
    • Te pedir√° crearte una cuenta de usuario por lo que deber√°s completar ciertos datos b√°sicos.
  • Una vez realizado el pago ya tendr√°s el dominio en tu poder!

Nota

Si a√ļn no tienes dominio ni hosting web y quieres un dominio gratis, puedes saltar al cap√≠tulo siguiente donde te muestro como conseguir tu dominio web gratis por un a√Īo con la compra de tu hosting web.

Video explicativo

Segunda herramienta: Namechk.com

Namechk.comte permitirá conocer la disponibilidad del nombre de dominio que te interesa también en un montón de redes sociales como YouTube, Instagram, Facebook, Twitter y más, y el procedimiento es muy sencillo

  • Ingresa a Google y busca Namechk o abre este link directo
  • Escribe el nombre que te interesa consultar en el buscador y pulsa la lupa de buscar.
  • Te cargar√°n los resultados donde los colores tienen el siguiente significado:
    • Verde: Disponible
    • Atenuado: No disponible
    • Amarillo: No es v√°lido en esta plataforma
    • Rojo: Error de consulta

Video explicativo:

Una vez ya tengas pensado y seleccionado tu dominio, el paso siguiente es seleccionar un proveedor de hosting, para lo cual te invito a saltar al paso.


Paso 2: Selecciona tu hosting web [ Dónde se alojará tu página web ]

Elegir un proveedor de hosting web confiable es esencial ya que este servicio asegurará que tu sitio web esté disponible para los visitantes durante todo el día y de que todos sus vídeos e imágenes estén disponibles para ellos.

Elegir el proveedor de hosting web incorrecto puede afectar seriamente el rendimiento y la funcionalidad de tu sitio web. Es muy parecido a elegir una compa√Ī√≠a de SIM m√≥vil: comprar la m√°s barata tambi√©n significa un servicio muy d√©bil, lo que lo hace frustrante. El hosting es una parte importante del rompecabezas sobre tu sitio web: cuando se trata de confiabilidad, la popularidad de Bluehost no tiene rival .

Bluehost es un provedor de hosting muy confiable y aparte es uno de los 3 proveedores recomendados para sitios web hechos con WordPress.

Nota

Con la compra de tu hosting en Bluehost, podr√°s tener un dominio gratuito por 1 a√Īo.

De igual forma, te comparto este artículo donde hago una comparativa sobre los mejores servicios de hosting para WordPress.

Pasos para comprar y configurar tu cuenta de hosting en Bluehost

Hosting Web - Como hacer un sitio web

  • Selecciona el tipo de hosting

Selecciona la opci√≥n WordPress en el men√ļ y en el men√ļ desplegable selecciona WordPress Hosting.

Hosting Web - Como hacer un sitio web

  • Selecciona el plan de hosting

Luego haz clic en el bot√≥n verde que dice ¬ęChoose Plan¬Ľ y selecciona el plan basic

Hosting Web - Como hacer un sitio web

  • Crea un dominio gratis

Luego de seleccionar el plan, podr√°s escoger un dominio gratuito escribiendo en el recuadro que dice ¬ęCreate a new domain¬Ľ.

Hosting Web - Como hacer un sitio web

  • Datos de cuenta y facturaci√≥n del hosting

El siguiente paso consiste en completar el proceso de creación de cuenta y periodo de facturación (Recuerda revisar los ciclos de pago)

Hosting Web - Como hacer un sitio web

  • Extras del plan de hosting

Luego desmarca todas las casillas de extras que te sugiere el plan (A menos de que quieras pagar más por características que no son vitales).

Hosting Web - Como hacer un sitio web

  • Datos de pago

El próximo paso es ingresar la información de pago.

Hosting Web - Como hacer un sitio web

  • Crea tu cuenta de acceso al hosting

Luego de pagar, te aparecer√° esta pantalla donde deber√°s hacer clic en ¬ęCreate Account¬Ľ

Hosting Web - Como hacer un sitio web

  • Datos de acceso al hosting

En esta pantalla deber√°s colocar el dominio que escogiste y establecer una contrase√Īa.

Hosting Web - Como hacer un sitio web

  • Inicia sesi√≥n y salta el asistente

Una vez listo, te pedirá iniciar sesión y en este paso salta el asistente de configuración de sitio. Por si quieres anotarla, tu link para iniciar sesión en tu hosting será my.bluehost.com

Hosting Web - Como hacer un sitio web

Felicidades! Ya tienes un hosting y un sitio web que espera por un dise√Īo fabuloso!.


Paso 3: Instala WordPress y herramientas escenciales

Tal como te conté en la introducción de esta guía, estaremos usando WordPress como nuestra plataforma para crear nuestro sitio web.

WordPress se puede instalar con un solo clic, e incluso viene preinstalado con muchos hosts. No importa qu√© compa√Ī√≠a de hosting uses, configurar un sitio web gratuito de WordPress es muy f√°cil.¬† En el cap√≠tulo anterior vimos que BlueHost es una empresa de hosting web que WordPress recomienda como uno de los mejores proveedores.

Esta secci√≥n explica c√≥mo podr√°s instalar WordPress usando el bot√≥n ‚Äėinstalar con un solo clic‚Äô que viene incluido en tu servicio de hosting.

Nota

Recuerda que para la explicación de este capítulo estaremos trabajando con el proveedor de hosting que recomiendo: Bluehost. Si cuentas con otro proveedor de hosting, puedes consultar su información para ver si cuenta con la opción de instalar WordPress con 1 clic, sino puedes ir a WordPress.org y consultar la guía de instalación manual de WordPress.

Pasos para instalar WordPress

Aseg√ļrate de ingresar con la opci√≥n ¬ęHosting Login¬Ľ, completa tu usuario (o correo electr√≥nico) y tu contrase√Īa.

  • Crea tu sitio web con 1 clic

Una vez dentro, haz clic en el men√ļ de la izquierda en la opci√≥n ¬ęMy Sites¬Ľ e inmediatamente haz clic en el bot√≥n ¬ęCreate Site¬Ľ ubicado en la parte superior derecha de la pantalla.

Inmediatamente aparecerá un asistente de configuración de sitio web, que te preguntará lo siguiente:

  • Nombre de tu sitio web (Site Name)
  • Eslogan de tu sitio web (Site Tagline) *no obligatorio por ahora.

Una vez ingresado el nombre de tu sitio web (No es el dominio, es solo el nombre que podr√°s cambiar cuando quieras) haz clic en ¬ęNext¬Ľ.

  • Selecciona el dominio de tu sitio web

    • Selecciona el dominio de tu p√°gina web en la casilla desplegable
    • Puedes escribir algo en la casilla ¬ęDirectory¬Ľ lo que significar√° que los archivos de tu sitio web estar√°n alojados en una carpetita (Muy √ļtil si planeas usar tu proveedor de hosting para hacer sitios webs para clientes)
    • Desmarca las 3 opciones recomendadas que te aparecen bajo el texto ¬ęHelpful Free Plugins¬Ľ (m√°s adelante hablaremos de esto).
    • Luego haz clic en ¬ęNext¬Ľ.

Nota

Acá es muy importante que te asegures de tener asignado el dominio web que compraste. Si por alguna razón compraste tu dominio web con un proveedor externo a bluehost, tendrás que hacer un paso previo que consiste en asignar los DNS (Domain name server) de tu dominio para que apunte a bluehost. Puedes consultar este link para más información.

 

Una vez hagas clic en ¬ęNext¬Ľ la instalaci√≥n de WordPress comenzar√° y autom√°ticamente te redirigir√° a los datos de acceso de tu sitio.

Si por alguna raz√≥n no anotas la contrase√Īa de acceso que te aparece, podr√°s cambiarla directamente desde el panel de bluehost ingresando a ¬ęMy Sites¬Ľ luego en ¬ęManage Site¬Ľ y en la ventana ¬ęUsers¬Ľ selecciona los 3 puntitos y haz clic en ¬ęReset Password¬Ľ.

Pero recuerda que recibirás esta información de acceso a tu sitio WordPress directamente al correo electrónico que escogiste al momento de crear tu cuenta de Bluehost.

  • Inicia sesi√≥n en tu p√°gina web hecha en WordPress haciendo clic en el bot√≥n ¬ęLogin to WordPress¬Ľ

Tambi√©n podr√°s ingresar nuevamente a tu sitio si visitas my.bluehost.com y haces clic en la opci√≥n ¬ęmy sites¬Ľ.

Y la otra manera de ingresar es ingresando el dominio web que le asignaste a tu sitio en el buscador de Google seguido de ¬ę/wp-admin¬Ľ¬†lo cual corresponde a la url de administraci√≥n de tu WordPress. Y all√≠ deber√°s ingresar tu correo electr√≥nico (con el que te creaste la cuenta de hosting) seguido de la contrase√Īa que te aparece en la pantalla anterior (tambi√©n la tienes en tu correo electr√≥nico).

  • Mirada r√°pida al men√ļ de WordPress

  • Front-end ‚Äď P√°gina principal

Como su nombre indica, esta página será visible para tus visitantes cada vez que accedan a su sitio. Las tareas que generalmente se realizan en el back-end, como la creación de páginas, y la personalización de su tema serán visibles para ti y tus visitantes en el front-end podrán visualizar el sitio web final hecho con WordPress.

  • Back-end ‚Äď Administrador de WordPress

Esto se conoce com√ļnmente como el panel de WordPress: aqu√≠ es donde puedes supervisar y administrar todos los aspectos del contenido, la funcionalidad y el dise√Īo web de tu sitio.

Si deseas acceder a su panel de WordPress, escriba ¬ętudominioweb.com/wp-admin¬Ľ en la barra de direcciones de tu navegador. Aqu√≠ inicia sesi√≥n con tu nombre de usuario de WordPress y la contrase√Īa que configuraste para su cuenta.

  • El tablero de instrumentos

El Panel de WordPress maneja la administración de su sitio web. La columna del lado izquierdo es el centro de todas las opciones administrativas y es el lugar desde donde se origina la estructura de su sitio web.

  • La columna del lado izquierdo

Los componentes de la columna del lado izquierdo incluyen:

  • Escritorio: el bot√≥n de escritorio te lleva de regreso a tu tablero principal.
  • Actualizaciones: este espacio te informa si hay nuevos complementos (plugins) o temas disponibles que deben actualizarse o instalarse porque se ha lanzado una nueva versi√≥n. Si es as√≠, ver√° sun c√≠rculo rojo con un n√ļmero, que indica la cantidad de actualizaciones que se necesitan.
  • Medios: en esta secci√≥n se mostrar√°n todos los videos, archivos o fotos que haya subido, ya sea como elemento separado o como parte de una publicaci√≥n. Tambi√©n puedes subir directamente a esta secci√≥n.
  • Comentarios: estos son los comentarios que tus visitantes dejan en el contenido de tu sitio. Si tienes alg√ļn comentario nuevo que no hayas visto, su n√ļmero se mostrar√° en un c√≠rculo rojo sobre este elemento en la columna del lado izquierdo.
  • Apariencia: esta secci√≥n te mostrar√° todas las opciones relacionadas con el dise√Īo de tu sitio web de WordPress, es decir, todas las caracter√≠sticas, temas y dise√Īos.
  • P√°ginas: puedes administrar todas las p√°ginas de su sitio, por ejemplo, la p√°gina ¬ęCont√°ctenos¬Ľ o la p√°gina ¬ęAcerca de nosotros¬Ľ de esta secci√≥n.
  • Plugins: estos son los complementos que est√°n integrados en tu sitio web y ayudan a aumentar su funcionalidad. Puede usarlos para convertir tu sitio en un sitio de membres√≠a o hacer algo elegante, como agregar los iconos de redes sociales para compartir contenido.
  • Ajustes: aqu√≠ es donde debes ir en caso de que desees realizar cambios t√©cnicos en tu sitio. Por ejemplo, si deseas cambiar el lenguaje de wordpress, hora, forma en que se muestran las url, aqu√≠ es donde debes hacerlo.
  • Cambia el idioma de WordPress

Una vez dentro de la plataforma, deberás seguir los pasos que se muestran a continuación para cambiar el idioma:

  • Haz clic en¬†¬ęSettings¬Ľ
  • Selecciona¬†¬ęGeneral¬Ľ
  • En la casilla de selecci√≥n de idioma escoge¬†¬ęEspa√Īol¬Ľ (no espa√Īol argentina, ni espa√Īa, ni m√©xico. Solo¬†Espa√Īol)

Paso 4: Configura el aspecto de tu sitio web

  • Instala un tema de WordPress (Grati s)

Con WordPress, puedes personalizar todos los aspectos de tu sitio web, como botones, animaciones de texto, esquemas de color, im√°genes de fondo y MUCHO m√°s.

WordPress es la plataforma que te permitir√° controlar todo el contenido de tu sitio web, sin embargo, todo se hace visible con la ayuda de un tema o plantilla.

  • Dir√≠gete al men√ļ apariencia
  • Luego haz clic en ¬ętemas¬Ľ
  • Haz clic en el bot√≥n¬†¬ęA√Īadir Nuevo¬Ľ
  • Selecciona la opci√≥n¬†¬ęWordPress.org Themes¬Ľ
  • Busca un tema que te guste¬†en el buscador de temas
  • Haz clic en ¬ęInstalar¬Ľ, luego en ¬ęActivar¬Ľ

¬°Desde aqu√≠ puedes elegir entre m√°s de 4500 temas gratis! Ahora puede que te preguntes: ¬ę¬ŅCu√°l elijo?¬Ľ ¬ŅPor d√≥nde empiezo? ‚ÄĚBueno, aqu√≠ est√°n mis 4 recomendaciones principales para temas gratuitos que ofrecen la mayor funcionalidad, personalizaci√≥n y experiencia f√°cil de usar (ninguno de estos temas me paga. ¬°Simplemente me gustan!)>

  • Hestia
  • OceanWP
  • Hello Elementor
  • Astra
  • Personaliza tu sitio web

Para personalizar tu tema, puedes hacerlo desde el panel de ¬ęApariencia > Personalizar¬Ľ, o desde el bot√≥n ¬ęPersonalizar¬Ľ que te aparece cuando visualizas tu sitio web. Desde aqu√≠, tienes una gran variedad de opciones para personalizar, como cambiar el texto y los colores de los botones, agregar im√°genes de fondo y videos, y MUCHO m√°s. Si√©ntase libre de jugar en este men√ļ personalizado para ver c√≥mo cada secci√≥n afecta el aspecto de su sitio web.

* Si eliges el tema Hestia, te recomiendo instalar Orbit Fox que aparece en este men√ļ personalizado.

  • Agrega contenido a tu sitio web

WordPress nos permite agregar distintos tipos de contenido, pero los principales son Páginas que puede ser por ejemplo la página de contacto, servicios, información de la empresa, etc. Y también permite agregar Entradas que también se conocen como Post, artículos, publicaciones de blogs, notas de prensa, etc.

  • Agrega las p√°ginas de tu sitio web

Para agregar una p√°gina, simplemente sigue estos pasos:

  • Pasa el cursor sobre la opci√≥n¬†¬ęP√°ginas¬Ľ.
  • Haz clic en¬†¬ęA√Īadir nueva¬Ľ.
  • Edita el Titulo
  • Agrega el contenido visible de tu p√°gina
  • Configura una imagen destacada en el men√ļ de la derecha
  • Publica tu p√°gina y visualizala.
  • A√Īade un men√ļ a tu sitio web

Despu√©s de crear algunas p√°ginas nuevas, es posible que desees vincularlas a un men√ļ en la parte superior de tu sitio web. Al igual que el men√ļ en la parte superior de este sitio web o en la parte superior de la pantalla en este momento. Para hacer esto, simplemente sigue estos pasos

  • Pasa el cursor sobre ¬ęApariencia¬Ľ en el tablero
  • Haz clic en ¬ęMen√ļs¬Ľ¬†.
  • Pulsa sobre ¬ęCrear un nuevo men√ļ¬Ľ
  • Agrega las p√°ginas al men√ļ que acabas de crear.
  • Guarda tu men√ļ.

Puedes gestionar tu men√ļ de manera visible haciendo clic en la opci√≥n ¬ęGestionar con vista previa¬Ľ

 

  • Cambiar el t√≠tulo y el lema de su sitio web

  • T√≠tulo

Esta parte es en realidad m√°s importante de lo que la mayor√≠a de la gente piensa. El t√≠tulo en la p√°gina principal de tu sitio web es c√≥mo los motores de b√ļsqueda, como Google y Bing, deciden qu√© tan alto se ubica su sitio en los resultados de b√ļsqueda. Entonces, si alguien escribe ¬ęc√≥mo ganar dinero en l√≠nea¬Ľ, lo ideal ser√≠a que tu sitio apareciera en la primera p√°gina de resultados de b√ļsqueda para que la gente haga clic en tu sitio web. Esto significa que el t√≠tulo de su sitio web debe ser ¬ęC√≥mo ganar dinero en l√≠nea¬Ľ para que sea lo m√°s similar posible a la palabra clave.

  • Para cambiarlo ingresa a¬†¬ęAjustes¬Ľ
  • Luego en¬†¬ęGenerales¬Ľ
  • Cambia el t√≠tulo por lo que quieras (Recuerda, algo que est√© acorde a tu producto o servicio)
  • Cambia la descripci√≥n corta o lema.
  • Guarda los cambios.

Finalización del capítulo 3

Excelente trabajo! Hasta ahora haz conseguido lo siguiente:

  • Escoger y comprar tu dominio web
  • Seleccionar y contratar un plan de hosting web
  • Instalar WordPress con 1 clic
  • Seleccionar tu plantilla para tu sitio web
  • Configurar p√°ginas necesarias para crear un men√ļ de navegaci√≥n

Ahora viene el paso más importante, PUBLICAR!

¬ŅQu√© esperas? Ve corriendo al siguiente cap√≠tulo para publicar tu sitio web!

 

 

 

 

 

Recibe contenido exclusivo y herramientas gratis.

¬ŅPor qu√© suscribirte?