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 do mesmo, 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á sites que o auxiliam nesta tarefa, como o Faviconsfor.us . Possuem uma ferramenta on-line, para gerar favIcons, basta fazer upload da figura desejada, que será transformada em um favicon pronto a ser utilizado.


Artigos Relacionados aos Temas: Favicon e SEO

O que é SEO ?

Search Engine Optimization pode ser descrito como uma técnica para otimização de sites, para que sejam estruturados sendo melhor entendidos pelas ferramenta...

Ferramentas Grátis para Medir a Popularidade do Seu Site

Assim como o Google Analytics pode ser usado para acompanhar o desempenho interno do seu site, existem também boas ferramentas grátis que permitem comparar o ...

Plugin desenvolvido pela Equipe MundoSEO.

E Você ? Quer Mais Resultados para o seu Site ou Blog ? Conheça os Nossos Serviços de SEO:

Comentários:

1 Fernandinha no dia 18/07/08 às 10:35 disse:

Boa dica!
Simples, mas um diferencial que vale a pena.

2 ana no dia 18/07/08 às 22:09 disse:

Realmente fernanda, um diferencial q vale a pena!!
Muito bom o post!

3 camila no dia 20/07/08 às 23:49 disse:

É realmente, muito bom mesmo!

4 Walmar Andrade no dia 21/07/08 às 8:34 disse:

Eu uso uma extensão do Firefox chamada Faviconize, que permite deixar a aba apenas com a largura do favicon. Ou seja, se o site não tem favicon, eu não consigo saber o que está aberto naquela aba.

5 Valden Flavio no dia 21/07/08 às 13:35 disse:

Fala Walmar! Pretendo fazer em um próximo post, algumas extensões úteis para o firefox, tanto para o desenvolvimento web, quanto para aspectos gerais! Estou testando o faviconize no momento! abraços!

Deixe um comentário