Tutorial FavIcon

O que é um FavIcon?

FavIcons ou “favorite icons” são pequenas figuras utilizados pelos sites para definirem um logo a ser apresentado ao lado de seu link no navegador. A implantação do mesmo surgiu após o internet explorer 6, pois antes era utilizado apenas para gerar figura quando adicionado aos favoritos do navegador.

favicon - favorite icon

Temos exemplo na figura acima, do favicon do google, e do seomoz.

Para que Serve o FavIcon?

Nos novos browsers que geram abas internas para melhor orgaizar as páginas visualizadas, é fundamental a utilização dos favicons, pois aumentam a usabilidade do usuário ao interagir com o navegador. Sendo assim, qualquer melhoria no site é totalmente relevante na otimização de sites, então é com certeza uma boa prática de SEO. Na ausência do mesmo no site, é utilizado um ícone padrão do navegador.

Como inserir um favicon em seu site?

É necessário inserir o código dentro das tags <head> … </head>, para que o navegador identifique o favicon de seu site. É indispensável que seu ícone tenha o nome de “favicon.ico”, e que tenha dimensões 16 x 16 pixels.
Exemplo do código a ser inserido:

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

Caso tenha problemas em gerar seus favicons, há diversas ferramentas online que auxiliam nesta tarefa.