Cómo Construir Un Sitio Web Desde Cero en 2020

Información: esta página contiene enlaces de afiliados. Un enlace de afiliado significa que podemos ganar comisiones por publicidad/referencia si realizas una compra a través de un enlace, sin ningún costo adicional para ti..
Share on facebook
Share on twitter
Share on linkedin
Share on whatsapp
Share on telegram
Share on email
Share on print
Como Construir Un Sitio Web Desde Cero

Cómo Construir Un Sitio Web Desde Cero en 2020

La forma más fácil de crear un sitio web desde cero es usar un CMS (Sistema de gestión de contenidos). El sistema de gestión de contenido más popular es WordPress. Aquí te voy a contar paso a paso lo que tienes que hacer para construir tu sitio web usando WordPress.

Soy desarrollador web y puedo crear algunos sitios web geniales desde cero mediante codificación personalizada. Nuestro equipo de diseñadores gráficos crea un gran diseño web personalizado y luego lo hacemos realidad utilizando la magia de PHP, Javascript, MySQL, etc. Pero lleva mucho tiempo y mucho trabajo, lo que se traduce en sitios web muy costosos.

Fui uno de esos programadores a los que no les gustaba usar CMS como WordPress o Joomla. Pero un día conseguí un trabajo. Tuve que trabajar como desarrollador frontend para una empresa en un proyecto a distancia, pero tenía una condición, el sitio tenía que hacerse usando WordPress, me estaba quedando sin dinero (no hay muchos clientes para sitios web caros en mi país) y no pude decir que no. Así que tomé el trabajo y aprendí cómo hacer una codificación personalizada para WordPress. Bueno … me enamoré de WordPress. Por su simplicidad y lo rápido que puedo hacer la mayor parte del trabajo sin escribir una sola línea de código. Después de eso, decidí hacer casi todos los sitios web usando WordPress, es mucho más fácil, más rápido y para el cliente … MÁS BARATO sin pérdida de calidad.

Después de un tiempo, decidí que quería enseñar a las personas sin conocimiento en programación, cómo crear sus propios sitios web porque no todos pueden pagarlo. Como dije antes, la forma más fácil de crear un sitio web es usando WordPress. Solo necesitas saber cómo funcionan las cosas y cuál es el proceso.

Aquí te enseñaré:

  1. Cómo seleccionar buenos servicios de alojamiento.
  2. Cómo seleccionar un buen dominio.
  3. Cómo comprar servicios de alojamiento y dominio.
  4. Cómo configurar tu hosting.
  5. Cómo instalar WordPress
  6. Cómo usar WordPress

Por supuesto … Si no tienes tiempo para aprender o simplemente estás buscando un experto que lo haga por ti, detente aquí, contáctanos y dinos qué necesitas. Lo haremos por ti.

Siteground Banner

¿Cómo Seleccionar Buenos Servicios de Alojamiento?

La forma de seleccionar buenos servicios de alojamiento debería ser un artículo en sí mismo, y si estás leyendo esto, probablemente estés comenzando en este mundo de creación de sitios web. Así que te daré solo estos 2 consejos:

  1. Elije un servicio reconocido: hay muchos servicios disponibles, con diferentes especificaciones, en este momento solo deseas un servicio que sea confiable, fácil de usar y que te brinde un buen servicio al cliente. La mayoría de los populares serán suficientes para ti (al menos en este momento) y tendrás la oportunidad de actualizar tus servicios o cambiar de proveedor en el futuro.
  2. Elije uno que puedas pagar: en este punto, el costo del servicio también es clave para ti, si recién estás comenzando un proyecto, es importante tener en cuenta las finanzas.

A continuación te mostramos una lista de proveedores de alojamiento entre los que puedes elegir. En este curso, utilizaremos Siteground porque nos gusta la relación precio/valor de su oferta . Cualquiera de ellos será bueno, pero quizás algunos pasos del curso serán un poco diferentes si no usas Siteground. Por lo tanto, te recomiendo lo uses si va a seguir paso a paso todo el curso.

ProveedorPrecio/MesValuación
Siteground$2.654.6
Bluehost$3.954.2
A2Hosting$2.964.6
GoDaddy$5.993.9

Como Escoger Un Buen Dominio

La selección de un buen dominio es muy importante, el dominio es tu identidad en la web. Deseas que la gente lo recuerde para siempre y que identifique perfectamente a tu negocio. Así que preparamos una lista de tips que debes seguir para escoger un buen dominio.

Tips para escoger un buen dominio:

  1. Que sea corto: es difícil encontrar nombres de dominio cortos que estén disponibles, pero trata de hacerlo lo más corto posible, así será más fácil de recordar.
  2. Relacionado con tu marca: si el nombre de tu marca o compañía está disponible, debes usarlo.
  3. Que sea obvio: en caso de que tu marca no esté disponible. Intenta elegir algo que describa tus servicios y nicho de la mejor manera posible. Ej. lavadodecarros.com
  4. Que sea de fácil escritura: si bien usar derivados del nombre de tu empresa con algunas variaciones ortográficas podría ser una buena idea, también podría generar confusión. Ej. lavadodekarros.com en lugar de lavadodecarros.com.
  5. Evita usar números: cuando las personas escuchen tu dominio, no tendrán idea de si deben deletrear el número (diez) o simplemente usar el número (10).
  6. Se original: si tu dominio es parecido a otro, quizás dirija el tráfico a ese sitio web en lugar del tuyo. (Aunque podría funcionar al revés también)
  7. Diferénciate de los demás: si tu dominio debe ser similar a otro, argega algo que haga la diferencia. Por ejemplo, podrías agregar la ubicación de tu empresa si es algo local. Ej. lavadodecarrosmiami.com
  8. Usa la extensión de dominio correcta: algunas extensiones tienen un significado y deberías respetar eso hasta cierto punto. Sin embargo, la realidad es que todos recordarán un dominio .com más fácilmente que cualquier otra cosa. Si una extensión .com no está disponible, hay muchas extensiones que podrían encajar perfectamente con tu negocio o nicho. Además, algunos de ellos son nuevos, por lo que muchos nombres de dominio con estas nuevas extensiones están disponibles. Ej. lavadodecarros.pro podría estar disponible.
  9. Utiliza dominios atractivos: a veces es casi imposible encontrar un buen dominio que sea obvio, por lo que es el momento de ser creativo y encontrar algo que se quede en la mente de las personas. Ex. lavamostucarro.com
  10. Actúa rápido: tan pronto como elijas un dominio que esté disponible COMPRALO, tal vez no esté disponible mañana, se venden miles de dominios todos los días.
Namecheap Banner

Cómo Contratar Servicios de Alojamiento y Dominio

Hay muchos proveedores de dominio y hosting, incluso puedes comprar un dominio a un proveedor y hosting a otro. La forma más fácil de hacerlo es obtener ambos del mismo proveedor, incluso puedes conseguir descuentos si lo haces de esa manera.


En general, los servicios de alojamiento y los nombres de dominio se pagan anualmente, algunos proveedores te permiten comprar servicios de alojamiento mensuales pero con tarifas adicionales. En mi opinión, lo mejor que puedes hacer es obtener el contrato más largo disponible y así conseguir descuentos, de esa manera ahorrarás algo de dinero. Por lo general, significa un contrato de 3 años. Más adelante, si necesitas cambiar tu plan de alojamiento, puedes hacerlo en cualquier momento y te cobrarán una tarifa por la diferencia en el precio del contrato por el tiempo restante.

¡Comencemos con el proceso!

Si sigues el enlace de Siteground obtendrás la siguiente página. Elije Web Hosting para que puedas tener una variedad de opciones que pueden ser útiles para ti en el futuro.

Web Hosting

Luego, en la página siguiente, debes elegir el contrato que deseas obtener de acuerdo con sus especificaciones y precio. Por lo general, evitamos el contrato de Inicio porque nos obliga a cambiar los planes de alojamiento
en caso de querer escalar en el futuro, mientras que el Plan GrowBig nos permite crear múltiples sitios web usando el mismo Plan de Alojamiento. De cualquier forma elige lo que mejor se adapte a tus necesidades.

How To Buy Hosting Services

Una vez que hayas elegido las especificaciones de tu servicio de alojamiento, debes seleccionar si deseas obtener un nuevo dominio, lo cual debes hacer.

Usando los consejos sobre Como Escoger Un Buen Dominio prueba diferentes dominios hasta encontrar el dominio perfecto que esté disponible.

How To Buy Hosting Services

Después de encontrar un nombre de dominio disponible que se ajuste a tu proyecto, debes agregar algunos datos personales requeridos.

How To Buy Hosting Services

Luego, debe elegir la duración de tu contrato, como dijimos antes, cuanto más tiempo mejor, en este momento puedes comprar todos los años que desees con precios de descuento, al momento de escribir el artículo eso significaba $ 5.95 cada mes. Por lo general, los servicios de alojamiento te cobran la tarifa regular cuando renuevas tu contrato, esto significa $19.95 por cada mes en este momento. Haz tus calculos.

Siteground te brinda la posibilidad de agregar un par de servicios que no son obligatorios, como Privacidad de dominio y Site Scanner. Por lo general, omito estos 2.

Privacidad de dominio: lo que hace es ocultar tus datos personales como el nombre y el correo electrónico en los servicios whois, de esa manera evitas el spam en tu cuenta de correo electrónico. Sin embargo, si configuras bien tu cuenta de correo electrónico y no prestas atención a ningún correo electrónico extraño, no será necesario este servicio.

Site Scanner: este es solo un servicio antivirus. Si haces las cosas bien en tu sitio de WordPress, tampoco será necesario.

How To Buy Hosting Services

Finalmente, solo tienes que hacer clic en Pagar ahora y completar el formulario de pagos. Usa el método de pago que prefieras. Tarjeta de crédito, PayPal y otros están disponibles.

How To Buy Hosting Services

¡¡¡Felicidades!!! acabas de contratar tus servicios de alojamiento y dominio. Ahora solo necesitas configurar tu cuenta.

How To Buy Hosting Services

Cómo Configurar Su Alojamiento

Cuando ingreses por primera vez a tu cuenta de hosting, verás las diferentes opciones que tienes para configurar y usar tu hosting. Si eliges obtener una cuenta de Siteground con un Plan de inicio, obtendrás la siguiente vista. Observa que hay un mensaje importante con un botón Ver, haz clic en él.

How To Configure Your Hosting

Obtendrá una página que le permitirá crear o transferir un sitio web, también te brinda la posibilidad de mejorar tu cuenta. Selecciona Iniciar un nuevo sitio web y deja en blanco las otras opciones (a menos que desees agregar funciones a su cuenta de hosting). Luego haz clic en Confirmar.

How To Configure Your Hosting

Obtendrás otra página con características adicionales para iniciar un nuevo sitio web, aquí seleccionaremos WordPress para instalarlo y tendrás que agregar información para crear tu cuenta de administrador para WordPress. Debes agregar una dirección de correo electrónico, debe estar activa, WordPress la usará para diferentes cosas en el futuro. Tienes que dar un nombre de usuario y una contraseña. Luego haz clic en Confirmar en el cuadro Configurar su sitio web.

How To Configure Your Hosting

Ahora haga clic en Confirmar en el cuadro Mejora tu cuenta.

How To Configure Your Hosting

Ahora debes leer los Términos de servicio y la Política de privacidad (no es obligatorio), haz clic en el recuadro junto al mensaje para confirmar que los aceptas y luego haz clic en Completar Configuración.

How To Configure Your Hosting

Bueno … Has instalado WordPress en tu hosting y has creado una cuenta de administrador.

How To Configure Your Hosting

Serás redirigido a tu panel de hosting. Allí verás la información del WordPress que acabas de instalar. La dirección de la instalación que debe coincidir con el dominio que compraste y la versión de WordPress instalada.

Haga clic en Ir al panel de administración para ir al panel de WordPress.

How To Configure Your Hosting

La primera vez que accedas a tu panel de WordPress, Siteground te ofrecerá instalar un tema y algunos complementos que podrían ser útiles para tu sitio web. Puedes negarte a instalarlos e instalarlos más tarde, o puedes instalarlos y borrarlos más adelante si no los va a usar. La ventaja de instalarlos en este paso es que tal vez obtengas características completas que solo vienen con las versiones pagas de ellos.

Haz clic en Comenzar ahora.

How To Configure Your Hosting

Primero Siteground te permite elegir un tema.

Un tema es una forma prediseñada y programada para mostrar tus datos, así es como se verá tu sitio web. Los temas se crean para que puedas personalizarlos fácilmente al crear tu sitio web.

Chequea los temas que Siteground te ofrece y elije uno.

How To Configure Your Hosting

Después de elegir un tema, Siteground te preguntará si deseas instalar Elementor. Elementor es una gran herramienta para personalizar tu tema o para crearlos. En este curso, no te mostraremos cómo usar Elementor, pero te recomendamos que lo instales para que puedas usarlo una vez que aprendas a hacerlo. Es muy fácil e intuitivo.

How To Configure Your Hosting

Después de seleccionar tu tema y si deseas agregar Elementor, te pedirán que elijas instalar algunos plugins que lo ayudarán a crear cosas que deseas mostrar a tus visitantes:

  • Formularios de contacto : si eliges esto, se instalará un complemento llamado WPForms. Preferimos usar el “Contact Form 7 “, pero es una preferencia personal.
  • Tienda: Si deseas crear una tienda en línea, deseas agregar esta función, se instalará WooCommerce , que es el plugin número uno para tiendas en linea.
  • Calendario: esto instalará el plugin The Events Calendar . Si deseas manejar la información de eventos en tu sitio web, este es el plugin a usar.
  • Jetpack: Si deseas proteger tu sitio web contra intrusos, Jetpack es una excelente opción.
How To Configure Your Hosting

Finalmente, se te pedirá que agregues algunos plugins que te ayudarán con algunas tareas que tus visitantes no verán pero que son importantes y útiles para ti.

  • Google Analytics: te da estadísticas sobre tu sitio. Cantidad de visitantes, de dónde provienen, datos demográficos de tus visitantes y mucha más información. Tendrás que usar Google Analytics en algún momento, pero primero, debe registrarte, obtener tu código de seguimiento y aprender cómo funciona. El complemento que Siteground te ofrece es Monster Insights.
  • Optimización para SEO: SEO significa optimización de motores de búsqueda. Es una serie de estrategias que debes seguir para posicionar tus páginas y publicaciones en los primeros lugares de los motores de búsqueda como google, yahoo o bing para las consultas específicas relacionadas a tu sitio. Siteground va a instalar el plugin Yoast SEO, se considera el plugin con las mejores herramientas para SEO.
  • Lista de suscriptores: esto te dará 30 días de prueba gratuita del complemento Optin Monster, una forma avanzada de transformar a los visitantes en clientes en tu sitio. Te ayuda a recopilar los datos del usuario para usarlos en campañas de marketing.

Debe aprender sobre Google Analytics, Google Search, SEO y marketing en línea antes de que cualquiera de estos complementos sea útil. Depende de ti si deseas instalarlos o no.

Después de seleccionar, haz clic en el botón Completar.

How To Configure Your Hosting

¡¡¡Felicidades!!! En este punto, finalizó la configuración de tu alojamiento e instalación de WordPress.

Puedes hacer clic en Ir al panel de control y esto te llevará a tu panel administrativo de WordPress. O puedes hacer clic en Ver sitio y echar un vistazo al tema que se instaló lleno con información falsa de muestra.

How To Configure Your Hosting

Su tablero

Wordpress Dashboard

Tú sitio

Wordpress Site

Cómo Usar WordPress

Aprender a usar cada función de WordPress es algo que te llevará mucho tiempo hacer, sin mencionar que cada tema y cada plugin tienen su funcionalidad. Entonces, te enseñaré las principales cosas que debes saber sobre WordPress para iniciar tu sitio web.

  1. Cómo instalar o cambiar un tema.
  2. Personalización general de tu tema.
  3. Cómo crear páginas.
  4. Cómo crear publicaciones.
  5. Cómo crear un menú.
  6. Cómo instalar un plugin.

Temas

Para instalar o cambiar un tema en WordPress, debes hacer clic en la barra lateral en el botón Apariencia y luego en Temas. Obtendrás una vista como la de abajo.

Si pasas el mouse sobre un tema que no está activo, te dará la posibilidad de activarlo, de esa manera cambiará el tema actual por el que acabas de activar. Pero si deseas obtener un nuevo tema, simplemente haz clic en el botón Agregar nuevo.

Para agregar un nuevo tema tienes dos opciones. Selecciona un tema gratuito de los cientos que WordPress tiene disponibles, o instala uno de otra fuente.

Si deseas utilizar un tema gratuito de WordPress, simplemente escribe una palabra relacionada con el tipo de tema que desees en la barra de búsqueda, para obtener los temas que se ajustan a esa palabra. Puedes desplazarte sobre cada uno y obtendrá 2 botones: Instalar Vista previa. Puedes verificar cada uno de los temas hasta que encuentres el que te gusta, luego haz clic en Instalar.

Wordpress Themes

Después de instalar el tema que deseas, debes activarlo. Desplázate sobre el tema que instalaste y haz clic en Activar.

Ahora tenemos que personalizar tu tema. Hay 2 formas de acceder a esa página. Desplázate sobre el tema activo y haz clic en el botón Personalizar o simplemente haz clic en el botón que se encuentra en la barra lateral.

Customize WordPress Theme

Obtendrás la siguiente vista que te permitirá personalizar todo lo que es posible cambiar en ese tema. Algunas cosas son comunes a todos los temas y otras están disponibles solo en el que instalaste. Las cosas principales que deseas cambiar son el encabezado y el pie de página de su sitio.

Como puede ver, WordPress te ofrece una barra lateral donde puedes seleccionar y modificar elemento por elemento. Cada vez que modifiques algo, haz clic en el botón Publicar ubicado en la parte superior de la barra lateral. Todo lo que modifiques en la barra lateral cambia visualmente en la vista de página de la derecha, los cambios no tendrán ningún efecto en la interfaz de tu sitio hasta que haga clic en Publicar.

WordPress también te brinda la posibilidad de cambiar las cosas haciendo clic en los botones de edición que aparecen junto a cada elemento editable en la vista de página a la derecha. En este momento, hagamos clic en el botón junto a Mi blog para cambiar el título y el logotipo del sitio.

Customize WordPress Theme Panel

Aquí puedes cambiar o cargar tu logotipo, cambiar el título de tu web y agregar o cambiar el eslogan si tienes uno. Una vez realices estos cambios, no olvides hacer clic en Publicar. Si cargas una imagen de tu logotipo, el encabezado se adaptará en tamaño a esa imagen, así que intenta cargar una imagen con las dimensiones adecuadas para que se vea bien en tu sitio.

En este artículo, no te enseñaremos sobre CSS, pero en caso de que tengas conocimientos de CSS, puedes cambiar algunas características visuales adicionales de tu sitio, como las dimensiones del logotipo, sin importar el tamaño de la imagen que agregaste.

Para cambiar el pie de página o cualquier otra cosa editable, simplemente búscalo en la barra lateral o en la vista lateral derecha.

No tengas miedo de experimentar y ver qué hacen las cosas. Siempre puedes volver a cómo estaban las cosas antes o simplemente reinstalar tu tema.

Customize Theme Header

Páginas

Una vez que cambies el aspecto de tu sitio, deberás agregar la información que deseas que vean tus visitantes. Parte de esta información es fija, puede cambiar con el tiempo para agregar o eliminar elementos, pero no cambia demasiado o con demasiada frecuencia, por ejemplo, BioPágina de contacto o Mis servicios se ajustan a este tipo de información. Para esto, WordPress te ofrece un tipo de publicación llamada Páginas. En la barra lateral puede encontrar el botón Páginas, haz clic en él y obtendrás la vista a continuación.

Si haces clic sobre una página existente en la lista, obtendrás los botones EditarEdición rápidaPapelera Ver. El botón Edición rápida te dará algunas opciones para cambiar en la página, mientras que el botón editar te permitirá editar toda la configuración e información de la página.

Además, hay un botón Agregar nuevo junto al título de la página, haz clic en él.

Wordpress Pages View

Cuando creas una página, debes agregarle un título y luego todo el contenido que desees. WordPress te brinda la posibilidad de agregar formato a ese contenido; puedes alinearlo, cambiar el tipo de texto, etc. Además, te permite agregar diferentes tipos de datos como imágenes, enlaces y más. La versión actual de WordPress funciona con lo que llaman Bloques, y cada bloque puede ser de texto, imagen u otro tipo de contenido.

En la barra lateral derecha de la página, puede cambiar algunos atributos de la Página o del Bloque, incluso puedes agregar una Imagen destacada al documento, esta imagen es la imagen principal de la página y se mostrará de acuerdo con la configuración de tu tema

Al final de la configuración del documento, tienes algunas opciones que puedes cambiar que modifican el aspecto de la página.

Una vez que hayas ingresado toda la información y hayas configurado el documento, debes hacer clic en el botón Publicar, ubicado en la parte superior de la barra lateral derecha, te pedirá que confirmes la publicación del documento, por lo que te pedirá dos veces que haga clic allí.

Wordpress New Page

Publicaciones

Las publicaciones son otro tipo de publicación y son las que le dan a WordPress la cualidad de un Blog. Puedes publicar diferentes documentos que estáran organizados cronológicamente y que pueden pertenecer a una categoría. Dependiendo del tipo de información que publiques, podrán ser recetas, noticias, artículos y más.

Puedes crear tus propias categorías y puedes asignar una o más categorías a cada publicación.

La forma en que creas o editas una publicación es similar a la forma en que creas o editas una página. La principal diferencia en el proceso es que puede asignar categorías a las publicaciones.

Wordpress Posts View
Wordpress New Post

Menú

Otra cosa importante que debes cambiar y adaptar a tus necesidades es el Menú. En la barra lateral debajo de Apariencia hay un botón llamado Menús, haz clic en él.

WordPress te brinda la posibilidad de cambiar el menú principal y agregar otros menús. Por lo general, el menú ubicado en el encabezado de tu sitio es el menú principal, pero dependerá de cómo se creó el tema que estás utilizando. En la parte superior de la página del menú, localiza el menú que dice (Principal) y selecciónalo.

En la sección Estructura de la vista de menús, puedes ver los elementos que pertenecen al menú que estás editando. Cuando haces clic en cualquiera de ellos, te permite editarlos o eliminarlos. Elimina los que desees y luego agrega los que necesitas de los que estan localizados en la sección Agregar elementos al menú. Te dará la posibilidad de agregar páginas, publicaciones y categorías, así como algunos enlaces personalizados adicionales.

Wordpress Menus View

Plugins

Hay algunas funcionalidades que necesita en tu sitio web, pero WordPress no las tiene por sí solo, estas características se pueden agregar con una codificación personalizada proporcionada por terceros usando plugins. Hay millones de plugins, necesitas buscarlos e instalarlos de acuerdo a tus necesidades.

Haga clic en el botón Plugins ubicado en la barra lateral. Verás una lista de los plugins instalados. Puedes acceder a su configuración, desactivarla y otras funciones. Y, como de costumbre, puedes agregar nuevos plugins haciendo clic en el botón junto al título de la página.

Wordpress Plugins View

Cuando haces clic en el botón Agregar nuevo, seras redirigido a una página donde podras buscar un plugin por nombre, WordPress busca en su base de datos y te brinda una lista de todos los plugins que cumplen con los criterios de búsqueda. Algunos plugins no están disponibles de esta manera, tendrás que buscarlos en el sitio web del creador, descargarlos en tu computadora y hacer clic en Subir plugin.

Si encuentras el plugin que estás buscando aquí, haz clic en el botón Instalar ahora.

Wordpress Coctact Form 7

Una vez instalado, debes Activar el plugin.

Wordpress Plugin Activation

El Resultado

Al final de este proceso, tendrás un sitio web operativo. Solo necesitaras agregar tus toques finales e ingresar toda la información que deseas mostrar a tus visitantes.

Customized Theme

¡¡¡Felicidades!!! Ahora tienes un sitio web en funcionamiento.

Hasta aquí ha llegado nuestro curso, mantente en contacto para que estes al tanto de nuestras nuevas publicaciones.

Si necesitas ayuda con tu sitio, podemos ofrecerte nuestros servicios de consultoría.

Simplemente dinos que necesitas.