Vamos colocar um ícone na barra de endereços do site, geralmente vemos este ícone em sites como UOL, Globo.com, Google, entre outros.

Este ícone tem o nome de “Favicon”.

Primeiro você deve ter o ícone no formato .ico, eu utilizo o IcoFX (http://icofx.ro/) para tratar dos ícones, sua utilização é bem fácil como um editor de imagens, caso já tenha uma idéia para seu ícone você pode apenas copiar e colar para que o programa possa converter o tamanho.

Com o arquivo .ico, você já pode adicionar o código nas páginas do seu site, segue:

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

Efetue a correção do endereço do seu ícone caso necessário, e acrescente em todas as páginas.

É importante salvar o arquivo como “favicon.ico”, é provavel o mesmo seja reconhecido pela maioria dos navegadores para todas as pastas do site (inclusive as que não apresentarem o código acima).