En estos últimos tiempos, la palabra IA se ha convertido en tendencia. Especialmente, la IA generativa, que es la que sustenta herramientas como ChatGPT, el chatbot de OpenAI, Midjourney para la generación de imágenes a partir de descripciones de texto o el buscador de Bing, que se basa en la tecnología de ChatGPT de OpenAI y que ahora integra también la generación de imágenes mediante DALL-E, la IA generativa de imágenes de OpenAI.
Estas IAs generativas simulan el comportamiento de un interlocutor humano con el que podemos conversar o al que podemos pedir que responda preguntas, o que genere imágenes.
Primeros pasos para crear una web con IA
Independientemente de la polémica suscitada por la irrupción de la IA en nuestras vidas, ya podemos usarla en nuestro propio beneficio, siempre y cuando tengamos claro qué queremos hacer con ella. En este caso, usaremos la IA generativa de ChatGPT para ayudarnos a confeccionar una página web, ya sea personal o profesional.
La verdad es que la frontera entre usos personales y profesionales se diluye cada vez más. Fórmulas como la afiliación de Amazon, permite generar ingresos a partir de una web que parta de una vocación personal, con lo que entramos en la monetización de una afición o un interés más relacionado con nuestro ocio que con nuestro trabajo.
Para usar ChatGPT, tendremos que crear una cuenta de usuario en primer lugar. Usaremos la opción “Sign up” para ello. Cuando la tengamos creada, usaremos la opción de “Log in”. Nosotros tenemos una cuenta creada. Podremos, tras entrar en ChatGPT, hacer preguntas o peticiones en español. Veamos cómo nos puede ayudar a la elaboración de una web.
¿Nuevo en el mundo de la creación de páginas web? Con el plan Hosting Sencillo de Hostinger, podrás crear tu propio sitio web en pocos pasos gracias a la IA. Disfruta de un alojamiento rápido y seguro, con soporte 24x7 y en español
Sobre la temática de la web
La elección de la temática web puede basarse en diferentes criterios. Si es una web personal, los criterios de rentabilidad y monetización quedarán en segundo plano y podremos trabajar con libertad en lo que a la elección del nombre de dominio o en la elección de la temática se refiere.
La web responderá a lo que queremos contar sin más interés que el de tener presencia online para compartir lo que sabemos o conocemos de un tema determinado.
Si el criterio principal es el de la monetización, la cosa cambia. En este caso habrá que aplicar técnicas SEO para posicionar la página y elegir temáticas que sean populares o que susciten interés de forma significativa. En este caso, habrá que elegir el nombre de dominio y las palabras clave que caractericen a nuestra web para que estén alineadas con las búsquedas relacionadas con la temática de la web. La web responderá más a lo que está de moda y es tendencia que a nuestros gustos e intereses.
En ambos casos, la IA en general y ChatGPT en particular, será de gran ayuda para crear nuestra web. Lo veremos en los siguientes apartados.
Dónde alojamos la web: el hosting
La primera decisión que tomaremos será la elección del proveedor de alojamiento web para nuestra página. Una buena opción es Hostinger, un proveedor de hosting web que ofrece alojamiento premium a partir de 2,59 euros al mes, con dominio gratis, soporte 24/7, tráfico ilimitado, nada menos que un 99,90% de tiempo “uptime” (olvídate de las caídas del servidor), asistente para Wordpress o un panel de control completo e intuitivo entre otras muchas funcionalidades.
La elección del hosting premium en Hostinger es óptima para la web que estamos montando en este artículo. Para darnos de alta, tendremos que crear una cuenta de usuario y completar el proceso de compra. Elegimos la opción de pagar 12 meses por adelantado si queremos la propuesta más conservadora, aunque la de 48 meses es la más interesante al incluir 3 meses gratuitos adicionales.
El precio final dependerá de cuántos meses paguemos por adelantado y estará entre 43,41€ para un año y 150,43€ para 3 años con 3 meses de regalo. El dominio está incluido durante el primer año y después habrá que renovarlo con un coste que dependerá del dominio elegido. Podremos pagar con tarjeta, PayPal, Google Pay, Sofort o Coingate. Por opciones que no quede.
Tendremos que crear una cuenta de usuario en Hostinger usando nuestro mail, o bien a través de Facebook o Google. Es muy recomendable usar autenticación de doble factor (2FA) para blindar nuestra cuenta frente a hackers.
Hostinger: todo lo que necesitas para crear tu web
La creación de una web, siguiendo el asistente de Hostinger, es un proceso sencillo e inmediato. Veamos los dos primeros pasos para empezar:
Crea tu dominio de forma gratuita
En la opción “Inicio” de Hostinger tenemos la opción para ello. En nuestro caso, haremos una web sobre música electrónica y la cultura DJ. La música electrónica combina ocio y dedicación profesional por igual. Muchos DJs, por ejemplo, se han iniciado en este mundo a partir de una afición o una pasión, que luego se convertiría en una profesión. Como nombre de dominio elegiremos “musicaelectronicadj.com”. Si el nombre de dominio está en uso, tendremos que buscar opciones diferentes, claro está.
Podemos preguntar a ChatGPT sobre nombres de dominio relacionados con esta temática, aunque en este caso hemos preferido usar un nombre a nuestro gusto. Revisa varias veces que el nombre de dominio esté bien escrito, por supuesto. El coste de la renovación es de 13,99€ al año tras finalizar los 12 meses de oferta de Hostinger.
Después se nos harán varias preguntas para completar el proceso de obtención de dominio. Como el país (España) o si la web es personal o para una empresa. En este caso, será personal. Se nos pedirán datos personales en el siguiente paso. Los completamos.
Configura Premium Web Hosting
Conviértete en un pro haciendo páginas web. Con el Hosting Premium de Hostinger podrás crear hasta 100 sitios web exprimiendo las posibilidades de la IA. Disfruta de un alojamiento rápido y seguro, con soporte en vivo y en español 24/7. ¡Y 3 meses gratis!
Después, a través de un asistente. Se nos preguntará para quién estamos creando el sitio web en primer lugar, aunque nosotros pulsaremos en “Omitir, no quiero una experiencia web personalizada”, ya que iremos al grano, que es “crear un nuevo sitio web”. Usaremos WordPress para ello.
Tendremos que crear una contraseña de administrador (segura, por supuesto). Después se nos pedirá que añadamos plug-ins. De momento, omitiremos este paso. Es tentador pararse con estos detalles, pero no es práctico. La web tiene que ser “ligera” y poco recargada. Ya elegiremos plug-ins después. Y con los temas o plantillas haremos lo mismo. Todo se puede configurar después.
Finalmente aparece una opción para automatizar la creación de la web usando IA. Se nos pide un nombre de marca y una descripción. Usaremos, para probar, “música electrónica y DJ” como nombre de marca, y en la descripción, lo siguiente: “una web sobre música electrónica y el mundo de los DJs, donde haya información sobre música electrónica y una tienda online basada en la afiliación de Amazon”.
Podemos omitir este paso o probar a ver qué resultado da. Después elegimos el dominio, que ya hemos creado antes. Aparecerá automáticamente como opción. Por último, tenemos un resumen con los datos de nuestra web. El servidor está ubicado en Francia, que parece una elección óptima teniendo en cuenta que no hay servidor en España. Podremos cambiar la ubicación en caso de necesidad, aunque no parece necesario.
Esperaremos unos instantes a que se realice la puesta a punto de la web con los parámetros elegidos. Se nos comunica que la generación de contenidos por IA está en marcha, aunque podemos empezar a editar la web.
Wordpress: tu herramienta para crear y mantener la página web
Por lo pronto, si vamos a www.musicaelectronicadj.com, encontramos que ya tenemos contenido. La generación mediante IA, ha montado una web básica. Está bien, pero parece que será mejor que adaptemos la web a nuestros gustos y necesidades de un modo más creativo, dejando a la IA para tareas más específicas. A partir de aquí, sigue estos primeros pasos:
- Para entrar en el panel de control de WordPress para nuestra web, iremos a https://musicaelectronicadj.com/wp-admin/donde se nos pedirá el correo y la contraseña que hayamos configurado. Recuerda que esta contraseña no tiene por qué ser la misma que para acceder a Hostinger.
- Quita todo lo que no necesitemos. En la sección de Plug-ins, vamos a desactivar y/o borrar WPForms Lite y Hello Dolly. En la sección de Entradas, eliminaremos todo lo que ha creado la IA en el proceso de configuración. Las movemos a la papelera, de momento.
El menú de Wordpress es el punto de acceso a todo lo que necesitamos para crear nuestras webs. Así que, será mejor que empecemos a familiarizarnos con todo lo que tiene.
- Personaliza el título en Ajustes – Generales. En el título escribimos: “Música electrónica para DJ”. D
- Después, en Enlaces permanentes, elegimos “Nombre de la entrada”. Acuérdate de guardar los cambios.
Categorías: el armazón de nuestra web
Lo primero que tenemos que hacer, es crear el armazón de la web. En este caso, las secciones de las que constará www.musicaelectronicadj.com. Podemos pensar en secciones como la de Inicio, otra sección para eventos relacionados con música electrónica, otra para grupos de música, otra para estilos, un blog con contenidos generales, una tienda específica para material o merchandising, etcétera.
Aquí, podemos pedir ayuda a ChatGPT. Si usamos como pregunta o petición (prompt): “hazme un listado de las secciones de un menú de una web dedicada a la música electrónica que incluya una tienda online basada en afiliación de Amazon”. El resultado es:
Como puedes ver, ChatGPT “se lo ha currado” a la hora de confeccionar el listado de categorías. Además, nos recomienda qué debemos incluir en cada sección.
Para crear las categorías:
- Usamos el menú “Páginas” de WordPress. Lo primero, será eliminar lo que no necesitemos, como la Página de ejemplo y la Política de privacidad, que enviaremos a la papelera.
- Después, crearemos la página de Inicio, tal y como recomienda ChatGPT.
- En Páginas – Añadir nueva, se nos pide escribir el título. Es lo que se mostrará cuando alguien entre en nuestra web. Usaremos como título “Descubre la pasión por la música electrónica y los DJ en nuestra web”, que es corto y fácil de recordar. Después, pulsamos en “Publicar”.
- A continuación, añadiremos páginas para el resto de las categorías indicadas por ChatGPT.
- Si queremos añadir subsecciones siguiendo las recomendaciones de ChatGPT, tendremos que crear páginas para cada una de ellas. O podemos hacer modificaciones a nuestro gusto. Por ejemplo, para la Tienda, podemos crear categorías de productos relacionados con la música electrónica y los DJ, como controladoras, auriculares, altavoces, almacenamiento, giradiscos.
Aquí podemos acudir a ChatGPT. Si le pedimos “dame un listado con tipos de equipos que usan los DJ sin descripción”, devolverá una lista tal que así:
Así que, en nuestro Wordpress, haremos páginas para cada uno de estos tipos de equipos basados en estas sugerencias, modificando algunos aspectos según nuestras necesidades.
También vamos a pedir a ChatGPT que nos haga un listado con las marcas más populares en Amazon relacionadas con los DJ (“haz un listado con las marcas de equipos para DJ más populares en Amazon”). El resultado es:
Si queremos enfocar la web a la parte de tienda, podremos crear páginas para cada marca en particular.
Damos forma al diseño y a la estructura web
Estos son los pasos esenciales para dar forma a la web:
- Página inicio: en Ajustes – Lectura, podemos elegir la apariencia de inicio de la web. En nuestro caso, elegiremos como inicio, la página creada a tal efecto (Descubre la pasión por la música electrónica y los DJ en nuestra web).
- Podemos ir a Apariencia – editor en el menú de Wordpress para hacer cambios en la apariencia, como el de eliminar la cabecera donde aparecen todas las páginas creadas. O añadir una imagen. Para buscar una imagen libre de derechos de autor podemos recurrir a Google, eligiendo en “herramientas” la opción de Licencias Creative Commons. Si queremos adaptar la imagen al espacio recomendado, tendremos que recortarla.
- Añade el un menú de navegación desde el cual acceder a las secciones recomendadas por ChatGPT. Será el punto de partida para que los visitantes de nuestra web naveguen por ella. Para ello, en el Editor, justo debajo del título, añadiremos un bloque de navegación. Si movemos el ratón despacio justo bajo el título, aparecerá un “+”. Si escribimos “Nav” en buscar, aparecerá el bloque “Navegación”. Lo seleccionamos. Ahí podremos añadir enlaces, que seleccionaremos de entre las páginas creadas anteriormente.
- En el caso de las subsecciones, tendremos que seleccionar la opción de “Añadir submenú” que, a su vez nos dejará añadir páginas en forma de menú desplegable.
Aquí podremos ir creando la estructura de la web, que puede ser tan elaborada y granular como queramos. Eso sí, recuerda que, para una web más compleja, se requiere también más tiempo para crear contenidos.
Por ejemplo, en la Tienda podemos crear un apartado de “Marcas” con las que nos ha dado ChatGPT. A su vez, añadimos un submenú dentro de Marcas.
Como ves, se puede crear una estructura de navegación multinivel con total libertad. Aquí puedes ver cómo ha quedado: https://musicaelectronicadj.com/
Creando contenido para las secciones de la web con ChatGPT
Llegamos al momento en el que tenemos que crear contenidos para la web que estamos creando. En este caso, chatGPT puede ser de gran utilidad para echar a andar la web sin complicarnos demasiado la existencia.
Por ejemplo, en el apartado de DJs internacionales, podemos pedir a ChatGPT lo siguiente: “escribe 2 líneas para la sección dedicada a la escena internacional de DJ para una web”. El resultado es:
“Explora la vibrante escena internacional de DJs y sumérgete en los sonidos innovadores que están conquistando los escenarios de todo el mundo. Descubre los nombres más destacados y los eventos imperdibles en esta emocionante comunidad musical. “
En el menú de Páginas de WordPress elegimos Editar en la correspondiente a “Escena internacional”. Allí pegamos el texto generado por ChatGPT.
Después, podemos pedir a ChatGPT que nos dé una lista con los 10 DJ internacionales más relevantes: “escribe una lista con los 10 DJ internacionales más relevantes”. Recuerda que ChatGPT tiene como una de sus mayores limitaciones que los datos con los que trabaja se quedan en septiembre de 2021, que es el año en el que se acabó de entrenar el LLM en el que se sustenta.
El resultado, lo pegamos en el texto de la página, tras haber creado un encabezado H2 acorde con el contenido: “Los 10 DJ internacionales más relevantes”. Recuerda pulsar “Actualizar” para que se guarden los cambios.
Tienes el resultado aquí: https://musicaelectronicadj.com/escena-internacional/
Para la introducción de la página de inicio, también podemos recurrir a ChatGPT: “escribe una introducción optimizada para seo para una web dedicada a la música electrónica y los DJ, donde hay una sección de tienda online, un blog, guías y tutoriales, eventos y artistas y DJ. Destaca en negrita las palabras clave. La estructura tendrá cuatro encabezados”. El resultado, lo pegamos en la página de Inicio. Podemos personalizarlo para afinar el texto. Podemos hacer lo mismo para cada una de las páginas de sección.
Así, iremos creando contenidos para cada página en nuestra web. Es un proceso que requiere método y algo de paciencia, pero mucho más ágil que si tuviéramos que redactar cada contenido desde cero.
Creando la tienda de afiliados de Amazon
Para crear la tienda de afiliados, podemos recurrir, si buscamos una opción profesional, a un plug-in específico, AAWP. Es un plug-in de pago, con un precio anual de 49€ por año, que se quedan en 39,20€ si se usa el código de descuento de Romuald Fons, “romutv”.
Haz webs más rápido para tu empresa gracias a la IA. Descubre el plan de Hosting Empresarial y benefíciate de un gran espacio de alojamiento y copias de seguridad diarias. Con 3 meses gratis y atención 24/7 para apoyarte en todo lo que necesites.
Este paso es opcional, por supuesto. Si queremos hacer que nuestra web monetice, habrá que añadir métodos para monetizarla, y el uso de afiliación con Amazon es un método que no precisa de la instalación de un eCommerce, que es algo bastante más complejo, al menos para los no iniciados. Para que la afiliación con Amazon funcione, será preciso que trabajemos en el posicionamiento de la web a través de técnicas SEO (Search Engine Optimization). Estas técnicas, al menos para un primer momento, quedan más allá del ámbito de este artículo.
Si queremos quedarnos con una web personal, podremos prescindir de la tienda basada en afiliación con Amazon y quedarnos con un listado de productos recomendados. O enlazar con un canal de YouTube que monetice mediante publicidad en los vídeos.
Creando entradas de posts con ChatGPT
Con la IA de ChatGPT podemos también crear artículos completos para el blog, o para otras secciones de la web. Habrá que revisar los resultados para verificar que las entradas no contienen errores, pero gran parte del trabajo se podrá aprovechar.
En este artículo de Academia Hostinger tenemos ejemplos con prompts sumamente detallados.
Podemos probar, para nuestro ejemplo, con este prompt: “Escribe una entrada de blog para una web sobre música electrónica y la cultura DJ en la que se hable de la historia de la música electrónica y los DJ. Quiero que tenga al menos cinco subsecciones y destaque en negrita las palabras relacionadas con las palabras clave. Además, quiero que sea un artículo que se posicione bien en SEO.”
En este caso, ChatGPT nos devuelve un guion para un post en vez del post en sí. Si cambiamos el prompt a “Escribe un artículo para una web sobre música electrónica y la cultura DJ en la que se hable de la historia de la música electrónica y los DJ. Quiero que tenga al menos cinco subsecciones y destaque en negrita las palabras relacionadas con las palabras clave. Además, quiero que sea un artículo que se posicione bien en SEO.”, ChatGPT nos devuelve el artículo propiamente dicho.
Es importante ser muy preciso con lo que pedimos a ChatGPT y ser consistente en nuestras peticiones para crear contenidos con el mismo estilo para nuestra web.
En WordPress, en “Entradas”, añadimos una en la que copiamos y pegamos lo generado por ChatGPT. Vamos configurando el título y los encabezados para asegurarnos de que se respeta la estructura.
Podemos pedir a ChatGPT que escriba otras entradas de blog. Por ejemplo: “Escribe un artículo para una web sobre música electrónica y la cultura DJ en la que se hable de los estilos de música electrónica. Quiero que tenga al menos cinco subsecciones y destaque en negrita las palabras relacionadas con las palabras clave. Además, quiero que sea un artículo que se posicione bien en SEO.”
Si el texto se corta, podemos pedir a ChatGPT que continúe generando la respuesta hasta que finalice.
En WordPress, creamos otra entrada con lo generado por ChatGPT y le asignamos, si no está ya automáticamente, la categoría “Blog”.
De este modo, tenemos ya dos entradas en el Blog de nuestra página web. Después, en el las opciones de edición de página, podemos definir la presentación de las entradas, añadiendo imágenes destacadas o definiendo la vista en columnas, por ejemplo.
Tienes el resultado aquí: https://musicaelectronicadj.com/blog/
Completando la web
Siguiendo este procedimiento, podemos completar la web paso a paso y sección por sección usando WordPress y ChatGPT para que genere aquellos contenidos que sean convenientes para nuestra audiencia.
También podemos crear imágenes usando la IA de Bing, ahora que se incluye la opción de generar imágenes a través del Chat de Bing en navegadores compatibles como Edge. De hecho, las imágenes que hemos empleado para las imágenes destacadas de las entradas o las páginas, han sido generadas con DALL-E en Bing.
Para crearlas, tan solo tenemos que crear prompts en el Chat de Bing, del estilo de “dibuja un DJ mezclando música en una sesión de música electrónica con personas bailando y con una mandala de fondo con tonalidades rojas”.
Recuerda que la IA es solo una ayuda. No es conveniente fiarse a ciegas de lo que ChatGPT o DALL-E generen a partir de nuestros prompts. Con todo, la IA es una forma de automatizar ciertas tareas en las que el papel de la creatividad es mínimo.
Para configurar un WordPress, es una herramienta fantástica. La web de ejemplo ha sido creada a partir de ChatGPT y DALL-E básicamente, por ejemplo. Queda el trabajo de edición para refinar la estética, por supuesto, o completar todas las secciones y páginas y entradas, así como revisar y trabajar el SEO. Pero, como puedes ver, es un trabajo al alcance de cualquiera que tenga claro su objetivo.
Además, la inversión que hay que realizar es mínima gracias a los precios de los planes de Hostinger, sumamente competitivos.
Tienes en estos dos enlaces tutoriales más avanzados para la integración de la IA en el proceso de creación de una web: