Crear un sitio web es muy fácil en 2020.
No tienes que ser un geek tecnológico ni un programador.
Siga el método correcto. Seleccione las plataformas adecuadas. Usa las herramientas adecuadas. Estarás 100% bien.
No tenía ningún conocimiento sobre desarrollo web cuando comencé mi negocio en línea en 2004. No contraté a un desarrollador web hasta once años después. Y lo hice bien.
Hoy en día, tenemos herramientas de desarrollo innovadoras y mejores plataformas de publicación web.
Obtiene más flexibilidad en los diseños y las funciones del sitio con el método n. ° 1, pero requiere un buen conocimiento de los lenguajes web.
El proceso de creación y gestión del sitio web es mucho más fácil con los métodos 2 y 3. Debe elegir uno de estos métodos en función de su competencia.
Examinaremos cada uno de estos tres métodos y todos los pasos a continuación.
Un dominio es el nombre de su sitio web. Tiene que ser único y transmitir la marca de su negocio.
La forma más fácil de buscar y registrar un dominio es ir a un registrador de dominios.
Un registrador de dominio le permitirá registrar su nombre de dominio a través de contratos anuales o un contrato a largo plazo.
Aquí hay algunos registradores de dominio acreditados y su precio inicial a considerar.
| Registradores | .com | .net |
|---|---|---|
| 123 Reg | £ 11.99 / año | £ 11 .99 / año |
| Domain.com | $ 9.99 / año | $ 10.99 / año |
| Gandi | € 12.54 / año | € 16.50 / año |
| Ve papi | $ 12.17 / año | $ 12.17 / año |
| Nombre barato | $ 10.69 / año | $ 12.88 / año |
| Soluciones de red | $ 34.99 / año | $ 32.99 / año |
A alojamiento web es una gran computadora (también conocida como servidor) que almacena sus sitios web. Algunas empresas gigantes, como Amazon, IBM y FB, poseen y administran sus servidores web; otras empresas simplemente alquilan sus servidores a un proveedor de alojamiento (que es mucho más barato y fácil).
Nota: omita este paso si está optando por un creador de sitios web para crear su sitio (ver paso #3).
El alojamiento web viene en varios paquetes hoy.
Tradicionalmente, un proveedor de alojamiento web solo está involucrado en el arrendamiento 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 económico y flexible; pero requiere un poco de trabajo adicional para configurar un sitio web.
Hoy en día, las empresas están agrupando diferentes servicios y permiten a los usuarios crear, alojar y administrar sitios web, todo desde un solo proveedor de servicios. Por lo general, llamamos a estas empresas Constructores de sitios web o Constructores de tiendas en línea. Alojar un sitio web en estas plataformas de "paquetes" suele ser caro y menos flexible; pero podrá crear un sitio web o una tienda en línea fácilmente.
Algunos servicios de alojamiento para los novatos para revisar.
| alojamiento web | Regístrate | observaciones |
|---|---|---|
| A2 Hosting | $ 4.90 / mes | Host de web rápido, novatos amable. |
| BlueHost | $ 3.95 / mes | Precio de registro barato, novatos amable. |
| Nube de hostgator | $ 8.95 / mes | Precio razonable, servidor confiable. |
| HostPapa | $ 3.36 / mes | Alojamiento web ecológico, descuento exclusivo. |
| Alojamiento en Movimiento | $ 3.49 / mes | Precio de registro barato, servidor confiable. |
| Iart | $ 5.95 / mes | Soporte de chat en vivo en la industria #1, host web sólido. |
Una vez que tenga su nombre de dominio y alojamiento web en su lugar, es hora de arremangarse y comenzar a crear. Para diseñar y crear páginas web, puede contratar a un desarrollador web o hacerlo usted mismo.
Discutimos en detalle cómo subcontratar 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.
Para los aficionados al bricolaje, estas son las tres formas fáciles de diseñar una página web:
Usted puede crear su sitio web único y distintivo por sí mismo si conoce los idiomas principales de la web y lo fundamental de un sitio web.
De lo contrario, es recomendable que salte al método #2 / 3; O, póngase en contacto con un desarrollador web.
Esta es la descripción general del proceso de cómo puede crear un sitio web de primera mano, asumiendo que conoce los idiomas web básicos y los elementos esenciales del sitio web mencionados anteriormente.
Paso 1: configurar un entorno de trabajo local
Para crear y organizar los archivos de origen de un sitio web, es importante un buen entorno de trabajo local. Puede crear un entorno de desarrollo web en el dispositivo de su computadora instalando un IDE (entorno de desarrollo integrado). Un IDE consiste básicamente en un editor de texto, una automatización de compilación y un depurador.
Texto sublime y átomo son algunos de los IDE básicos para el desarrollo web compatible con HTML, CSS, JS, PHP, Python y lenguajes web similares.
Por otro lado, hay IDEs extendidos como Adobe Dreamweaver que ofrece un puñado de otras características (Ej .: Conectividad del servidor, FTP).
Paso 2: planifique y diseñe su sitio web utilizando Adobe Photoshop
La planificación de la estructura del sitio web y el sistema de navegación son de gran importancia. Primero, debes entender cómo quieres entregar tu contenido. Planee cuántos menús de navegación, cuántas columnas o campos de contenido, cuántas imágenes desea incluir y dónde.
La mejor práctica es abrir Adobe Photoshop y crear un dibujo aproximado de sus páginas web. Es posible que tenga que hacer diferentes ajustes para diferentes páginas, por ejemplo, la página de inicio, sobre la página, la página de contacto, la página de servicio, etc.
Paso 3: Codifica el Diseño usando HTML y CSS
Una vez que haya terminado de hacer diseños aproximados para sus páginas web en Adobe Photoshop, puede comenzar a escribir los códigos fuente.
Esta es la parte más fácil. Realice marcas HTML para los elementos web que desea incluir y use CSS para decorarlos de acuerdo con los diseños que realizó.
Paso 4: Hazlo Dinámico usando JavaScript y jQuery
Solo los sitios web basados en HTML y CSS no existen en la actualidad porque las interacciones de usuario front-end no se pueden controlar a través de HTML o CSS.
Puede usar lenguajes de script como JavaScript y posiblemente su biblioteca mejorada, jQuery para controlar la actividad del usuario para formularios, inicios de sesión, controles deslizantes, menús o donde sea que lo necesite.
Paso 5: carga archivos locales al servidor usando un cliente FTP
El último paso es cargar todos los archivos de origen en el servidor web. La mejor y más fácil manera de manejarlo es a través de un cliente FTP.
Primero, descargue un cliente FTP en su dispositivo de computadora y conéctelo a su servidor web usando una cuenta FTP. Después de haberlo conectado con éxito a la cuenta de FTP, copie todos sus archivos locales a la raíz de su directorio web. Algunos buenos clientes FTP son FileZilla, WinSCP y Cyberduck.
Un CMS o un sistema de gestión de contenido se construye de manera tan táctica que se adapta a los principiantes del primer día de trabajo para desarrolladores web experimentados.
Es una aplicación de software que facilita la creación y administración de contenidos en línea. La mayoría de ellos son de código abierto y de uso gratuito.
Si conoce los conceptos básicos de HTML, CSS o PHP, es una ventaja para usted. No es un gran problema si no lo sabes porque estas plataformas son muy intuitivas. Aquí hay tres opciones gratuitas de plataformas de CMS que puede elegir de acuerdo con sus necesidades.
Comparaciones rapidas
| Caracteristicas | WordPress | Joomla | Drupal |
|---|---|---|---|
| Costo | Evaluación Gratis | Evaluación Gratis | Evaluación Gratis |
| Uso | 311,682 millones | 26,474 millones | 31,216 millones |
| Temas libres | +4,000 | +1,000 | +2,000 |
| Plugins Gratis | +45,000 | +7,000 | +34,000 |
WordPress, según diversas estadísticas, se está utilizando en el número máximo de blogs y sitios web de tamaño pequeño a mediano. Sin embargo, muchos sitios web poderosos prefieren WordPress por su simplicidad. WYSIWYG Editor es lo único que necesita aprender para obtener su primer contenido.
Esta plataforma es institucional para los principiantes, así como altamente desarrollada por diferentes clases de desarrolladores web. Tiene muchos complementos y temas gratuitos en su propio repositorio. Por ser la opción #1 CMS, muchos recursos de terceros están disponibles al lado.
Joomla es similar a WordPress en muchos aspectos. También es fácil de usar, fácil de instalar y se puede ampliar fácilmente con la ayuda de módulos. , El equivalente de los complementos de WordPress. Como resultado, es la segunda mejor opción para los principiantes.
Sin embargo, los principiantes pueden sentirse más intimidados para explorar Joomla debido a la cantidad de opciones disponibles. Además del menú de la izquierda, también hay un menú en la barra superior, justo encima del logotipo del "Panel de control". Para evitar confusiones, recuerde que algunos de los elementos de los menús de la barra izquierda y superior son similares, incluidos "Contenido", "Usuarios" y "Extensiones".
Al igual que WordPress, Joomla tiene algunos estilos y plantillas que pueden darle rápidamente a su sitio un aspecto distintivo. Pero de los tres sistemas de gestión de contenido, Joomla ofrece la solución más sencilla cuando se trata de crear una red social. Con plataformas como EasySocial y JomSocial, está a solo minutos de su propio sitio web de redes sociales.
Desarrolladores web experimentados atestiguan que Drupal es el CMS más poderoso.
Sin embargo, también es el más difícil de usar. Debido a su flexibilidad, Drupal es el segundo CMS más utilizado del mundo, pero no es uno de los favoritos entre los principiantes. Para construir con éxito un sitio web "completo" con Drupal, necesita ensuciarse las manos y aprender los conceptos básicos de la codificación. Conocer su camino alrededor del CMS también es un reto para los principiantes.
Para este método, usaremos WordPress como nuestro ejemplo. Por ahora ya deberías tener una cuenta de alojamiento web y un nombre de dominio registrado.
Paso 1: encuentre el instalador de WordPress en su panel de alojamiento web
Los servicios de alojamiento web generalmente cuentan con un instalador rápido para instalar WordPress y otras plataformas comunes.
Así que inicie sesión en su cuenta de alojamiento web y averigüe qué instalador tiene. Los nombres populares que debe buscar son Softaculous, QuickInstall o Fantastico.
Paso 2: instala WordPress a través del instalador
Softaculous es el instalador automático más popular y aparece en cPanel. Te guiaré a través de la instalación a través de Softculous. Los otros instaladores son más o menos iguales.
Aquí viene la parte importante.
Configure las opciones de la siguiente manera, deje otros campos en la configuración predeterminada (se ordenará más adelante) y haga clic en instalar.
Si has tenido éxito en los últimos pasos, bien hecho. Su sitio web es en vivo!
Ahora inicie sesión en su sitio de WordPress. La página de inicio de sesión de su sitio se verá como wp-login.php rastreando la URL del sitio web que estableció.
Paso 3: instala un tema y algunos complementos importantes
A continuación, debe instalar un tema y los complementos necesarios. Eche un vistazo a la barra lateral izquierda de su Panel de WordPress.
Hay toneladas de temas listos para usar disponibles en el directorio de WordPress.
Para explorar estos temas gratuitos, vaya a 'Apariencia> Temas> Agregar nuevo', busque el tema que cumpla con sus requisitos y haga clic en el botón de instalación.
También puede instalar temas de terceros desde la sección 'Cargar tema'. Para temas de WordPress pagados, de diseño profesional, recomiendo Elegante Temas (por su código eficiente y hermosos diseños frontales).
Para complementos, busque 'Complementos> Agregar nuevo'.
Busca e instala los plugins que solo necesitas. 3rd Los complementos de Party también se pueden instalar desde la sección 'Cargar complemento'.
Aquí quiero sugerir algunos complementos gratuitos importantes. Busque por sus nombres en el directorio de complementos de WordPress para encontrarlos. Tenga en cuenta que instalar solo un plugin de cada categoría es suficiente.
Para la identidad de su sitio, aún necesitará crear algo, incluso si utiliza un gran tema. Hay un montón de generadores de logotipos increíbles, pero echaría un vistazo a <a href="https://www.logaster.com.es/logo/" target="_blank">Logaster</a>. Son un servicio pago, pero lo bueno es que ofrecen precios escalonados. Esto significa que simplemente puede pagar por lo que necesita, solo un logotipo en formato web, o incluso puede registrarse para obtener un kit de marca completo que incluye formatos para varias plataformas.
Paso 4: ¡Estás listo!
Su sitio debe estar en funcionamiento en el último paso. Pero hay algunas cosas más que deben ser resueltas.
Los creadores de sitios han hecho que configurar un sitio web sea fácil e instantáneo. Sin el conocimiento de los idiomas web, uno puede lanzar su sitio web con todas las funciones en cuestión de minutos. Ofrecen constructores de sitios web Drag & Drop que requieren cero conocimientos de codificación.
Existen muchos creadores de sitios diseminados por internet pero no todos pueden satisfacer las necesidades.
Los siguientes tres son los creadores de sitios web más comentados y potenciales que puede utilizar.
Wix es uno de los creadores de sitios más fáciles del mercado que cuenta con plantillas 500 + totalmente personalizables clasificadas en varias categorías. Por lo tanto, es bastante seguro que encontrará uno que se adapte a usted.
Están ofreciendo un editor de sitio web flexible de arrastrar y soltar que siempre es visible sobre el contenido. Puede arrastrar un elemento de la lista y soltarlo en cualquier lugar del sitio web para agregarlo. Cualquier elemento visible en él se puede mover o editar.
El único inconveniente es que hay anuncios en el sitio en el plan gratuito de Wix. Puede deshacerse de él al actualizarlo a su plan Combo, que le permite volver a un mínimo de $ 12 / mes.
Weebly es más fácil en muchos aspectos, como la navegación y la facilidad de uso. Ofrecen cientos de plantillas para elegir, pero las opciones de personalización pueden parecer limitadas.
Tienen un buen número de diseños de página prediseñados (por ejemplo: sobre página, página de precios, página de contacto) que se pueden usar y modificar.
El constructor Arrastrar y soltar es más fácil de usar, pero a veces está limitado a las áreas designadas para la personalización. La disponibilidad de extensiones y aplicaciones de terceros también es limitada.
Paso 1: Regístrate en Wix
Crea una cuenta en Wix.com.
Hay 5 planes premium y 1 plan gratuito (los precios oscilan entre $ 0 y $ 24.50 / mes). Verá opciones de actualización después de crear un sitio con éxito.
Vea los planes y precios de Wix aquí.
[/ c8]
Recomiendo el plan de pago básico de Wix - Combo. El plan Wix Combo ($ 8.50 / mes) presenta un nombre de dominio gratuito, más recursos de CPU y sin anuncios Wix.
Paso 2: Elige una plantilla
Wix te preguntará cómo quieres crear un sitio web. La forma más rápida que sugerirían es Wix ADI (Inteligencia de diseño artificial) que no es muy fructífera al final.
Así que te guiaré un poco más, pero de la mejor manera, ¡el creador de sitios web!
Verás que hay plantillas categorizadas bajo diferentes etiquetas. Navega por tu categoría potencial y elige la que más te convenga.
Después de encontrar un tema Wix que te guste, haz clic en 'editar' para continuar.
Paso 3: diseña tu sitio web utilizando el creador de sitios web Wix
Después de unos momentos, aterrizarás directamente en su intuitivo creador de sitios web.
Diseñar un sitio web es simple. Verá diferentes herramientas en el lado izquierdo y derecho de su pantalla. También, haga clic en cualquier parte del sitio web para editar el bloque o moverlo a otro lugar.
Paso 4: Publicar el sitio web.
Cuando presione el botón de publicación, se le preguntará si desea un subdominio gratuito o un dominio con todas las funciones. Es tu llamada.
Se recomiendan unos cuantos retoques más.
Ve a tu 'Panel de Wix> Administrar y editar sitio' y configura SEO, Favicon, Social y Upgrades según sea necesario.
Y una vez que haya terminado con estas configuraciones básicas, su sitio web estará listo.
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.
¿Qué es la validación de marcado? Los lenguajes de codificación o scripts como HTML, PHP, etc., tienen cada uno sus propios formatos, vocabulario y sintaxis. La validación de marcado es el proceso de verificar si su sitio web sigue estas reglas.
Publicar su sitio web en Internet es la primera etapa. Todavía quedan muchas otras cosas por hacer para garantizar el éxito de su sitio web. Aquí hay algunas tareas para empezar ...
Google ha declarado claramente que la velocidad del sitio es uno de sus factores de clasificación. Esto significa que su sitio puede tener una clasificación más alta si se carga rápidamente.
Además, cuanto más rápido se cargue su sitio web, más felices estarán los visitantes de su sitio web. Está comprobado, en innumerables casos de estudio 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 aproximadamente $ 1.6 mil millones en ingresos si su sitio se ralentizara incluso un segundo.
No necesita ser un maestro en 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 Google Búsqueda consola 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 encabezados de su página para sus palabras clave principales. Implemente el marcado de esquema en su sitio para destacar entre las páginas de resultados de búsqueda.
Para obtener más consejos de SEO, lea nuestra guía de muñecos SEO.
Desde que Google Chrome comenzó a etiquetar los sitios web HTTP como "No seguros", Certificado SSL se ha convertido en un gran problema. Para asegurarse de que los usuarios "confíen" en su sitio web, una conexión HTTPS es imprescindible.
No hay dos sitios web iguales, ya que pueden 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), página de información y página de contacto.
Home
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 haber ingresado a su sitio web. Su página de inicio debe ofrecer el tono correcto y llevar a sus visitantes más profundamente a su sitio.
Página "sobre mi"
Acerca de Page se trata de establecer 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.
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.
Su sitio web también debe tener presencia en las plataformas de redes sociales donde pasa el rato la mayoría de su público objetivo. Para nuestro sitio, eso significa Facebook y Twitter. Para otros, puede ser LinkedIn, Tumblr o Pinterest.
¿Viste la carta "B”En un círculo amarillo que apareció a la izquierda de la pestaña de su navegador? Eso se conoce como "favicon". Como un logo, el favicon es un elemento visual más pequeño que representa un sitio web.
El Favicon es una ingeniosa y pequeña técnica de marca que a menudo los propietarios de sitios web pasan por alto. Si eso le suena a usted, utilice estos generador de favicon gratis para ayudarle.
Hay dos formas principales de crear un sitio web gratuito: utilice alojamiento web gratuito como 000Webhost o un plataforma de construcción de sitios web como Wix, que ofrece un plan gratuito.
GoDaddy tiene planes construidos alrededor de su creador de sitios web que comienzan desde $ 10 / mes. Lea nuestra reseña detallada de GoDaddy para obtener más información.
La mayoría de los constructores de sitios web son fáciles de usar para principiantes. Por su propia naturaleza, los creadores de sitios web están dirigidos a usuarios no expertos en tecnología y ofrecen mucha ayuda. Esto abarca desde interfaces fáciles de usar hasta plantillas preconstruidas.
Incluso antes de embarcarse en la construcción de su sitio, es lo mismo que comenzando un blog, lo primero que debe abordarse es su intención. Lo que desea que sea o logre su sitio web puede desempeñar un papel importante en su diseño y desarrollo.
El tiempo necesario para codificar un sitio web depende de su complejidad. Cuanto más necesite en términos de características y diseño, más tiempo llevará. Los sitios web simples y estáticos se pueden codificar en tan solo unas pocas horas, mientras que los sitios más grandes y complejos pueden tardar varios meses.
Ahora sabe más que suficiente para crear y construir un sitio web exitoso. Es hora de poner en práctica sus conocimientos. ¡Empiece ahora y disfrute de Internet!
