Cómo construir un sitio web: la guía para principiantes de la A a la Z

En este artículo, te mostraré los pasos esenciales para crear un sitio web.


  1. Registrar un nombre de dominio
  2. Registrarse para un alojamiento web
  3. Diseña tu página web
  4. Valide y pruebe su sitio web
  5. Finetune y crecer

Crear un sitio web básico es fácil. El trabajo de trabajo en sí no debería tomar más de una hora. Sin embargo, comprender sus elecciones y adaptarlas a su situación no es tarea fácil..

Debido al hecho de que algunos pasos pueden requerir un conocimiento adicional que no está dentro del alcance de este artículo, he incluido enlaces a recursos detallados donde sea necesario.

¿Por qué estás creando un sitio web?

Antes de comenzar, es importante definir primero su propósito.

Todos sabemos que un sitio web puede ser una parte importante de su presencia en línea, como entidad comercial o individual. Para un individuo, puede ser algo tan simple como un perfil básico o tan detallado como su cartera completa. Para las empresas, debe considerarse como parte de sus activos y relacionarse con su perfil, productos o las cosas que hace..

Tener un propósito claro en mente le permite tomar una mejor decisión en el futuro, es decir, qué plataformas usar, con qué canales de comercialización participar, etc..

Algunas razones típicas por las que se crea un sitio web:

  • Para vender productos – Si su objetivo principal es vender productos, su sitio web debe incluir vitrinas de productos, un carrito de compras en línea, una pasarela de pago segura y, preferiblemente, un sistema de punto de venta.
  • A mostrar información – Si su objetivo es mostrar información personal o de la empresa, considere crear un sitio web simple de una página en una plataforma asequible.
  • Para compartir ideas y experiencias actuales. – Un blog suele ser el mejor para los usuarios que aman escribir y compartir sus ideas con el mundo..

Estas razones no necesitan ser mutuamente excluyentes. Por ejemplo, puede tener un sitio web que combine dos o más de los elementos anteriores.

Los pasos esenciales para construir su propio sitio web

Una vez que haya ordenado los objetivos de su sitio web, ¡es hora de construir! Para comenzar, primero debes …

1. Registre un nombre de dominio

Qué es un nombre de dominio?

Para iniciar un sitio web, lo primero que necesita es un nombre de dominio.

Un nombre de dominio es la dirección que identifica su sitio web en Internet. Algunos ejemplos incluyen Yahoo.com, Google.com o BuildThis.io (el sitio web que está leyendo en este momento).

Dónde registrar un nombre de dominio?

Para ser propietario de un dominio, deberá registrarlo con un registrador de dominio..

Un registrador de dominios lo ayudará a verificar si un nombre de dominio es único antes de permitirle proceder con un registro. GoDaddy y NameCheap son dos registradores de dominio populares. Los he estado usando para administrar mis dominios durante mucho tiempo.

Cómo elegir un nombre de dominio?

Elegir un nombre de dominio es a menudo la parte más difícil, ya que no solo tiene que reflejar su marca, sino que debe ser fácil, simple y memorable..

Su nombre de dominio debe ser único; el nombre no debe ser propiedad de otra persona u organización en todo el mundo. Una regla general que debe tener en cuenta para crear nombres de dominio son:

  • Hazlo corto y fácil de recordar.
  • No utilices nombres de marca registrada
  • Ir a .com o .net cuando sea posible
  • Sea creativo y use palabras compuestas o inventadas
  • Intenta que sea relevante para palabras clave

Consejos accionables

  • Si tiene dificultades para encontrar un nombre de dominio, siempre puede usar generadores de nombres de dominio para obtener ideas. Algunos de los más populares son Wordroid y Lean Domain Search.
  • Si eres principiante, te recomendamos ir a GoDaddy o Namecheap para encontrar un nombre de dominio. Ambos facilitan a los novatos comprar y registrar un nombre de dominio.

2. Regístrese para obtener una cuenta de alojamiento web

¿Qué es un proveedor de alojamiento web??

Un proveedor de alojamiento web es una computadora grande (también conocida como servidor) que se utiliza para almacenar los archivos necesarios como parte de su sitio web.

Piense en ello como una casa que almacena muebles y electrodomésticos: la casa es su proveedor de alojamiento web y todo lo que vale en La casa es el contenido de su sitio web. El contenido del sitio web generalmente incluye texto, imágenes, videos y cualquier otro elemento que considere necesario.

¿Cuáles son sus opciones de alojamiento??

El alojamiento web viene en varios paquetes hoy. Tradicionalmente, un proveedor de alojamiento web solo participa en el alquiler de los servidores con software básico y soporte técnico. Alojar su sitio web con un proveedor de alojamiento tradicional suele ser más barato y más flexible; pero requiere un poco de trabajo extra para configurar un sitio web.

Hoy en día, las empresas agrupan diferentes servicios y permiten a los usuarios crear, alojar y administrar sitios web desde un solo proveedor de servicios. Por lo general, llamamos a estas empresas Constructores de sitios web o Constructores de tiendas en línea. Hospedar un sitio web en estas plataformas de “paquete” suele ser costoso y menos flexible; pero podrás crear un sitio web o una tienda en línea fácilmente.

Plataforma de alojamiento para principiantes

Si recién está comenzando, el alojamiento compartido básico suele ser lo suficientemente bueno. Para eso, recomiendo el Plan único de Hostinger, que le permite alojar un sitio web a un precio bajo de solo $ 0.80 / mes.

Hostinger HostingPlan único de Hostinger: aloje un sitio web con 10 GB de almacenamiento SSD y 100 GB de ancho de banda (más que suficiente para empezar) a $ 0.80 / mes.

Plataforma de alojamiento para comercio electrónico / tiendas en línea

Si planeaba vender productos directamente desde su sitio web (una tienda de comercio electrónico), entonces debería visitar Shopify Basic (precio inicial $ 29 / mes).

Plataformas de Shopify800,000 tiendas de comercio electrónico usan Shopify, incluyendo NBA Lakers Store y Tattly.com. Shopify Basic comienza en $ 29 / mes.

Plataforma de alojamiento para sitios web / pequeñas empresas fáciles de crear

Si todo lo que necesita es un sitio web simple para mostrar su cartera de negocios y detalles de contacto, una opción de alojamiento incluido puede ser correcta. Wix y Weebly son los dos creadores de sitios que me gustan – escribimos extensamente sobre los dos y puedes ver nuestras reseñas aquí – Revisión de Wix / Revisión de Weebly.

Wix como opciones agrupadasOfrecido como un servicio en línea, Wix le permite trabajar con un editor visual de arrastrar y soltar para construir su sitio web, incluso si no tiene conocimientos de codificación. El plan ilimitado de Wix comienza en $ 12.50 / mes.

Consejos accionables

  • Hay diferentes tipos de alojamiento disponibles: alojamiento compartido, alojamiento de servidor dedicado y alojamiento en la nube / VPS.
  • Si es un sitio web pequeño, es más barato optar por planes de alojamiento compartido. Se recomienda que los sitios más grandes utilicen hosting dedicado o en la nube.
  • Algunas cualidades clave que debe tener en cuenta antes de elegir un proveedor de alojamiento web son sus precios, la velocidad del servidor y las tasas de tiempo de actividad. Hostinger (para novatos), así como InMotion Hosting y SiteGround (para sitios web más grandes), son algunos de los nombres populares.
  • Considere usar un creador de tiendas, como Shopify o BigCommerce si planea vender productos directamente desde su sitio web.

3. Diseña tus páginas web

Una vez que tenga listo su nombre de dominio y su proveedor de alojamiento web, es hora de publicar algo en Internet. Para diseñar sus páginas web, puede contratar un desarrollador web o hacerlo usted mismo.

Discutimos en detalle cómo externalizar una tarea de desarrollo web aquí. Debe omitir los siguientes pasos y pasar a esa página si planea contratar a alguien para que desarrolle su sitio web por usted.

Para los aficionados al bricolaje, estas son las tres formas fáciles de diseñar una página web:

1- editor web Lo que ves es lo que obtienes (WYSIWYG)

Un editor WYSIWYG le permite configurar un sitio web y diseñar páginas web desde cero sin necesidad de codificación. Funciona igual que lo haría un procesador de texto normal: comienza con una plantilla o una página en blanco y luego crea las páginas de su sitio web. Una vez hecho esto, los llena con contenido y carga la carpeta completa en su servidor web utilizando un programa de protocolo de transferencia de archivos (FTP).

Para seguir con este método, es mejor si tiene habilidades básicas de HTML / CSS y algunos conocimientos generales sobre cómo funciona Internet.

Hay varios editores web WYSIWYG disponibles: algunos son gratuitos para uso no comercial, mientras que otros pueden requerir una licencia paga. Web de expresiones de Microsoft, Diseñador web de Google, BlueGriffon, y Elemento abierto son algunos buenos para ver.

Para un programa FTP: FileZilla y WinSCP son las dos mejores opciones gratuitas.

Microsoft Expression - editor WYSIWYGEjemplo: aquí hay una captura de pantalla de Microsoft Expression Web Editor. Lista de carpetas (izquierda): estructura tu sitio web usando carpetas. Editor (centro): escriba y formatee su texto aquí. Estilos / Caja de herramientas (derecha): diseñe y diseñe su página usando CSS (opcional). Tenga en cuenta que deberá crear un índice de nombre de página (.html / .htm / .php / .asp): funcionará como la página de inicio de su sitio web.

Esta opción solo es posible si está utilizando un alojamiento tradicional (es decir, Hostinger). El uso de un editor WYSIWYG es flexible y divertido si le gusta aprender codificación web … pero no es una opción viable para principiantes que desean un sitio web al instante.

2- Usando un sistema de gestión de contenido (CMS)

La mayoría de los sitios web se crean y administran con un CMS en la actualidad. Un CMS viene con muchos beneficios desde el punto de vista del propietario del sitio. Son fáciles de administrar, flexibles en diseño y desarrollo y rentables (¡gratis!): Tres ventajas clave.

Si aún no lo ha escuchado, WordPress, que alimenta ~ 33% de todos los sitios web en Internet, es el CMS más popular del mundo.

Para aquellos que optan por la opción de alojamiento convencional en el paso 2, pueden instalar WordPress con solo unos pocos clics.

Instalar WordPress en HostingerAsí es como puedes configurar WordPress en Hostinger. Inicie sesión en su cuenta de Hostinger, vaya al sitio web > Instalador automático > WordPress > Configurar una contraseña y el nombre del sitio web > Instalar en pc.

Obtendrá un marco de sitio web básico una vez que WordPress esté instalado. Luego puede diseñar sus páginas web utilizando una plantilla de WordPress. Las plantillas de WordPress preconstruidas son disponible de forma gratuita en WordPress.org (directorio oficial de temas). O puede comprar plantillas premium de desarrolladores profesionales como Elegant Themes o Artisan.

Disha explicó cómo crear un blog o sitio web usando WordPress aquí. Siga las instrucciones en caso de que necesite más información..

Nota: No puede usar un CMS si elige ir con la plataforma “Bundle” como Wix o Weebly en el paso 2.

3. Uso de un creador de sitios web / tiendas de arrastrar y soltar

Un creador de sitios web / tiendas de arrastrar y soltar es la forma más fácil y rápida de crear un sitio web.

No necesita ninguna habilidad de desarrollo web: simplemente elija una plantilla preconstruida, obtenga los elementos web necesarios del generador (es decir, formulario de contacto, menús desplegables, Google Map, botones de pago, carrito de compras, etc.), y un sitio web con todas las funciones está listo.

Hay muchos creadores de sitios web diseminados por Internet: Wix y Weebly son dos de los más populares. Y como se mencionó anteriormente, Shopify sería una gran opción si está construyendo una tienda en línea.

Demo de Wix

Crear y editar un sitio web con Wix EditorDiseño de su página web en Wix: Menú del sitio (izquierda): administre páginas, elija el fondo del sitio, configure la navegación del sitio, agregue textos y enlaces, cargue imágenes, etc.aquí; Alineación (centro / izquierda): organice y alinee los elementos del sitio web aquí; Vista previa (arriba a la derecha): guarde, obtenga una vista previa y publique su sitio web.

Diseño de un sitio web en plantillas preconstruidas de WixPlantillas Wix: hay cientos de plantillas preconstruidas en Wix (ver todas).

Demo de Shopify

Crear y editar un sitio web usando el editor ShopifyDiseñe su tienda en línea con un tema preconstruido en Shopify. Menú (izquierda): elija temas y agregue elementos de la tienda (diapositivas, titulares, imágenes, pies de página, etc.) aquí; Vista previa (centro / derecha): obtenga una vista previa de su tienda aquí.

Plantillas de ShopifyShopify ofrece una amplia gama de temas gratuitos y premium (ver ejemplos).

Demostración del creador de sitios web de Hostgator

Gator Website BuilderUsando Gator Website Builder – Menú (izquierda): elija temas, agregue páginas y agregue la sección de página aquí; Vista previa (centro / derecha): se mueve entre las páginas en la barra de navegación superior; guardar, previsualizar y publicar su sitio web.

Temas gratuitos en Gator Website BuilderPlantillas de sitio web totalmente personalizables y receptivas ofrecidas en Hostgator Website Builder.

Consejos accionables

  • Explore plantillas de sitios de comercio electrónico gratuitas por Shopify, BigCommerce, Wix y Weebly en una página
  • Instrucciones paso a paso para crear un sitio web usando Wix
  • Vea ejemplos de sitios web creados con Wix
  • Instrucciones paso a paso para crear un sitio web usando Shopify
  • Vea ejemplos de sitios web creados con Shopify

4. Validar y probar su sitio web

Una vez que su sitio web esté listo, es hora de validar y probar cómo funciona en los principales navegadores (Chrome, Firefox, Safari, Microsoft Edge, IE 11, etc.), así como en diferentes tamaños de pantalla.

Podemos ejecutar estas pruebas con la ayuda de herramientas gratuitas en línea.

Validación de marcado

W3C - Valide su sitio web una vez que haya terminado con su creaciónValide el marcado de su sitio web fácilmente usando Servicio de validación de marcado W3C.

¿Qué es la validación de marcado?? Los lenguajes o scripts de codificación como HTML, PHP, etc., tienen sus propios formatos, vocabulario y sintaxis. La validación de marcado es el proceso de verificar si su sitio web sigue estas reglas.

Prueba de navegador

Prueba tu sitio web en diferentes navegadoresHaga una prueba cruzada de su sitio web para obtener hasta 115 navegadores diferentes de una sola vez en BrowserShots.

Prueba de pantalla

Prueba tu sitio web en diferentes tamaños de pantallaUtilizar Mosca de la pantalla para obtener una vista previa de su página web en monitores, tabletas, teléfonos inteligentes y otros tamaños de pantalla diferentes.

5. Ajuste y crecimiento de su sitio web

Publicar su sitio web en Internet es la primera etapa. Todavía hay muchas otras cosas que hacer para garantizar el éxito de su sitio web. Aquí hay algunas tareas para comenzar …

Ajustar la velocidad del sitio web

Google ha declarado claramente que la velocidad del sitio es uno de sus factores de clasificación. Esto significa que su sitio puede clasificarse más alto si se carga rápidamente.

Además, cuanto más rápido se cargue su sitio web, más felices serán los visitantes de su sitio web. Está demostrado, en innumerables estudios de caso y experimentos, que un sitio web de carga lenta dañará la experiencia del usuario y afectará los ingresos del sitio web. Amazon habría perdido un estimado de $ 1.6 mil millones en ingresos si su sitio se ralentizara incluso un segundo.

Si la velocidad actual de su sitio web es lenta, aprende a mejorarlo.

Mejora la visibilidad de la búsqueda en el sitio web

No necesita ser un maestro en la optimización de motores de búsqueda (SEO) para que su sitio web se destaque. Pero siempre es bueno tener algunas habilidades básicas de optimización de motores de búsqueda.

Cree una cuenta de webmaster en Consola de búsqueda de Google para enviar su sitio web a Google e identificar cualquier problema de SEO. Haga una investigación básica de palabras clave y luego optimice el título y los títulos de su página para sus palabras clave principales. Implemente el marcado de esquema en su sitio para destacarse de las páginas de resultados de búsqueda.

Para obtener más consejos de SEO, lea nuestra guía de dummies de SEO.

Implementar HTTPS

Desde que Google Chrome comenzó a etiquetar los sitios web HTTP como “No seguros”, el certificado SSL se ha convertido en un gran problema. Para asegurarse de que los usuarios confíen en su sitio web, es imprescindible una conexión HTTPS.

Agregar páginas esenciales

No hay dos sitios web iguales, ya que podrían tener un propósito y / o función diferente. Sin embargo, hay tres páginas estándar que todo sitio web debe tener: Índice (página de inicio), Acerca de la página y Página de contacto.

Página principal

La página de inicio es a menudo el primer lugar donde la mayoría de los visitantes irán a ver después de aterrizar en su sitio web. Su página de inicio debe ofrecer el tono correcto y conducir a sus visitantes más profundamente en su sitio.

Ejemplo de sitio web - HausEjemplo: la página de inicio de Haus viene con un menú de navegación claro y un diseño estilo galería (que es perfecto para exhibir productos).

Sobre la pagina

About Page se trata de construir una relación con sus visitantes. Te permite presentarte y dar información detallada (¿bien?) Sobre tu sitio web. Por lo general, se recomienda incluir fotos de las personas que poseen y administran el sitio web.

Ejemplo de sitio web - Bulldog SkincareEjemplo: la página Acerca de Bulldog Skincare envía un mensaje adorable y memorable.

Pagina de contacto

Es importante comunicarse con sus usuarios y clientes potenciales. Por lo tanto, la página de contacto. Incluya todos los canales de comunicación posibles (perfiles de redes sociales, formularios de contacto, dirección de correo electrónico, etc.) para asegurarse de que sus visitantes puedan comunicarse con usted.

Ejemplo de sitio web - SurvicateEjemplo: la página de contacto de Survicate está bellamente diseñada con grandes campos de formulario, un claro llamado a la acción; y consta de toda la información necesaria.

Amplíe su alcance en las plataformas de redes sociales

Su sitio web también debe tener presencia en las plataformas de redes sociales donde la mayoría de su público objetivo se reúne. Para BuildThis.io, eso significa Facebook y Twitter. Para otros, puede ser LinkedIn, Tumblr o Pinterest.

Aquí hay algunos consejos de marketing en redes sociales para principiantes.

Añadir favicon

¿Viste la carta “si“En un círculo amarillo que apareció a la izquierda de la pestaña del navegador? Eso se conoce como “favicon”. Como un logotipo, el favicon es un elemento visual más pequeño que representa un sitio web..

El Favicon es una técnica ingeniosa de marca que los propietarios de sitios web suelen pasar por alto. Si eso te suena a ti, utiliza estos generadores de favicones gratuitos para ayudarte.

Hacer un sitio web Preguntas frecuentes

¿Puedes crear tu propio sitio web gratis??

Puede crear un sitio web gratuito utilizando alojamiento web gratuito como 000Webhost ofrece o mediante el uso de un plan gratuito ofrecido por algunos creadores de sitios web. Por ejemplo, Wix ofrece un plan gratuito con recursos limitados que es adecuado para sitios web pequeños y de bajo volumen..

¿Cómo creo un sitio web para mi negocio??

Los creadores de sitios web son una forma ideal para que las pequeñas empresas creen sus propios sitios web sin la necesidad de externalizar. Estas opciones no requieren conocimientos técnicos y, a menudo, ofrecen plantillas prediseñadas que pueden ser útiles. > Haga clic aquí para comenzar..

¿Cuál es el mejor creador de sitios web??

“Mejor” es un término subjetivo: lo que es mejor para nosotros podría no ser adecuado para usted. En términos de popularidad, Squarespace es el creador de sitios web más popular con una cuota de mercado del 22%. Les siguen Wix y GoDaddy’s GoCentral en segundo y tercer lugar respectivamente.

¿Puedo crear un sitio web en Google??

Google ofrece un creador de sitios como parte de su gama de productos G Suite. Los precios comienzan desde $ 5.40 / usuario / mes.

¿Cómo creo un PDF desde un sitio web??

Si tiene instalado Adobe Reader en su computadora, puede crear un PDF desde una página web presionando CTRL-P. Desde el menú de impresión que se abre, seleccione la salida a PDF y luego guarde el archivo.

Hazlo ahora!

Ahora sabe más que suficiente para crear y construir un sitio web exitoso. Es hora de poner tus conocimientos a trabajar. Ve a empezar ahora y rockea internet!

* Traducción: EN ID

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map