¿Cómo diseño un sitio web?

PASO # 1: Elija la plataforma de su sitio web

Antes de comenzar a preocuparse por los esquemas de color y los nombres de dominio, debe decidir con qué plataforma va a construir su sitio web.

¿Qué quiero decir con “plataforma”?

Bueno, en 2004, cuando comencé con el desarrollo web, la mayoría de los sitios se crearon utilizando HTML (código), CSS e incluso Flash. Tomaron mucho tiempo para aprender y fueron difíciles de dominar.

Es por eso que la mayoría de la gente todavía piensa que crear un sitio web desde cero es difícil o requiere muchas habilidades de codificación y diseño, ¡pero eso ya no es cierto!

En 2016, los sistemas de gestión de contenido (CMS) como WordPress han hecho que la creación de un sitio web sea accesible para todos.

En pocas palabras, un sistema de gestión de contenido (o plataforma de creación de sitios web) es una plataforma fácil de usar para crear sitios web y administrar su propio contenido en línea, en lugar de utilizar un montón de páginas HTML sueltas.

Las tres plataformas de construcción de sitios más populares en 2017

Crédito de imagen y datos: Scripts de código abierto – OpenSourceCMS

Como puede ver en el gráfico anterior, casi la mitad de los sitios web en Internet se ejecutan en la plataforma del sitio web de WordPress .

Solo mira estas estadísticas recientes hechas por W3 Techs y BuiltWith .

¿Por qué WordPress y no los creadores de sitios web?

Porque en este punto no hay formas mejores / más fáciles de construir un sitio web … Pero lo más importante:

# 1 Es totalmente GRATIS, con muchos diseños / temas para elegir.

WordPress no cuesta ni un centavo para descargar o instalar, y hay una gran comunidad que ha diseñado hermosos temas y plantillas, lo que hace que sea fácil ponerse en marcha rápidamente. Nunca te quedarás sin unicidad …

# 2 Es MUY amigable para principiantes.

Si sabe cómo usar Microsoft Word, ya sabe cómo agregar su propio contenido. WordPress se puede ampliar con complementos gratuitos para manejar casi cualquier sitio que pueda imaginar, desde magníficas páginas comerciales hasta sitios de redes sociales. Con “complementos” podrá agregar formularios de contacto, formularios de suscripción, galerías de imágenes, etc. para su sitio web, bastante simple, ¿eh?

# 3 ¿Sitio pequeño o grande? Genial para ambos.

Desde blogs básicos hasta hermosos sitios de negocios y tiendas en línea, WordPress puede manejar casi cualquier tipo de sitio web. WordPress es utilizado por eBay, Mozilla, Reuters, CNN, Google Ventures e incluso la NASA.

# 4. Su sitio será ‘ receptivo’ . Lo que significa que también funcionará en móviles y tabletas.

El sitio web que cree será instantáneamente receptivo y se verá genial en cada dispositivo móvil, teléfono inteligente y tableta. No es necesario contratar un desarrollador web para eso.

# 5. ENORME soporte y comunidad de desarrolladores disponibles para ayudar.

Con tanta gente usando la plataforma (Webmasters, Bloggers, desarrolladores de temas y creadores de complementos), es fácil encontrar ayuda RÁPIDA cuando la necesite. Además, WordPress tiene muchos recursos gratuitos disponibles tanto en Youtube como en su foro de soporte.

De hecho, también construí http://WebsiteSetup.org en WordPress . A continuación se muestran ejemplos de la página de inicio y la página de ‘blog’ (solía ser azul, ahora es naranja).

Por supuesto, también hay otras plataformas de construcción de sitios web / CMS.

Pero, todavía usaría WordPress.

Drupal es una plataforma muy poderosa que es popular entre los desarrolladores web y los codificadores experimentados, pero viene con una curva de aprendizaje muy empinada que la convierte en una mala opción para principiantes.

Joomla es similar a WordPress y también funciona muy bien para sitios web, pero necesitará al menos un poco de codificación técnica para que funcione de la manera que desee.

Si desea más detalles, he preparado una comparación bastante completa entre WordPress, Joomla y Drupal.

Si por alguna razón no desea construir su sitio con WordPress, consulte también mis guías Drupal, Joomla y HTML5. Todos son GRATUITOS de usar.

Para los principiantes, sugiero seguir con WordPress.

Es la plataforma más fácil con la que he trabajado, pero es lo suficientemente flexible como para adaptarse a todos, desde propietarios de pequeñas empresas y autónomos hasta artistas creativos y blogueros.

No buscaría más allá de WordPress.

En el Paso 2 , lo guiaré a través del proceso de elegir un nombre de dominio y encontrar un espacio para alojar su sitio.

En el Paso 3, le mostraré cómo instalar y personalizar su sitio web de WordPress. No se preocupe, lo guiaré a través del proceso, con muchas imágenes como referencia.

Si tiene alguna pregunta / sugerencia para esta guía, no dude en ponerse en contacto conmigo. Recuerda: estoy aquí para ayudar!

PASO # 2: Encuentra un nombre de dominio y host

Para obtener un nuevo sitio web en línea, necesitará dos cosas:

Un nombre de dominio (una dirección web como http://yoursitename.com)
Hosting (un servicio que conecta su sitio a internet)

La plataforma de WordPress en sí es gratuita, pero un nombre de dominio y alojamiento le costará alrededor de $ 3 – $ 5 al mes. Sin embargo, cuesta menos que un café, por lo que no arruinará el banco.

Tener su propio nombre de dominio parece mucho más profesional que tener su sitio en el dominio de otra persona (como Free Website & Free Website Builder y Marketing Tool de Network Solutions), y también es muy asequible.

Además, tener su propio alojamiento también asegurará que su sitio web se cargue rápidamente y no se caiga durante horas (bastante importante para todos los que visitan sus páginas).

¿Dónde obtengo un nombre de dominio y alojamiento?

Principalmente he usado www.Bluehost.com como alojamiento web y registrador de dominios para mí y para mis proyectos de desarrollo web.

Divulgación: Debido a que utilicé Bluehost y encontré que su hosting es excelente, todos los enlaces a Bluehost son enlaces de referencia. Ganaré una comisión si realiza una compra y obtendrá un precio con descuento. Así es como mantengo http://WebsiteSetup.org en funcionamiento.

El alojamiento básico de su sitio web cuesta menos que un boleto de cine ($ 2.75 / mes) y le dan un nombre de dominio GRATUITO (un buen beneficio).

Por supuesto, puede probar otros proveedores de alojamiento web e incluso tratar de alojar su sitio usted mismo, pero es un proceso muy complicado y, a menudo, no sería capaz de atender a los visitantes de su sitio web. Así que ahorrate algo de dinero y obtén un host adecuado que cumpla con los requisitos de WordPress.

Cuando obtienes un nombre de dominio (y alojamiento), también obtendrás una (s) cuenta (s) de correo electrónico personal: [email protected], mucho más profesional que una dirección genérica de Gmail o Yahoo.

¿Ya tienes un nombre de dominio y hosting? Continúe y salte al paso 3, donde le explicaré cómo puede configurar su sitio web.

¿Qué tipo de nombre de dominio debo elegir?

Como un punto de partida fácil:

Si está creando un sitio web para su negocio, su nombre de dominio debe coincidir con el nombre de su empresa. Por ejemplo: Supersitio
Si está planeando crear un sitio web para usted, entonces su nombre Recursos e información. Puede ser una gran opción.

Para este sitio ( WebsiteSetup ), elegí http://WebsiteSetup.org

Los nombres de dominio generalmente terminan con .com, .org o .net, pero en los últimos meses, han surgido una gran cantidad de extensiones de dominio (la parte final de la dirección web, como .com), que van desde .agency a .pizza.

Mi mejor consejo Evite las extensiones extrañas y elija .com, .net o .org a menos que describan perfectamente lo que tiene para ofrecer, e incluso entonces, vea si puede encontrar un nombre más común.

Si bien .com, .org y .net se usan comúnmente y se recuerdan fácilmente, la locura de la extensión de dominio aún no se ha generalizado, por lo que es posible que las personas no lo encuentren si usa una extensión de dominio realmente diferente.

¿Algún consejo adicional para elegir mi nombre de dominio?

Hay algunas cosas que pueden ayudarlo a elegir su nombre de dominio:

# 1 ¿Es de marca? Por ejemplo, si crea un sitio sobre poesía, entonces http://best-poetry-website.net no es una buena opción: http://poetryacademy.com o http://poetryfall.com es mucho mejor.

# 2 ¿Es memorable? Los nombres de dominio cortos, llamativos y claros son mucho más fáciles de recordar. Si su nombre de dominio es demasiado confuso, demasiado largo o deletreado de manera extraña, los visitantes pueden olvidarlo.

# 3 ¿Es pegadizo? Desea un nombre de dominio que salga de la lengua, describa lo que usted (o su negocio) hace y se quede en la cabeza. Encontrar un nombre genial puede ser un poco difícil ya que hay aproximadamente 150 millones de nombres de dominio activos en el mundo en este momento, pero no te rindas.

Hay una regla que siempre se aplica a los nombres de dominio: si te gusta, anímate.

Cosas que hacer antes del siguiente paso:

Haga una lluvia de ideas para encontrar un nombre de dominio único que refleje su futuro sitio web, negocio o blog.

Asegure su nombre de dominio y alojamiento web. Para esto recomiendo Bluehost.com, pero puede elegir cualquier otro proveedor de alojamiento web siempre que sea confiable y simple.

ACTUALIZACIÓN: Hice una guía simple para los usuarios de Bluehost (qué paquete de alojamiento elegir y cómo instalar WordPress).

PASO # 3: configuremos y modifiquemos su sitio web

Una vez que haya comprado su nombre de dominio y configurado su hosting, ¡estará en camino!

Ahora es el momento de poner en funcionamiento su sitio web. Lo primero que deberá hacer es instalar WordPress en su dominio.

Instalar WordPress

Hay dos formas posibles de instalar WordPress, una MUCHO más fácil que la otra.

1. PARA CREAR UN SITIO WEB CON WORDPRESS (O JOOMLA & DRUPAL), USE UNA INSTALACIÓN DE CLIC:

Casi todas las empresas de hosting confiables y bien establecidas han integrado la instalación de 1 clic para WordPress, lo que hace que ponerse en marcha sea muy fácil.

Si se inscribió con Bluehost o cualquier otra empresa de alojamiento similar, debe encontrar su “instalación con 1 clic” en el panel de control de su cuenta.

Estos son los pasos que debe seguir (debe ser similar / igual en todas las principales empresas de alojamiento web):

Accede a tu cuenta de alojamiento.
Ve a tu panel de control.
Busque el icono “WordPress” o “Sitio web”.
Elija el dominio donde desea instalar su sitio web.
Haga clic en el botón “Instalar ahora” y obtendrá acceso a su nuevo sitio web de WordPress.

Si no puede localizarlo, mire aquí: Cómo instalar WordPress en Bluehost.

2.… O INSTALACIÓN MANUAL (si es necesario)

Si por alguna extraña razón (algunas empresas de alojamiento no ofrecen instalación con un solo clic para WordPress) no tiene la opción de instalar WordPress automáticamente, consulte esta guía manual a continuación:

Instalación manual de WordPress (haga clic para ampliar)

Pssst: si no tienen una instalación con 1 clic, ¡tal vez se trate de un host incorrecto!

Elegir un tema / plantilla para su sitio

Una vez que haya instalado WordPress con éxito en su dominio, verá un sitio muy básico pero limpio:

Pero no quieres parecerte a los demás, ¿verdad? Es por eso que necesita un tema: una plantilla de diseño que le dice a WordPress cómo debe verse su sitio web. Vea una versión de muestra a continuación:

Aquí es donde se pone divertido : hay miles de temas increíbles, diseñados profesionalmente, entre los que puede elegir y personalizar para un sitio que es suyo.

Aquí le mostramos cómo encontrar un tema que le guste:

1. Inicie sesión en su panel de WordPress

Si no está seguro de cómo, escriba: yoursite.com (reemplace “yoursite” con su dominio).

Así es como se ve el panel de WordPress:

Todo se etiqueta fácilmente. Si te sientes un poco abrumado, no te preocupes, te mostraré a dónde ir después.

2. Acceda a temas GRATUITOS

Una vez que esté en el tablero, ¡tendrá acceso a más de 1500 temas gratuitos! Simplemente busque “Apariencia” en la barra lateral, luego haga clic en “Temas”.

Incluso he compilado una lista de los 15 temas gratuitos más populares de WordPress.

Si desea algo más profesional o elegante que lo que encuentra aquí, puede dirigirse a ThemeForest.net donde hay una ENORME biblioteca de temas para elegir a diferentes costos.

Pero antes de hacerlo, realmente te sugiero que al menos intentes pasar un tiempo navegando por los temas gratuitos. Muchos de ellos son realmente muy profesionales y bien hechos; así que no los descartes.

Como puede ver arriba, instalar un nuevo tema para su sitio web es muy fácil.

Puede buscar palabras clave específicas y / o usar filtros para encontrar temas que se adapten a su estilo. Encontrar el tema perfecto puede llevar un tiempo, pero vale la pena.

También debe buscar temas que sean “receptivos”, ya que esto significa que se verán bien en cualquier dispositivo móvil.

Simplemente introdúzcalo como una de sus palabras clave, ¡y estará listo!

3. Instala tu nuevo tema

Una vez que haya encontrado un tema que le guste, instalarlo es tan simple como hacer clic en “Instalar” seguido de “Activar”.

IMPORTANTE : Cambiar los temas no eliminará tus publicaciones, páginas y contenido anteriores. Puede cambiar los temas con la frecuencia que desee sin tener que preocuparse por perder lo que ha creado.

¿Cómo agrego contenido y creo nuevas páginas?

Con su tema instalado, está listo para comenzar a crear contenido. Repasemos rápidamente algunos de los conceptos básicos:

Agregar y editar páginas

¿Desea una página de “Servicios” o una página “Acerca de mí” (como la que tengo en mi menú en la parte superior del sitio)?

1. Mire a lo largo de la barra lateral en el Panel de WordPress para “Páginas” -> “Agregar nuevo”.

2. Una vez que haya hecho clic, encontrará una pantalla que se parece mucho a lo que quizás haya visto en Microsoft Word. Agregue texto, imágenes y más para crear la página que desee, luego guárdela cuando haya terminado.

Agregar páginas al menú

Si desea vincular su nueva página en su barra de navegación,

1. Guarde los cambios que haya realizado en la página haciendo clic en “Actualizar”

2. Haga clic en “Apariencia” -> “Menús” en la barra lateral del Panel de WordPress

3. Busque la página que creó y agréguela a la lista haciendo clic en la casilla de verificación junto a ella y luego en “Agregar al menú”.

Agregar y editar publicaciones

Si tiene un blog en su sitio web, las “Publicaciones” serán las siguientes. Puedes usar diferentes categorías para agrupar publicaciones similares.

Si desea agregar un blog a su sitio web, puede usar diferentes categorías y publicaciones. Supongamos que desea crear una categoría llamada “Blog”. Para hacerlo, simplemente agréguelo a su menú y comience a hacer publicaciones.

Esto es lo que debes hacer:

a. Cree una nueva categoría yendo a “Publicaciones -> Categorías”

segundo. Cree una publicación de blog yendo a “Publicaciones -> Agregar nueva”. Una vez que haya terminado de escribir su publicación de blog, debe agregar la categoría correcta para ello.

Una vez que haya creado su categoría, simplemente agréguela al menú y ¡estará en el negocio!

Personalización y ajustes sin fin …

En esta sección, cubriré algunas de las cosas básicas que me preguntan todo el tiempo que lo ayudarán a modificar su sitio web.

Cambiar su título y lema

Los títulos de las páginas explican a los buscadores de qué se trata su sitio web, y también son una gran parte de cómo los motores de búsqueda determinan su clasificación, por lo que debe asegurarse de que tengan las palabras clave que desea orientar en ellos (pero de forma natural manera, escrita para personas reales).

Debe usar un título único en cada página de su sitio. Por ejemplo, el título de mi sitio es “Cómo hacer un sitio web”.

(¿No puede encontrarlo? Simplemente mantenga el mouse sobre la pestaña en la parte superior de su navegador web).

Se agregan lemas al final de los títulos en cada página. El lema de mi sitio es “Guía paso a paso”

Para cambiar el título y el eslogan de su sitio web, vaya a “Configuración -> General” y complete el siguiente formulario:

Desactivar comentarios para publicaciones y páginas

Algunos sitios web (principalmente sitios de negocios / organizaciones) no quieren que sus visitantes puedan comentar en sus páginas.

Aquí se explica cómo cerrar los comentarios en las páginas de WordPress :

1. Mientras escribe una nueva página, haga clic en “Opciones de pantalla” en la esquina superior derecha.

2. Haga clic en el cuadro “Discusión”. El cuadro “Permitir comentarios” aparecerá en la parte inferior.

3. Desmarque “Permitir comentarios”.

¿Desea deshabilitar los comentarios en cada página nueva de forma predeterminada?

1. Vaya a “Configuración -> Discusión” y desmarque “Permitir que las personas publiquen comentarios sobre nuevos artículos”

Configurar una página frontal estática

Algunas personas se ponen en contacto conmigo diciendo que están frustrados porque su página de inicio parece una publicación de blog. Puede solucionarlo haciendo que su página de inicio sea “estática”.

Una página estática es una página que no cambia. A diferencia de un blog, donde el primer artículo nuevo aparecerá en la parte superior cada vez, una página “estática” mostrará el mismo contenido cada vez que alguien visite el sitio, como una página de inicio que haya diseñado.

Para configurar una portada estática:

1. Vaya a “Configuración -> Lectura”

2. Elija una página estática que haya creado. “Página principal” denota su página de inicio, “Página de publicaciones” es la página principal de su blog (si todo su sitio no es un blog).

Si no elige una página estática por su cuenta, WordPress tomará sus últimas publicaciones y comenzará a mostrarlas en su página de inicio.

Edición de la barra lateral

La mayoría de los temas de WordPress tienen una barra lateral en el lado derecho (en algunos casos está a la izquierda).

Si desea deshacerse de la barra lateral o editar elementos que no necesita, como “Categorías”, “Meta” y “Archivos”, que generalmente no tienen sentido, aquí le mostramos cómo:

1. Vaya a “Apariencia -> Widgets” en el Panel de WordPress.

2. Desde aquí, puede arrastrar y soltar para agregar diferentes “cuadros” a su barra lateral, o eliminar los elementos que no desea.

También hay un “cuadro HTML”: un cuadro de texto donde puede usar el código HTML. Para los principiantes, no se preocupe por este bit: simplemente arrastre y suelte los elementos que desee en su barra lateral.

Instalación de complementos para sacar más provecho de WordPress

¿Qué es un complemento?

Los “complementos” son extensiones construidas para expandir las capacidades de WordPress, agregando características y funciones a su sitio que no vienen incorporadas.

Son accesos directos para que su sitio haga lo que desea, sin tener que crear la función desde cero.

Puede usar complementos para hacer todo, desde agregar galerías de fotos y formularios de envío hasta optimizar su sitio web y crear una tienda en línea.

¿Cómo instalo un nuevo complemento?

Para comenzar a instalar complementos, vaya a “Complementos -> Agregar nuevo” y simplemente comience a buscar.

Tenga en cuenta que hay más de 25,000 complementos GRATUITOS diferentes, ¡así que tiene MUCHO para elegir!

La instalación es fácil: una vez que encuentre un complemento que le guste, simplemente haga clic en “Instalar”.

PERO : antes de ir e instalar cada uno, le sugiero que lea este artículo: Cosas que debe saber sobre el uso de complementos WP.

Para ahorrarle algo de tiempo, he reunido una lista de los complementos más populares que los webmasters encuentran útiles:

# 1 Formulario de contacto 7 : Mi sitio web tiene un formulario de contacto en mi página Acerca de mí. Es una característica increíble, ya que las personas (¡como usted!) Pueden completar el formulario y enviarme un correo electrónico sin iniciar sesión en su propio proveedor de correo electrónico. Si quieres hacer algo similar, definitivamente obtén este complemento. PD: Aquí hay una guía paso a paso para configurarlo.
# 2 Yoast SEO para WordPress : si desea que su sitio de WordPress sea aún más compatible con SEO , este complemento es imprescindible. Es gratis y es increíble. Podrá editar sus etiquetas de título, metadescripciones y más, todo desde la propia página, sin más problemas con la configuración de WordPress.
# 3 Google Analytics : ¿Interesado en rastrear a sus visitantes / tráfico y su comportamiento? Simplemente instale el complemento, conéctelo con su cuenta de Google y estará listo para comenzar.

¡Por supuesto, esto es solo la punta del iceberg! Aquí hay una lista de complementos recomendados por mí.

Felicitaciones, ¡estás listo para lanzar!

Si ha seguido los pasos de esta guía, ¡ahora debería tener un sitio web de WordPress totalmente funcional! Eso no fue tan malo, ¿verdad?

Por último, pero no menos importante, sigue mejorando tu sitio web.

Como mencioné anteriormente, WordPress es altamente personalizable. Si realmente desea dominar WordPress, no busque más allá de esta guía completa a continuación:

Cómo personalizar WordPress (post-instalación)

Cómo aumentar el tráfico del sitio web GRATIS

Cómo monetizar su sitio web

Cómo diseñar un logotipo para su sitio web

… si todavía tiene alguna pregunta, no dude en ponerse en contacto conmigo. o únete a mi curso de desarrollo web GRATUITO.

PD: si encuentra útiles mis guías, comparta mi página a continuación. Esto me mantiene motivado para mantener toda la información en este sitio actualizada y precisa.