Agregá un logo a tu feed RSS

Este sitio está pasando por varios cambios. Dentro de poco se vendrá un gran rediseño y una conceptualización nueva del sitio. Una de las cosas que quería hacer es agregar un poco de imagen y de esta forma fortalecer el branding. Entonces, me topé con un problema: ¡cómo mantener esta imagen en los feed RSS?

Muchos se quejaron que el RSS quita un poco de promoción de marca. Es todo igual, nadie sabe qué cosa escribe cada uno ya. Algunos lectores de RSS usan tu favicon si tenés suerte. Pero lo que muchos no saben es que el estándar RSS te permite agregar una imagen que podés usar como el logo de tu feed.

Sí, así es. Podés especificar una

Agregar el código al generador de RSS de tu sitio es realmente fácil, pero si usás algún gestor de contenido quizás tengas que ensuciarte un poco las manos tocando archivos aquí y allá. En su blog, Tordek explica qué archivos modificar para que funcione en Wordpress.

La especificación RSS

La especificación del formato RSS solo permite agregar una imagen y no un ícono a tu feed. Sin embargo, hay mucha metada que se considera válida si lo comparamos con otros formatos como Atom, por ejemplo. El elemento imagen debe estar posicionado dentro del elemento channel y tiene otros tres elementos obligatorios que debe contener: url, title, y link. Como es de suponer, url es la ruta hacia la imagen. El elemento title es usado como el atributo alt de la imagen si el lector sirve el RSS en formato HTML. Por último, link debe ser la URL del sitio en cuestión. Generalmente el title y el link de la imagen a usar como logo se corresponde con aquellos del canal.

Hay otros tres elementos adicionales que pueden usarse: width, height y description. El ancho y el alto se usan para especificar las dimensiones de la imagen. Lo que contenga el elemento description es lo que se usará en el atributo title de la imagen si es que el feed se sirve en formato HTML.

La especificación RSS es bastante restrictiva en lo que concierne al tamaño de la imagen. Dice así:

El máximo valor para el ancho es 144, y el valor por defecto es 88.
El máximo valor para la altura es 400, y el valor por defecto es 31.

Así que hay que tener en cuenta estos valores para que la imagen no se deforme hasta la ilegibilidad.

Ejemplo de código

Este es un ejemplo de cómo podría quedar el código de la imagen en el RSS:

<channel>

   <image>
    <url>http://brunovilches.com.ar/images/rss_logo.png</url>
    <title>BrunoVilches.com.ar</title>
    <link>http://brunovilches.com.ar/</link>

    <width>111</width>
    <height>32</height>
    <description>Este es mi sitio personal donde escribo sobre desarrollo web</description>
  </image>

  ...
</channel>

Mejor que nada

Es una lástima que la mayoría de los lectores de RSS le den tan poco soporte a este elemento de imagen. Aún así creo que es una buena idea. Algunos sí lo verán y quién dice, quizás haya un cambio de planes en Google Reader próximamente y también lo empiecen a mostrar.