Olá, leitor do NuvemSEO,  é muito bacana aqueles ícones (favicon) que aparecem dentro do campo de endereço dos navegadores de internet, não é mesmo?

Bom, o mais legal é que eles, além de bonitinhos, ajudam a identificar seu site ou blog pelos internautas, e fixam a marca (Branding) na cabeça (memória) das pessoas.

Aqui no NuvemSEO, eu utilizo a imagem do logotipo do blog, você pode criar o seu ícone facilmente com algum site especial, ou fazê-lo em seu PC mesmo, com qualquer programa de edição gráfica como, Fireworks, Paint, Photoshop, Corel Draw, etc.

Vamos ver como criar e inserir um favicon (ícone em favoritos),  no seu site ou blog, como aquele que aparece no campo de endereço do browser!

Você pode notar o favicon no canto esquerdo do campo de pesquisa do seu navegador. Já  no Google Chrome ele não aparece na barra de URL, mas aparece nas abas (guias) de navegação.

O favicon serve para uma identificação rápida do seu site ou blog e ajuda no”branding” ( o que é isso? ).

Quando a página for adicionada em favoritos, o favicon aparecerá lá também e personalizará o atalho web, aparecendo também nas abas de navegação, como no Google Chrome.

Favicon do NuvemSEO:

Favicon no seu próprio site

A sintáxe abaixo pode ser usada caso você já não tenha isso no seu código HTML.

<link href=’http://www.seusite.com/favicon.ico’ rel=’icon’ type=’image/x-icon’/>

Comentando…

href:  está o url do ícone, o caminho do site e da pasta

rel: se refere ao objeto, no caso deste é o ícone

type: Aqui tipo de objeto é imagem, o “x”- icon ainda não sei o que significa, caso alguém aí saiba pode nos revelar nos comentários, ficaria grato.

Obs: Se você for usar o nome que vem no WordPress “favicon.ico” o seu sua imagem deve ser salva com esse nome e formato e enviá-la para a pasta correta. Lembre-se, a localização (pasta) e nome do arquivo sempre tem que ser os mesmos citados na sintaxe HTML.

Veja:

Tente criar um favicon online se não quer ou não saiba criar no PC, o tamanho da imagem é de 16×16!

Entre no site deste serviço:  http://antifavicon.com/

Neste endereço acima você cria as letras iniciais, por exemplo, altera as cores e pode salvar seu recém Favicon no seu computador, para depois subí-lo (up load) para o diretório web.

Favicon no Worpress

O WordPress já traz a sintaxe para o Favicon no arquivo “header.php”, bastando apenas que você crie seu favicon e faça upload do arquivo para o diretório especificado na chamada do código, que no meu caso fica no arquivo “header.php” do tema usado.

Obs: leva algum tempo para atualização, não se desespere se não aparecer de imediato, ok? Fiquei sem entender por qual motivo não aparecia logo o ícone, mas ao googlar descobri que levaria um tempo, fui dormir pelas 4 da manhã, no dia seguinte o Favicon tava lá… bacaninha!

Obrigado pela visita!

Alvimar Olímpio – atualizado: 18/03/10

Este artigo foi postado quarta-feira, dezembro 24th, 2008 em 11:01 am e foi arquivado em SEM (Marketing de busca). Voce pode seguir as respostas para esta postagem atraves do RSS 2.0 feed. Voce pode deixar uma resposta, ou trackback do seu proprio site.