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.
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.