Cómo crear una página Web profesional en 2021 Р[Guía completa]

Cuia completa para crear pagina web wordpress

¬ŅSab√≠as que WordPress ya utiliza m√°s de 39% de todos los sitios web activos?

Si quieres aprender c√≥mo crear el tuyo pero no sabes por d√≥nde empezar, no te preocupes. En este art√≠culo te ense√Īar√© paso a paso c√≥mo crear tu propia p√°ginas web (casi) gratis en el gestor de contenido (CMS) m√°s utilizado – WordPress.

Como el primer paso antes de empezar a crear una página web en WordPress deberías aclarar qué tipo de sitio web quieres desarrollar. Puedes elegir entre crear un blog, tienda online (comercio electrónico Рecommerce), sitio web corporativo o simplemente una página web personal.

Por ejemplo, si quieres crear una página web / blog personal elige un nicho de contenido, es decir, un tema al que se centrará el contenido de tu página. Es muy recomendable elegir un nicho que sea de tu interés o un tema que conozcas bien, para que a lo largo del tiempo no te desanimes creando el nuevo contenido.

Tambi√©n deber√≠as definir tu p√ļblico objetivo para adaptar el formato del blog, y forma de escribir y el tono con el que te dirigir√≠as a tus lectores.

Y por lo √ļltimo, ¬Ņquieres monetizar tu sitio web en el futuro? Una vez que hayas generado miles de visitas mensuales a tu blog quiz√° sea interesante para ti empezar a buscar forma de ganar alg√ļn dinero por todo tu esfuerzo.

Paso 2: Elige un dominio y alojamiento web

2.1 ¬ŅC√≥mo elegir un dominio?

Elegir un dominio es uno de los pasos m√°s importantes, ya que representar√° tu blog o marca en general. Si todav√≠a no sabes que es un dominio, puedes imaginarlo como la direcci√≥n f√≠sica de tu sitio web. En mi caso, el dominio que uso es JuliusJancso.com. La parte de “juliusjancso” es nombre del sitio web y “.com” es la extensi√≥n del dominio.

Correcto

‚úÖ F√°cil de recordar, deletrear y pronunciar

‚úÖ Que sea √ļnico

‚úÖ Considera usar tu nombre

‚úÖ Utiliza una palabra clave

Cuidado

ūüöę No uses n√ļmeros ni signos de puntuaci√≥n

ūüöę No infrinjas el Copyright

ūüöę Evita el dominio demasiado largo

ūüöę Evita las extensiones raras (.xyz)

Adem√°s, si te falta la inspiraci√≥n puedes utilizar un generadores de nombres de dominio como Domain Wheel que realizar√°n pr√°cticamente todo el trabajo por ti. ūüėČ

Una vez que hayas elegido un dominio tengo muy buena noticia para ti.

¡Has terminado la parte más difícil de crear tu página web!

2.2 ¬ŅC√≥mo elegir un hosting?

Hosting o alojamiento web es lo que mantiene todos los archivos, imágenes y contenido de tu sitio web accesibles a través del dominio que has adquirido. Un buen hosting permite que tu sitio web esté disponible a cada una persona interesada visitar tu página web en cualquier día a cualquier hora.

¬°Evita los alojamientos web de baja calidad!

Como siempre, hay compa√Ī√≠as de hosting tanto buenas como malas y elegir la adecuada para tu web es muy importante. Muchas de las que ofrecen planes muy baratos sobrecargan sus servidores (para mantener su margen) lo que significa que tu p√°gina web ser√° m√°s lenta. Tambi√©n deber√≠as tener en cuenta la calidad de soporte t√©cnico, ya que casi seguro necesitar√°s su apoyo a lo largo del tiempo.

Si empiezas con el dise√Īo web y quieres seguir aprendiendo, puedes probar Hostinger con su plan Hosting Premium, ya que te ofrece:

‚úĒ Instalaci√≥n de WordPress con 1 solo clic
‚úĒ N√ļmero de sitios ilimitados
‚úĒ Certificado SSL gratis
‚úĒ Dominio gratis
‚úĒ Copias de seguridad

Para contratar el alojamiento web de Hostinger solo sigue los pasos para finalizar compra. ¬°Ojo, no olvides elegir tu dominio gratis!

Cómo contratar hosting con dominio gratis

Paso 3: Instala WordPress

Una vez que hayas contratado un hosting con dominio solo entra al panel de administración y deberías la opción de instalar WordPress u otro CMS. La dinámica es muy parecida con la mayoría de los proveedores de hosting aunque puede variar.

Para ense√Īarte paso a paso como instalar WordPress en Hostinger utilizar√© un dominio “tu-dominio.tk”.

Antes de empezar, sigue las instrucciones adjuntas en el correo que has recibido. Una vez que hayas terminado instalaremos WordPress de la siguiente forma.

3.1 Entra al panel de administración

El panel de administraci√≥n es la clave para configurar todos los aspectos tanto del hosting como del dominio. Puedes localizarlo en las siguiente enlace (reemplazando “tu-dominio.tk” por el dominio que compraste).

https://hpanel.hostinger.com/hosting/tu-dominio.tk/

3.2 Localiza el Auto instalador

Despl√°zate hacia bajo y el Auto instalador est√° ubicado en la secci√≥n “Sitio Web”. Haz clic al √≠cono y rellena los datos necesarios para crear tu cuenta: Nombre de usuario, contrase√Īa, correo electr√≥nico, t√≠tulo de p√°gina y selecciona el idioma en cu√°l prefieres trabajar y pincha el bot√≥n de Instalar.

¬°CUIDADO!

No elijas nunca como nombre de usuario t√©rmino “admin” o nombre de tu negocio / sitio web. Tambi√©n presta atenci√≥n a la hora de elegir la contrase√Īa.

Despu√©s de unos segundos (dependiendo del rendimiento del servidor) tu WordPress deber√≠a estar instalado exitosamente en el hosting y vinculado con tu dominio. Ahora solo falta iniciar sesi√≥n y empezar a dise√Īar tu sitio web.

3.3 Inicia sesión en WordPress instalado

Para iniciar sesi√≥n en WordPress que acabas de instalar solo introduce tu dominio al navegador y agrega al final de la URL “/wp-admin/” y presiona ENTER.

www.TUDOMINIO.com/wp-admin/
Página de iniciar sesión en WordPress

Ahora inicia sesi√≥n introduciendo nombre de usuario y contrase√Īa creados durante el proceso de instalaci√≥n.

Paso 4. Conoce la Interfaz de WordPress

Despu√©s de iniciar sesi√≥n entrar√°s al Escritorio de WordPress ‚Äď zona desde cu√°l puedes administrar todos los aspectos de tu p√°gina web. Como puedes observar, la interfaz de WordPress es muy limpia y f√°cil de entender.

Estos son los elementos más importante que deberías conocer:

Guía gráfica de la Interfaz de WordPress
La Interfaz de WordPress

(1) Mensaje de bienvenida: puede ser muy √ļtil en los comienzos, ya que contiene los enlaces r√°pidos a las secciones m√°s importantes de tu p√°gina web
(2) Resumen del estado actual de tu sitio web
(3) Entradas: crea nuevos artículos de tu blog
(4) Medios: sube y administra im√°genes u otros archivos multimedia
(5) P√°ginas: crea nuevas sub-p√°ginas de tu web
(6) Comentarios: desde aquí puedes moderar los comentarios
(7) Apariencia: cambia el dise√Īo de tu sitio web o personaliza como se visualicen ciertos elementos de tu dise√Īo actual
(8) Plugins: aquí puedes instalar nuevas extensiones para modificar o mejorar las funcionalidades principales de WordPress
(9) Usuarios: desde aqu√≠ administras todas las cuentas de los usuarios (crear/borrar cuentas, cambiar contrase√Īas y/o permisos de acceso, etc.)
(10) Ajustes: ajustes principales de tu sitio web

Paso 5: Elige un Tema – plantilla

La mejor parte de WordPress es que todos los aspectos visuales de tu sitio web se basan en un dise√Īo intercambiable llamado Tema. Un tema WordPress es dise√Īo profesional que cambia la forma como se visualicen los elementos en tu sitio web.

Existen miles de temas tanto gratuitos como premium Рde pago. La mayoría de los temas gratuitos la puedes encontrar directamente en la galería de temas de WordPress. Si prefieres un tema de pago, puedes buscar en Themeforest o Templatemonster.

Por defecto, WordPress ya contiene un Tema base y justo después de la instalación tu página web se ve así:

Ejemplo como se visualiza el tema predeterminado de wordpress justo después de la instalación
Tema predeterminado de WordPress

Aunque no resulte muy atractivo hay forma muy f√°cil de cambiarlo. Por ejemplo, puedes conseguir que la p√°gina se visualice de la siguiente forma:

Dise√Īo web objetivo

El ejemplo que est√°s viendo es una plantilla predise√Īada del tema Astra. Si quieres crear tu primera p√°gina web te lo recomiendo principalmente por su:

  • velocidad de carga
  • opciones de configuraci√≥n
  • variedad de plantillas predise√Īadas a importar

Para que consigas importar este dise√Īo al tu sitio web wordpress instalado, lo √ļnico que deber√≠as hacer es lo siguiente:

5.1 Instala y activa el Tema elegido

Ya que el tema Astra se encuentra en la galería de temas de WordPress puedes instalarlo desde ahí.

En la interfaz de WordPress ve a Apariencia ‚Üí Temas y selecciona “A√Īadir nuevo”

C√≥mo a√Īadir nuevo tema en wordpress

Introduce el nombre del tema en el buscador en la parte derecha e inst√°lalo.

imagen explicativa como instalar nuevo tema en WordPress

Despu√©s de unos segundos, el tema se instalar√° a tu WordPress. Para habilitar todas sus funcionalidades tienes que activarlo haciendo clic en el bot√≥n “Activar” que se mostrar√° en lugar de “Instalar”.

5.2 Importa el contenido predise√Īado

Una vez que tengas activado el tema Astra, empezar√° aparecer un aviso mostr√°ndote una gu√≠a r√°pida para importar las plantillas predise√Īadas. Haz clic en el bot√≥n “Primeros pasos”.

Guía para importar los demos del tema wordpress Astra

Ahora solo elige el maquetador con el que dise√Īar√°s tu sitio web y demo que quieres importar. Elementor y Gutenberg son mis favoritos por sus funcionalidades y velocidad de carga. Pero si desarrollas tu primer sitio web te recomiendo empezar con Elementor.

Elige el maquetador web con el que dise√Īar√°s tu p√°gina

Al elegir el maquetador se te mostrar√° la lista de los dise√Īos disponibles. Solo elige el que m√°s te guste y haz clic en ‚ÄúImportar el sitio completo‚ÄĚ. Despu√©s de unos segundos, el contenido se importar√° a tu WordPress como puedes observar en la segunda im√°gen.

Tutorial para importar contenido demos del tema Astra
El contenido demo del tema wordpress se ha importado con éxito

Ahora puedes revisar los cambios haciendo clic al bot√≥n “Ver el sitio”.

Dise√Īo Web final importado del tema wordpress Astra

¬°Enhorabuena! Tu sitio web se ve genial, ¬Ņno crees?

Paso 6: Instala Plugins necesarios (Extensiones)

Los Plugins de WordPress son como las aplicaciones de tu iPhone. Es decir, son extensiones que agregan nuevas funcionalidades a tu sitio web sin necesidad de saber programar. Por ejemplo, formulario de contacto, galería de imágenes, copias de seguridad automáticas, etc.

Hoy en día, solo en el repositorio oficial de WordPress hay más de 54 mil plugins gratuitos que puedes instalar desde el panel de administración. Otra opción es utilizar unos plugins de pago creados/adquiridos por terceros.

Aquí te dejo mi lista de plugins esenciales que deberías instalar en su sitio web de inmediato. Por supuesto, todos son gratis.

Site Kit by Google – extensi√≥n muy √ļtil y sencilla para vincular tu sitio web con las herramientas de Google como Google Search Console, Google Analytics, Google Optimize, etc.
WPForms lite – te permite a crear los formularios de contacto de forma f√°cil y r√°pida.
Wordfence Security – mejora la seguridad de tu sitio web de WordPress.
WP Super Cache – optimiza y mejora la velocidad de tu p√°gina web.
Statically – acelera autom√°ticamente tu sitio web optimizando los activos est√°ticos e im√°genes utilizando CDN.

La instalaci√≥n de los plugins es realmente sencilla. Si decidiste instalar un plugin gratuito, lo √ļnico que necesitas es conocer su nombre o palabra clave con la cu√°l lo podr√≠amos encontrar en el repositorio WordPress.

En el panel de administraci√≥n ve a Plugins ‚Üí A√Īadir Nuevo. Introduzca el nombre del plugin y haz clic en Instalar ahora.

Cómo instalar Plugin en WordPress

Para que el Plugin empiece a funcionar correctamente solo falta activarlo haciendo clic al bot√≥n “Activar“.

Cómo activar Plugin en WordPress

Paso 7: Crea p√°ginas principales

Para que puedas subir todo el contenido que hayas preparado en tu sitio web, necesitas crear páginas (secciones) correspondientes. Su cantidad y/o tipo puede variar dependiendo del nicho y el propósito de la web. En general podemos decir que hay ciertas páginas que debería tener cada sitio web. Por ejemplo:

Acerca / sobre nosotros Рpágina muy importante, ya que, te permite contar de que trata tu sitio web y por qué los clientes debería prestarte atención.
Contacto Рpágina en la que puedes mostrar la información de contacto junto con un formulario de contacto.
Política de privacidad РPágina de alta importancia por el Reglamento General de Protección de Datos (RGPD/GDPR).
Tienda (opcional) Рimprescindible si quieres vender los productos a través de tu sitio web. Para crear una tienda online necesitas instalar y configurar correctamente el plugin Woocommerce.

Para crear nueva p√°gina ve al panel de administraci√≥n de tu WordPress y haz clic en P√°ginas ‚Üí A√Īadir Nueva.

Cómo crear nueva página en WordPress

Con la llegada de la √ļltima generaci√≥n de WordPress 5.x.x que introduj√≥ nuevo editor visual – Gutenberg se ha cambiado un poco la forma de crear nuevas p√°ginas.

1. A√Īadir el t√≠tulo – introduzca el t√≠tulo de la p√°gina.
2. Editor del contenido Рsección para crear todo el contenido.
3. Estado y visibilidad Рte permite gestionar la visibilidad de la página y programar la fecha de su publicación.
4. Enlace permanente – personaliza la URL de la p√°gina.
5. Imagen destacada – sube una imagen asociada a la p√°gina
6. Comentarios – activa o desactiva los comentarios.
7. Atributos de p√°gina – te permiten crear una subp√°gina y/o elegir entre estilos predeterminados.
8. Vista previa – previsualiza los cambios hechos.
9. Publicar/actualizar – publica o actualiza la p√°gina.

Paso 8: Crea el menu

Una vez tengamos creadas varias p√°ginas en nuestro sitio web, el siguiente paso deber√≠a ser crear un men√ļ que ayudar√° al usuario encontrar y acceder todo el contenido que hemos creado.

Para crear un men√ļ ve a Apariencia ‚Üí Men√ļs y selecciona “Crear nuevo”

C√≥mo crear un men√ļ en WordPress
C√≥mo crear un men√ļ en WordPress

A la izquierda aparecen todas las p√°ginas y entradas del blog que podemos agregar al men√ļ. En la parte derecha creamos o modificamos la estructura del men√ļ como tal.

En general, al men√ļ agregamos las p√°ginas m√°s importantes como Inicio, Acerca, Blog o Contacto. Puedes modificar la posici√≥n de cada elemento del men√ļ con sistema drag and drop – arrastra y suelta.

Por lo √ļltimo, puedes seleccionar d√≥nde quieres que se muestre el men√ļ – Men√ļ principal.

Paso 9: Crea un blog

Seg√ļn Hubspot, crear el blog es una de las herramientas m√°s potentes de marketing de contenidos que sirve no solo a promover tu sitio web, sino cualquier producto o servicio que quieras vender por √©l.

En general, crear un blog es sencillo. Se trata de publicar periódicamente los artículos relacionados con el tema de tu sitio web.

Adem√°s, WordPress como la plataforma ya tiene integrado su propio blog y utilizarlo es muy f√°cil.

Para crear un nuevo art√≠culo del blog, ve al panel de administraci√≥n y haz clic en Entradas ‚Üí A√Īadir Nueva.

Seguro ya te diste cuenta que todo el proceso de crear nuevo art√≠culo del blog es muz similar al de crear nueva p√°gina. La √ļnica diferencia es que para el art√≠culo aparecen 2 nuevas opciones – asignar la categor√≠a y etiqueta.

Cómo crear nuevo articulo del blog en WordPress

¬ŅQu√© sigue ahora?

¬ŅC√≥mo optimizar la p√°gina web creada en WordPress?
¬ŅC√≥mo indexar la p√°gina web en Google?
¬ŅC√≥mo medir visitas de mi sitio web?