Ter um ícone personalizado no navegador ao abrir o seu site é uma parte importante da estratégia de branding nos meios digitais. Por isso, se você não sabe como configurar favicon, é preciso entender como adicioná-lo às suas páginas on-line.
Veja só este artigo que a GoDaddy produziu e aprenda o que é e como gerar esta configuração dentro do site!
O que é um favicon?
Quando você abre algum site na internet, a aba superior mostra o título daquela página e, do lado esquerdo, é possível visualizar um ícone que pode variar de acordo com o que está aberto. Esse é o favicon!
O termo utilizado é derivado da abreviação em inglês das palavras “favorite” e “icon”, ou seja, ícone favorito.
Ele também é mostrado quando a página é marcada como favorita e ao abrir o histórico de navegação. Caso a pessoa esteja buscando entre os sites visitados, ela consegue filtrar visualmente até encontrar a imagem procurada.
Outra forma de visualizar o favicon é quando você está digitando o endereço na barra do navegador, desde que você já tenha acessado alguma vez essa página. Tanto ao completar a URL como ao sugerir diversas páginas, na aba que se abre para abaixo é possível ver o favicon.
Em geral, o ícone é o logo da empresa dona do site, as cores ou alguma imagem que represente bem a marca. Trata-se de um arquivo de imagem pequeno, com uma dimensão de 16x16 pixels, mas também podem ser requeridos tamanhos como 32x32, 48x48, 64x64 ou 128x128, todos em formatos .ico ou .png.
Qual a importância de possuir um ícone?
Configurar favicon é imprescindível para auxiliar no estabelecimento de sua presença digital. Afinal, este pequeno arquivo de imagem com o seu logo fará parte do campo visual dos usuários enquanto eles estiverem com alguma página de seu site aberta.
Ele ainda facilita a identificação dos sites, já que, mesmo se você estiver em outra aba — ou, principalmente, com várias delas abertas —, não precisa reabri-la para saber qual é.
Dessa forma, o visitante, depois de ver tantas vezes essa imagem associada a sua marca, entenderá que, todas as vezes que esse ícone aparecer, se tratará do seu site.
Como configurar favicon no site?
Agora que já sabe o que é e sua importância, chegou o momento de aprender a configurar favicon em seu site. O processo é bastante simples e é preciso seguir apenas alguns passos. Confira as nossas dicas!
Produza a imagem
Em uma ferramenta de edição de imagens, como o Photoshop, comece a editar o seu ícone. Utilize seu logo ou alguma imagem que sirva como identificação da sua marca e faça uma imagem em formato quadrado.
Apesar das dimensões padrões serem 16x16, você pode criando em um tamanho maior e, depois, reduzi-la quanto for necessário. Assim, caso necessite do logo para outra finalidade, já terá a imagem pronta em dimensões maiores.
Lembre-se de aplicar o fundo transparente para que o logo apareça sozinho. Ao salvar o arquivo, exporte em .png para que a leitura da transparência seja possível. Entretanto, caso a sua imagem, propositalmente, tenha o fundo preenchido, os formatos .jpg, .jpeg e .gif também são válidos.
Gerar o seu favicon
Entre em um gerador de favicons e faça o upload da imagem produzida para gerar um arquivo em .ico, que será adicionado no site.
Você pode selecionar opções de apenas a opção de criar um ícone em 16x16, ou também obter a imagem para Web e aplicativos de celulares Android, iOS e Microsoft.
Baixe o arquivo em .zip e, então, descompacte a pasta.
Adicionar a imagem ao site
Para configurar favicon dentro do seu site é preciso abrir o painel de controle e buscar a pasta do tema para adicionar o arquivo. Depois, vá ao HTML e adicione o código correspondente ao favicon dentro da tag de head. Por exemplo:
<link rel="shortcut icon" href="http://www.nomedosite.com/imagens/favicon.ico" type="image/x-icon">
Caso tenha optado por fazer o pacote de favicons para diferentes plataformas, é válido relembrar que você deve adicionar os códigos de cada um deles para que o site consiga validar esta informação ao ser aberto nesses dispositivos.
Se o seu site estiver hospedado no WordPress, é possível baixar um plug-in que permite a configuração do favicon diretamente pelo painel. A maioria deles são gratuitos e adicionam a ferramenta de edição do ícone dentro da opção de identidade do site.
Gostou de saber o que é e como configurar favicon dentro do site? Então continue navegando pelo blog da GoDaddy Brasil para conhecer mais sobre tecnologia e marketing digital!
