Cómo construir tu primer sitio web como un profesional


Divulgación: este contenido es compatible con el espectador, lo que significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión.

Has decidido crear tu primer sitio web, ¡es perfecto! Te voy a enseñar cómo configurar tu sitio como lo has hecho mil veces antes.

Lo que necesita saber sobre cómo iniciar un sitio web

Para que su sitio web esté activo, necesitará un nombre de dominio y un anfitrión.

  • UN nombre de dominio es donde la gente va a su sitio web. Para QuickSprout, sería www.quicksprout.com (también conocido como URL, el componente técnico de un nombre de dominio).
  • UN anfitrión es una empresa a la que paga para almacenar todos los datos cruciales de su sitio web.

Bluehost le permite comprar y registrar tanto un nombre de dominio como un plan de alojamiento.

¿Qué pasa si quiero un sitio web gratuito?

Puede comenzar de forma gratuita en WordPress.com.

Para utilizar el plan gratuito, no necesitará registrar un nombre de dominio ni elegir un proveedor de alojamiento web, ya que su sitio web se generará automáticamente como un subdominio de WordPress. com. Por ejemplo, si desea escribir en un blog sobre tazas de té antiguas, su URL podría ser www.vintageteacups.wordpress.com.

Si está en este campo a largo plazo, tenga en cuenta que será mucho más probable que su audiencia confíe en su marca si es propietario de su nombre de dominio (por ejemplo, www.vintageteacups.com). Invertir en el alojamiento y el registro de dominios es el primer paso para hacer crecer un negocio independiente.

Una guía paso a paso para crear su primer sitio web

¿Listo para empezar? Estos 8 pasos lo guiarán sin problemas a través del proceso desde el registro hasta la creación de contenido para principiantes, para que no tenga que preocuparse por olvidar nada.

Paso 1: considere los objetivos de su sitio web

¿Tiene la intención de que su sitio web sea un portafolio de su trabajo? ¿Un blog de nicho? ¿Un sitio de comercio electrónico? Puede hacer todo esto y más a través de WordPress, que abre un mundo de posibilidades con su completo CMS.

¿Cómo quieres que tu audiencia te conozca? Este es el nombre de su empresa.

¿Y cómo quieres que te lleguen? Este es su nombre de dominio.

Dado que su nombre de dominio será una cara importante de su negocio, querrá pensar en ello.

Un nombre de dominio sólido cumple sus objetivos comerciales al incluir su producto o servicio. Debe ser llamativo, memorable y fácil de escribir. Pruebe nombres más cortos en lugar de más largos si es posible.

¿Cómo encuentro el nombre correcto?

Tomemos como ejemplo las dos empresas con las que trabajamos en esta guía.

WordPress es breve, icónico y evoca imágenes de texto ("palabra") y potencialmente una imprenta ("prensa"). Está claro que su modelo de negocio se basa en compartir contenido.

Asimismo, Bluehost incluye la palabra 'host', lo que sugiere que es un proveedor de alojamiento web. La combinación de "azul" y "anfitrión" es simple y llamativa.

Ambos nombres son altamente personalizables y fáciles de recordar.

Paso 2: elige tu plan de Bluehost

El beneficio de alojar en Bluehost sobre WordPress.com es que Bluehost se encarga de la seguridad, la velocidad, el rendimiento y las actualizaciones de su sitio por usted.

Recomendamos alojamiento WordPress compartido, que le da acceso a un servidor específicamente adaptado al paquete de software de WordPress. Esto significa que la seguridad, la protección y la velocidad están integradas; en otras palabras, gestionado para ti.

Para elegir un plan, vaya a la página de precios de Bluehost. Verás esto:

Bluehost ofrece cuatro planes de alojamiento: Basic, Plus, Choice Plus y Pro. En cada nivel, los planes incluyen un certificado SSL gratuito (que agrega una capa adicional de seguridad a su sitio), ancho de banda ilimitado y mucho almacenamiento. Para la mayoría de los sitios, el rendimiento del alojamiento será más que suficiente.

Seleccione el plan y se adapta a su presupuesto. Siempre puede actualizar más tarde.

Paso 3: registre su nombre de dominio

Después de seleccionar un plan, se le pedirá que registre su nombre de dominio.

Si ya tiene un nombre de dominio, ingréselo a la derecha. Es posible que deba cambiar sus registros DNS para asegurarse de que sus servidores de nombres de dominio apunten a Bluehost, lo que permite a las personas acceder a su sitio web.

Si está registrando su nombre de dominio con Bluehost, ingréselo a la izquierda. El registro de dominio es gratuito durante un año con una cuenta de alojamiento de WordPress administrada. Siempre asegúrese de anotar cuándo debe renovarse su dominio para que no caduque sin su aviso, haciendo que su sitio web sea inaccesible.

Se le pedirá que proporcione información personal antes de finalizar su compra.

Asegúrese de elegir una contraseña segura para su cuenta de Bluehost (preferiblemente diferente de la que usa para iniciar sesión en otro sitio). Entonces estará listo para instalar WordPress.

Paso 4: instale WordPress con un clic

Conectar Bluehost a WordPress es increíblemente fácil. En el panel de control de su cuenta Bluehost, vaya a “MOJO Marketplace” y elija “Instalaciones con un clic”.

Esto lo llevará a la página Scripts y plataformas. Después de hacer clic en el ícono de WordPress, que se puede encontrar en 'Blogs' en la parte superior de la página, se abre una ventana de instalación. Haga clic en 'Iniciar' para comenzar la instalación.

  • Elija el nombre de dominio de su cuenta en la que desea instalar.
  • En "Verificar dominio", se asegurará de que su nombre de dominio apunte a su cuenta. Esto es especialmente importante si compró su nombre de dominio antes de registrarse en Bluehost. Si recibe una advertencia de que está sobrescribiendo archivos, puede marcar la casilla sin preocuparse. Dado que este es su primer sitio web, no hay nada que aplastar.
  • En 'Mostrar opciones avanzadas' puede elegir su nombre de usuario de WordPress con una contraseña segura, o iniciar sesión si ya tiene una cuenta de WordPress. Marque "Crear automáticamente una nueva base de datos para esta instalación".
  • Lea los términos y condiciones y marque la casilla.
  • ¡Casi ahí! Haga clic en "Instalar ahora".

Ahora será redirigido a la página de progreso. Una vez que se complete la instalación, verá la URL de su sitio, la URL de inicio de sesión del administrador, su nombre de usuario y contraseña. Imprima y guarde esta lista maestra en un lugar seguro.

¡Es hora de iniciar sesión en WordPress! Inicie sesión en su URL de administrador y terminará en el tablero, donde puede comenzar con el diseño visual de su sitio.

Paso 5: prueba algunos temas para el tamaño

También llamado "máscaras", el tema de su sitio es como un atuendo para su sitio web. El tema que elija afectará las imágenes de su sitio, el diseño del contenido y algunas de las características de diseño personalizables a las que tiene acceso.

WordPress ofrece una serie de temas gratuitos y premium (pagos).

Al elegir un tema, preste especial atención a:

  • Buen diseño: ¿el diseño es limpio y organizado? ¿Responde para optimizar para alrededor del 50% de las personas que prefieren la visualización móvil? ¿Es fácil de navegar?
  • Compatibilidad: ¿el tema es compatible con la última versión de WordPress y los complementos populares?
  • Back-end: ¿Existe un desarrollo activo en el diseño? ¿Es fácil acceder al soporte y la documentación?

La mayoría de los temas le permiten probar una demostración en vivo para que pueda ver cómo se verá y comparar cómo se ve con su diseño y objetivos de contenido para el sitio.

Cuando esté listo, haga clic en "Activar tema" para instalarlo. Siempre puede agregar complementos para una funcionalidad adicional o cambiar de tema cuando esté más acostumbrado a WordPress.

Paso 6: agrega complementos útiles

Si el tema de su sitio web es como una "piel" o un conjunto que le da sustancia, diseño y forma al sitio web, sus complementos son los accesorios que unen el conjunto.

Los complementos funcionan junto con su tema para proporcionar una funcionalidad deseable, como un filtro de comentarios, un formulario de contacto o un kit de herramientas de optimización de motores de búsqueda (SEO), y están diseñados para funcionar sin problemas. con operaciones de back-end de WordPress. Si bien algunos son más adecuados para un tipo particular de sitio, como el comercio electrónico o los blogs, muchos son versátiles. Los complementos pueden ser gratuitos o de pago.

En la mayoría de los casos, necesitará un plan de negocios de WordPress o superior para usar complementos. Los aspectos de Jetpack y Akismet (ver más abajo) se incluyen en su blog.

Complementos populares:

  • Jetpack: este complemento integrado mejora la seguridad, el rendimiento, el marketing y la capacidad de diseño de su sitio. La velocidad del sitio, la entrega de imágenes y el SEO son solo algunas de las cosas en las que puede ayudarlo.
  • Akismet: un "servicio de lucha contra el spam" que protege sus publicaciones, trackbacks y mensajes del spam.
  • Paquete de SEO todo en uno o Yoast SEO: estos complementos de SEO lo ayudan a optimizar su sitio para que se encuentre de manera orgánica en los resultados de búsqueda cuando las personas buscan productos, servicios o contenido similares.
  • WP Forms o Ninja Forms: puede usar cualquiera de estos complementos para crear formularios de contacto profesionales en minutos, sin necesidad de experiencia en codificación.

Asegúrese de verificar sus complementos antes de la instalación: una gran cantidad de reseñas positivas de los usuarios junto con información sobre el desarrollador, las funciones y la última fecha de lanzamiento pueden ayudarlo a tomar las mejores decisiones para su sitio.

Paso 7: comience a crear el contenido de su sitio

En WordPress, hay dos distinciones importantes cuando se trata de organizar el contenido de su sitio, paginas y publicaciones.

  • Páginas son el marco principal de su sitio web y suelen aparecer en la barra de navegación para facilitar el acceso. Hay una serie de páginas esenciales que desea agregar, incluida su página de inicio, la página Acerca de y la página Contacto.
  • Publicaciones son piezas individuales de contenido, cada una con una URL única, que componen un blog. Muchas personas optan por hacer de su blog una parte central de su sitio web, pero usted no tiene que hacerlo. Muchas empresas mantienen los blogs como una herramienta en su caja de herramientas de marketing de contenido, y WordPress permite que se designen como una página secundaria (consulte el paso 8).

Cuando comience a agregar contenido a su sitio web, puede ser útil inspirarse en sitios web existentes, tanto en aquellos en los que pasa mucho tiempo como en aquellos que tienen una función similar a la suya. Pregúntese:

  • ¿Cómo está organizado el contenido de estos sitios?
  • Cuales son las paginas principales?
  • ¿Qué importancia tiene el blog?
  • ¿El sitio incluye subpáginas y cuáles son?
  • ¿Dónde puedo encontrar el formulario de contacto?
  • ¿Cómo utilizan los medios para crear una experiencia atractiva?

A continuación, le indicamos cómo crear su primera página (idealmente la página de inicio):

Una vez que haya creado las páginas esenciales, considere la funcionalidad de su sitio web desde la perspectiva de sus futuros visitantes. Si bien al principio puede ser difícil ponerse en su lugar, el contenido del sitio exitoso está orientado a la audiencia. Pregúntese:

  • ¿Qué querrán hacer mis visitantes en mi sitio? ¿Qué les resultará menos útil?
  • ¿Cómo puedo estructurar mis páginas, contenido y medios para crear una experiencia de usuario positiva (UX)?
  • ¿Cómo puedo configurar la navegación del sitio para que la información y las funciones importantes sean fáciles de encontrar?
  • ¿Qué información necesitan mis visitantes para comprender mi oferta?
  • ¿Qué información necesitan mis visitantes para confiar en mí?

No sienta que tiene que incluir todo el contenido posible al mismo tiempo; menos es más para un sitio web nuevo. Es probable que su sitio cambie con el tiempo dependiendo de cómo evolucione su modelo de negocio y las necesidades de su audiencia. Siempre puede agregar más contenido sobre la marcha.

paginas adicionales

Por un lado, la belleza de la creación de sitios web es que el diseño de su sitio depende completamente de usted. Sin embargo, dependiendo del propósito de su sitio web, la ley puede exigirle que incluya cierto contenido, como:

  • Detalles de contacto
  • Gestión de cookies
  • Comercio electrónico: condiciones de servicio, política de reembolso, política de privacidad

Asegúrese de verificar la legislación en su área y actualice su sitio web con regularidad.

Paso 8: finalice su página de inicio y navegación

¿Quieres que tu página de inicio aparezca como una página de inicio tradicional o un blog?

WordPress te permite elegir si quieres un estático (sin cambios) o dinámica página de inicio (muestra sus últimos diez blogs). La versión dinámica es la versión predeterminada.

Para designar una página de inicio estática, busque la categoría "Sitio" en la barra lateral izquierda y haga clic en "Páginas", luego haga clic en "Agregar nueva página". Puede elegir un diseño predefinido o hacer clic en "Usar diseño en blanco", como en la foto de arriba. Luego, asigne un nombre a su página y haga clic en "Publicar". Por ejemplo:

Ahora vaya a la categoría "Diseño" en la barra lateral izquierda de su panel y haga clic en "Personalizar".

Hay muchas cosas con las que puede jugar aquí, incluido agregar el título, el eslogan y el ícono de su sitio, agregar un encabezado o pie de página y colores cambiantes del sitio. Por ahora, haga clic en "Configuración de la página de inicio" y habilite la opción "Una página estática". A continuación, puede elegir la página que acaba de crear.

¡Es hora de comenzar a agregar contenido a su página de inicio!

Una vez que haya agregado otras páginas, como Acerca de o Contacto, se mostrarán en una barra de navegación designada por su tema. En "Personalizar", haga clic en "Menús" para cambiar el orden y la ubicación de las páginas.

¿Y después?

Acaba de crear su primer sitio web. ¡Felicitaciones por este nuevo y emocionante paso!

Ahora puede comenzar a familiarizarse con la interfaz de WordPress. Al crear páginas y publicaciones, usará el Editor de bloques, que usa Bloques Gutenberg para ayudarlo a agregar contenido y hacer que su sitio sea atractivo e interactivo.

Dado que su sitio web es una representación de su marca, le recomiendo que cree su contenido con ojo crítico. Al mismo tiempo, aprender sobre la marcha es parte de la experiencia. Siempre puede eliminar o hacer clic en el botón Atrás; ningún cambio es permanente, así que siéntase libre de jugar.

Deja un comentario