Hoy aprenderemos como crear un feed RSS desde cero, solo aquí en Glitch!
RSS o Really Simple Syndication es un formato XML con el cual un sitio web
puede comunicar sus actualizaciones a su audiencia desde una sola fuente
que puede ser comprendida desde gran cantidad de aplicaciones y
servicios.
Esta funcionalidad es increíblemente común en internet, básicamente todas
las plataformas grandes para hosting de contenido se encargan de crear el
feed RSS automáticamente después de que cada post.
El que esto se haga automáticamente por la plataforma podría darle la
impresión de que esta es una funcionalidad es complicada o que tiene algún
misterioso funcionamiento, pero nada es más lejano de la realidad, es
simplemente un XML enlazado desde el encabezado del archivo HTML principal
de su sitio Web, con esto las aplicaciones lectoras de RSS podrán
localizarlo con la URL principal de su sitio Web.
Así que veamos paso a paso como crear un feed RSS y agregarlo a nuestro
sitio Web.
Como se mencionó el RSS es solo un archivo xml con las etiquetas
correspondientes a ese tipo de archivo, por lo que aparte de seguir las
reglas usuales de un archivo XML también necesitamos familiarizarnos con
las etiquetas correspondientes a RSS , los cuales veremos a
continuación.
Las etiquetas básicas que conforman un RSS son las siguientes:
Notara que en la lista anterior cosas como imágenes no parecen
mencionarse, sin embargo si ha usado un lector de RSS antes seguro habrá
visto imágenes ahí mismo por lo que si se puede hacer, pero ¿Como?..
Es de hecho bastante sencillo, basta con usar una sección CDATA
para poder incluir código HTML dentro de la descripción de elemento RSS ,
los lectores RSS leen las secciones CDATA como código HTML directamente,
de modo que los enlaces, imágenes y demás elementos HTML se desplegaran
como se espera.
Ahora todo esto suena bien, pero para que quede más claro veamos un ejemplo.
La forma más común para suscribirse a un feed RSS es poner la URL
principal del sitio en el lector de RSS y este localizara el feed , ¿Como
hacen esto?
Lo que hace el lector es revisar el elemento head del html de esa URL y
buscar un elemento link del tipo type="application/rss+xml", si lo
localiza el lector RSS sabrá que esa es la ruta al feed RSS del sitio y lo
desplegara.
Para que esto sea más claro veamos un ejemplo de como se enlaza el feed
RSS .
Notara que agregar el feed es literalmente una sola linea de código adicional, pudiendo poner el RSS donde necesite en su proyecto, eso si no olvide indicar el tipo con la propiedad con type="application/rss+xml" para que los lectores sepan que ese es el feed RSS.
Ahora que ya creamos el feed y lo enlazamos a nuestra página, ¿Funciona?,
¡veamos !
Vaya a su lector de RSS favorito, Feedly en este
caso, y agrege la URL
https://ejemplo-rss.glitch.me/
en feedly para ver el feed.
Hecho eso vera lo siguiente en feedly:
¿Los títulos le parecen familiares?, de click y vera que enlaza al
proyecto en feedly , ahora en este ejemplo todas las entradas apuntan a la
misma página, pero sin ningún problema puede hacer que apunten a la
sección que desea de su sitio web, y así como funciona en feedly
funcionara en cualquier otro lector de RSS sin problemas.
Espero que esta entrada les fuera de utilidad, nos vemos en la próxima y si desea cooperar con la causa: