¿Forma preferida de utilizar favicons?

Question

Estaba intentando agregar un favicon a un sitio web anteriormente y busqué una mejor manera de implementarlo que volcar un favicon.ico archivo en la raíz del sitio web.

Encontré esta pequeña y agradable guía: Cómo agregar un favicon.Sin embargo, el método preferido no funcionó en IE (7) y el segundo método es el antiguo (al que me resigné a usar).

¿Existe un tercer método que funcione en todos los navegadores más populares?

Answer 1

Esto es lo que uso siempre:

<link rel="icon" href="favicon.ico" type="image/x-icon" />  
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> 

El segundo es para IE.El primero es para otros navegadores.

Answer 2

Puede usar HTML para especificar el favicon, pero eso solo funcionará en páginas que tengan este HTML.Una mejor manera de hacerlo es agregando lo siguiente a su httpd.conf (Apache):

AddType image/x-icon .ico

Answer 3

Creo que el método más confiable es simplemente agregar el favicon.ico archivo a la raíz de su sitio web.

No creo que sea necesaria una metaetiqueta a menos que desee anular manualmente el favicon predeterminado, pero no pude encontrar ninguna investigación que respalde mi argumento.

Answer 4

Así es como lo hacen aquí en Stack Overflow:

<link rel="shortcut icon" href="/favicon.ico" />

Answer 5

Bueno, el archivo está en la raíz, por lo que no muestra si la etiqueta funciona o si el navegador acaba de obtener el icono de la ubicación habitual (la raíz).

Editar: Lo probaré y veré si funciona.

Edición 2: El uso de ambas etiquetas hace que funcione incluso para cualquier nombre de archivo, siempre que el archivo sea un icono para IE7:Intenté usar .png archivos y sólo funcionó con Firefox.