Como colocar um FavIcon no teu site

De certeza que já viu certos sites terem um icon na barra de endereço, antes do endereço do site. Saiba que é simples colocar um para o seu site. Existem vários sites que convertem uma imagem para icons, que podem ser usados como favicons.

Escolha uma imagem para usar, tenha em atenção que esta será drasticamente reduzida, por isso escolha uma que mostre só o essencial, e que identifique o seu site.

Vá a este site e siga as instruções. É muito simples,

Clique no botão procurar e escolha a imagem

Clique no botão “Generate” e aparecerá o resultado logo de seguida

Se ficar satisfeito com o resultado pode fazer download atraves do link “Download FavIcon Package”

Fará download de um ficheiro “zip” que terá os dois icons, um animado e outro estatico.

Faça upload destes dois ficheiros para a raiz do seu site, e no cabeçalho das páginas do seu site acrescente as linhas dentro das tags <head>  …   </head>

  1.  
  2. <link rel="shortcut icon" href="favicon.ico">
  3. <link rel="icon" type="image/gif" href="animated_favicon1.gif">
  4.  

Se estiver a usar o WordPress vá a Apresentação (Appearance), Editor, altere a página “Header”


Depois de feitas as alterações deve ver o seu favicon na barra de endereço.

Gostou? Partilhe, não custa nada 🙂Share on FacebookShare on Google+Tweet about this on TwitterShare on TumblrShare on LinkedInEmail this to someone

Uma ideia sobre "Como colocar um FavIcon no teu site"

Deixe uma resposta