Crea tu propia página de noticias con IA interactiva con esta guía paso a paso. Aprende a buscar noticias, extraer detalles y URLs con NotebookLM, generar un CSV con ChatGPT y crear la página HTML con Gemini. Unas sencillas instrucciones automatizan todo el proceso, preparando tu centro de noticias con IA personalizado para integrarlo fácilmente en tu sitio web o WordPress.
A continución, te explico los pasos a seguir para implementar una página de noticias clicables de IA, tal como la que se muestra en la imagen destacada de este post (un poco más arriba).
1. Fuentes de noticias
Lo primero es conseguir una serie de noticias para incluir en la portada. Crearemos un archivo .csv con dos campos: título (en cualquier idioma, lo importante es que sea una noticia relevante) y URL de la fuente.
Podemos realizar una búsqueda manual o recurrir a canales de YouTube donde se publiquen vídeos con resúmenes semanales. Por ejemplo, el canal de Matt Wolfe es un buen recurso.
Si pones a NotebookLM en modo bestia puedes conseguir también podcasts o videopodcast con noticias de IA, utilizando diversas herramientas, tal y como propone Joaquín Barberá en este vídeo: NotebookLM Modo TURBO activado: Ahora puedes hacer TODO ESTO!!
Pero para el propósito que nos ocupa en este post, y como veremos seguidamente, nos servirá con utilizar NotebookLM de la manera mas fácil: subiendo el vídeo como fuente y escribiendo un par de prompts muy sencillos.
2. Extracción de las noticias a partir del vídeo resumen
Este paso es crucial porque de él dependerá la calidad del resultado obtenido para nuestra página de noticias.
Para este propósito podemos utilizar NotebookLM, creando un cuaderno nuevo y subiendo el vídeo con las noticias como fuente.
Una vez que Notebook reconozca la fuente, escribiríamos un prompt como el que sigue:
Escribe un resumen de la noticias que se exponen en el vídeo, con una breve introducción y por qué es importante.
Sin embargo, NotebookLM se basa en la transcripción del vídeo proporcionada como fuente, por lo que no es posible entregar las URLs directas de los artículos, herramientas o tweets específicos mencionados. Esto se debe a que el autor no lee las direcciones web en voz alta, sino que indica a la audiencia que los enlaces se encuentran en la descripción del vídeo o los muestra visualmente en pantalla.
Debido a eso, podríamos hacer una búsqueda manual pero podemos escribir el siguiente prompt para que NotebookLM nos dé esas búsquedas:
De cada punto, dame los términos exactos de búsqueda y la única URL general que el autor mencionó explícitamente, para que yo pueda localizarlos fácilmente.
3. Obtención del archivo .csv con los títulos de las noticias y sus URLs
A partir de la lista con los términos de búsqueda, hay que ir a ChatGPT y escribir el siguiente prompt:
Dame, en forma de archivo .csv una lista de las url’s resultado de cada búsqueda según los siguientes apartados: [Términos clave para buscar cada punto (según la transcripción)]:
Donde [Términos clave para buscar cada punto (según la transcripción)] es la lista obtenida al final del paso 2.
Es posible que para algunas búsquedas, no se devuelvan resultados específicos o no existan artículos asociados de forma pública al momento de buscar en la web. El campo de URL quedará vacía para que puedas completarlas luego con URLs conocidas o que encuentres por tu cuenta.
Pero también, puedes reintentar el prompt añadiendo «Reintenta con URLs reales para los términos donde se encontraron resultados relevantes».
O, finalmente, realizar búsquedas manuales hasta completar la totalidad de las noticias del .csv.
Pídele para terminar que cree un archivo .csv descargable. El archivo contendrá todas las búsquedas con sus URLs organizadas correctamente y será compatible con Excel, Google Sheets, LibreOffice y cualquier editor de texto.
4. Creación del HTML de la página web
Este apartado es muy interesante porque en apenas un minuto obtendrás una página web lista para subir a tu servidor y hacerla pública.
En Gemini, sube el archivo .csv obtenido en el apartado 3, elige la herramienta «Canvas» y «Razonamiento» o «Razonamiento Pro» y escribe el siguiente prompt:
Crea una página web como si fuese una revista con las noticias incluidas en el archivo csv. Haz que cada noticia sea clicable hacia su URL. La revista se llama «Noticias IA» y debajo del título pon la fecha de hoy y «Edición nº 1». Añade imágenes (fotos, ilustraciones o iconos) para darle un aire realista.
Arriba de la vista previa tendrás el botón «Compartir» para copiar el contenido. También podrías usar el enlace para compartir la página de Gemini directamente.
Sin embargo, puedes llevarte el HTML a una página de tu WordPress.
5. Crear la página en tu WordPress
Si creamos una nueva página con la plantillas «vacía», podemos añadir un bloque de HTML y pegar el contenido copiado al final del apartado 4.
Ese HTML lo podemos modificar, por ejemplo personalizando los enlaces del pie de página o cualquier otra cosa que queramos.
Conclusiones
Acabas de ver los pasos concretos para crear una página HTML (exportable a tu WordPress) que es fácilmente personalizable, con noticias clicables de IA que llevan a las fuentes originales.
Este proyecto es experimental y está sujeto a modificaciones y mejoras constantes. Los prompts proporcionados son susceptibles de optimizaciones (para lo cual puedes emplear tus propias técnicas o, incluso, utilizar ChatGPT -o cualquier otra plataforma-).
Como has visto, no se proporciona código alguno. Todo se basa en la escritura de prompts muy sencillos que, insisto, pueden ser mejorados.
Doy el correspondiente agradecimiento a Matt Wolfe por su extraordinario trabajo de divulgación y a Joaquín Barberá porque gracias a él llegué a aquél.