¿Por qué se han perdido algunos favicons?

Leyendo una de las últimas entradas de El escaparate de Rosa veo que el problema de los favicons es más o menos generalizado ya que, al igual que ella, son muchos los que han consultado porque de un dia para el otro dejaron de funcionar.

En su entrada dice que Blogger ha añadido una línea de código en la cabecera de las plantillas que anula el nuestro:

<link href='http://www.blogger.com/favicon.ico' rel='icon' type='image/vnd.microsoft.icon'/>

Ahora bien, yo no he visto ese código agregado a una plantilla pero, si lo he visto en el código fuente de muchos blogs lo que me llevó a pensar que tal vez, o no se agrega como LINK o sólo lo hace a veces y que en realidad, forma parte de una serie de códigos que incluye Blogger por defecto y que se cargan mediante esta instrucción:

<b:include data='blog' name='all-head-content'/>

Como una página web es secuencial, es decir, se va creando en orden, tal como vemos la plantilla y, como el favicon personal suele estar debajo de la etiqueta TITLE y ese INCLUDE de Blogger se escribe después (o Blogger mismo los pone en ese orden cuando genera las páginas), nuestro favicon desaparece porque se sobrescribe.

La solución más simple, como dice Rosa, si está el código es eliminarlo pero, si no está (y creo que eso es lo más probable), tenemos dos alternativas. La primera es cambiar de lugar nuestro favicon y ponerlo al final del encabezado, es decir, después de </skin> o antes de </head> para estar seguros que se cargará al final (esta es la solución que una vez propuso Pizcos y que funciona perfectamente).

La otra posibilidad, la menos sencilla pero la que nos da un control sobre este y sobre cualquier otro cambio futuro, es eliminar directamente el INCLUDE y escribir los códigos de manera manual, para lo cual, debemos entender que es lo que genera Blogger con esa instrucción y eso, podemos verlo fácilmente si miramos el ódigo fuente de nuestro sitio.

Lo primero que se agrega son una serie de etiquetas META:

<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
especifica la codificación de caracteres y el tipo de contenido

<meta content='true' name='MSSmartTagsPreventParsing'/>
es un atributo introducido por Microsoft para evitar que una página mostrase las SmartTags,
algo que nunca llegó a implementarse en los navegadores así que no tiene uso práctico

<meta content='blogger' name='generator'/>
indica quién es el creador de la página web

Luego, sigue el famoso y controversial ícono por defecto. Mientras nadie me explique el motivo de su inclusión, me parece un agregado absurdo:

<link href='http://www.blogger.com/favicon.ico' rel='icon' type='image/vnd.microsoft.icon'/>

Continúa la sindicación de feeds:

<link rel='alternate' type='application/atom+xml' title='Nombre del blog - Atom' href='http://Nombre del blog/feeds/posts/default' />
<link rel='alternate' type='application/rss+xml' title='Nombre del blog - RSS' href='http://Nombre del blog/feeds/posts/default?alt=rss' />
<link rel='service.post" type="application/atom+xml' title="Nombre del blog - Atom' href='http://www.blogger.com/feeds/IDdelBlog/posts/default' />
<link rel='EditURI' type='application/rsd+xml' title='RSD' href="http://www.blogger.com/rsd.g?blogID=IDdelBlog' />

Donde sólo varían el Nombre del blog y el IDdelBlog que es un número único que nos identifica.

Por último, dos códigos más:

<link rel='me' href='http://www.blogger.com/profile/XXXXXXXXXX' />
no sé de donde sale el número ese pero, es probable que tenga que ver con Google Profile

<link rel='openid.server' href='http://www.blogger.com/openid-server.g' />
es la manera de integrar OpenID directamente con nuestra cuenta de Blogger

¿Y por qué Blogger no avisa de estos cambios para que podamos estar atentos y solucionar los detalles? Debe ser porque le gusta que juguemos a los detectives.