Cómo agregar íconos Favicon personalizados a su sitio web para Internet Explorer

7

# Cómo agregar íconos Favicon personalizados a su sitio web para Internet ExplorerInternet Explorer 5.0 y versiones posteriores admiten iconos de marcadores personalizados. Es una característica sutil que la mayoría de los usuarios ignoran, pero ofrece una clara ventaja visual. El problema es simple: la mayoría de los webmasters no saben cómo implementarlo. Abandonan sus sitios con el icono del navegador predeterminado. Esto hace que sus marcadores se mezclen en un mar de cuadrados grises idénticos. Sólo unos pocos sitios utilizan esta función.Incluso el sitio de Microsoft para Internet Explorer carece de un icono personalizado. Esa es una oportunidad perdida.## Por qué son importantes los iconos pequeñosLos íconos personalizados aumentan el tráfico al mejorar el reconocimiento. Los usuarios marcan muchos sitios como favoritos. Rara vez regresan a la mayoría de ellos. Los sitios se pierden entre la multitud. Un ícono único rompe ese patrón. Salta cuando el usuario abre su barra de marcadores. Sirve como señal visual. El usuario recuerda mejor el sitio.Esto le da a su sitio una ventaja. No cuesta nada configurarlo. Sólo se necesitan unos pocos pasos técnicos.## Creando el archivo ICOPrimero necesitas una imagen adecuada. Los iconos son simples. Son mapas de bits de 16 por 16 píxeles. Internet Explorer no utilizará archivos GIF o JPEG estándar. Debes guardar la imagen como un archivo ICO.El formato es especial. Almacena varios tamaños y combinaciones de colores en un solo archivo. Windows muestra los íconos del escritorio de manera diferente según la configuración del monitor. Un archivo de imagen estándar no puede manejar esta variabilidad.Crear el archivo no es difícil. Varios programas en línea convierten mapas de bits al formato ICO. Algunos te permiten generar la imagen directamente. También puede descargar un software convertidor de prueba. Las instrucciones suelen ser claras.Si estás diseñando el gráfico tú mismo, mantenlo ajustado. Utilice 16 por 16 píxeles. Cíñete a 16 colores. Esto garantiza la compatibilidad con pantallas más antiguas y reduce el tamaño del archivo.## Implementación del ícono en su sitioUna vez que tenga el archivo ICO, puede colocarlo en su servidor. Hay dos métodos principales.### El método del directorio raízEl método más sencillo es nombrar el archivo “favicon.ico”. Colóquelo en su **directorio raíz**.Por ejemplo, si su sitio es “www.howstuffworks.com”, el ícono se encuentra en “www.howstuffworks.com/favicon.ico”. Cuando un usuario marca cualquier página de su dominio, Internet Explorer comprueba el directorio raíz. Encuentra el archivo. Asigna el icono al marcador.Este método funciona para todo el dominio. No es necesario tocar páginas individuales.### El método del directorioEs posible que no tengas acceso de root. El alojamiento web gratuito de un proveedor de servicios de Internet a menudo restringe esto. No puede cargar archivos a la raíz.Aún puedes agregar íconos personalizados. Sube `favicon.ico` a cada directorio que contenga páginas web. Los usuarios pueden marcar páginas de cualquiera de estas carpetas. El navegador busca primero en el directorio actual. Si encuentra el archivo, lo utiliza.Este método también permite variedad. Puede diseñar diferentes íconos para diferentes secciones de su sitio. Mantiene la marca coherente en todos los subdirectorios.### El método del código HTMLPuede asignar iconos individuales a páginas específicas. Esto requiere editar el código HTML.1. Nombra tu archivo de ícono con un nombre que no sea `favicon.ico`.
2. Cárguelo en cualquier ubicación de su sitio web.
3. Agregue una línea de código específica a la sección `