Personalizar el Icono de Favoritos

Seguro que os habéis fijado en un efecto muy curioso. Cuando añadimos algunos sitios web a nuestra carpeta de favoritos, aparece en esta carpeta con un icono a su lado. Y si visitamos esa web, ese mismo icono aparece en la barra de direcciones de nuestro explorador.

¿Cómo colocar un icono personalizado en los favoritos?
Es muy sencillo y nos puede ayudar a destacar, de forma que el usuario nos recuerde y vuelva a visitar nuestra web.

En primer lugar, para añadir este efecto necesitamos crear nuestro icono. Esto podemos hacerlo con la herramienta on-line de www.favicon.com o con herramientas como Microangelo o similares. El icono debe tener una medida de 16x16 píxeles.

El siguiente paso es subir el icono al directorio raíz de nuestro servidor.

Y para finalizar debemos incluir este código en la cabecera de nuestra pagina (entre <head> y </head>) , indicando la dirección del icono.

Este es el aspecto que presentara nuestra web cuando sea añadida a favoritos:

Sin lugar a dudas es una forma de hacer más llamativa nuestra web para los usuarios y darle una apariencia profesional.

Autor: Steven De Winter
Artículo original de WebExperto

Usuarios que han visto este tema también han visto...

- Recargar o redirigir a otra pagina con HTML
- Uso de Listas en HTML
- Trabajar con mapas en HTML
- Creación de mapas en HTML
- Principales Etiquetas HTML

- Versión imprimible de este documento

- Enviar por e-mail este documento