Como alterar o favicon do site

Identidade Visual Leitura de 4 min

O favicon é aquele iconezinho da sua marca que aparece na aba do navegador e nos resultados de busca. Ele é pequeno, mas faz o site parecer mais profissional e ajuda a pessoa a reconhecer a sua empresa no meio de várias abas abertas. Neste tutorial, você vai aprender a atualizar o favicon do seu site.

O que é o favicon

Favicon é a junção de duas palavras em inglês que significam algo como ícone de favorito. Na prática, é a imagem pequenininha que representa o seu site em dois lugares principais. O primeiro é a aba do navegador, ao lado do título da página. O segundo é o resultado da busca do Google, ao lado do link do seu site. Ter um favicon com a cara da sua marca deixa tudo mais profissional e reconhecível.

Onde fica o favicon

A opção fica no grupo Criador de Site, no menu à esquerda, logo abaixo do Logotipo. Ao clicar em Favicon, você vê os ícones que estão configurados hoje.

Tela do favicon no Criador de Sites Malvis, mostrando os dois ícones, o do título da página e o da busca do Google, cada um com seu botão editar
A tela do favicon, com os dois ícones lado a lado, cada um com o seu botão Editar.

São dois favicons, não um só

Aqui vem o ponto mais importante deste tutorial. O sistema separa o favicon em dois, e cada um é atualizado de forma independente:

  1. Título Página. É o ícone que aparece na aba do navegador, ao lado do nome da página, quando alguém está com o seu site aberto.
  2. Busca Google. É o ícone que aparece nos resultados de busca do Google, ao lado do link do seu site.

Por serem separados, cada um tem o seu próprio botão Editar. Na maioria dos casos, você vai querer usar a mesma imagem nos dois, pra manter a identidade igual em todo lugar. Mas o sistema te dá a liberdade de configurar um de cada vez.

Passo a passo pra atualizar o favicon

1

Abra a opção Favicon

No menu à esquerda, abra o grupo Criador de Site e clique em Favicon.

2

Escolha qual ícone vai editar

Decida se você vai atualizar o ícone do Título Página, o da Busca Google, ou os dois. Clique no botão Editar que fica abaixo do ícone que você quer trocar. Lembre que, se quiser atualizar os dois, você faz um de cada vez.

Tela de atualização do favicon, com a medida recomendada e a área para enviar a imagem
A tela de atualização, com a medida recomendada e a área de envio da imagem.
3

Envie a imagem

Clique na área escrita Clique aqui para Enviar a Imagem e escolha o arquivo no seu computador. O favicon é quadrado, então use uma imagem quadradinha com fundo transparente. Confira a medida recomendada:

150pxLargura
150pxAltura
PNG ou WEBPFormato, fundo transparente

Como o favicon aparece bem pequeno, o ideal é usar uma versão simplificada da sua marca, como só o símbolo, sem o texto. Assim ele continua nítido mesmo miudinho.

4

Salve

Clique em Salvar. Se você quiser deixar o mesmo ícone nos dois lugares, é só repetir o processo no outro botão Editar, usando a mesma imagem.

Dica: o Google não troca o ícone da busca na hora. Depois de atualizar, pode levar alguns dias até o novo favicon aparecer nos resultados de busca, porque o Google precisa visitar o seu site de novo. Já na aba do navegador a troca costuma ser bem mais rápida.

Perguntas frequentes

Qual a diferença entre o favicon do título e o da busca do Google?
O do título aparece na aba do navegador quando alguém está com o seu site aberto. O da busca aparece ao lado do link do seu site nos resultados do Google. São dois lugares diferentes, e por isso o sistema deixa você configurar cada um separadamente.
Preciso usar a mesma imagem nos dois?
Não é obrigatório, mas na maioria dos casos é o recomendado. Usar o mesmo ícone nos dois lugares mantém a identidade da sua marca igual em todo canto. O sistema permite usar imagens diferentes se você tiver algum motivo específico pra isso.
Qual a medida e o formato ideais pro favicon?
A medida recomendada é 150 por 150 pixels, ou seja, quadrado. O formato ideal é PNG ou WEBP com fundo transparente. Como ele aparece pequeno, use uma versão simples da marca, de preferência só o símbolo.
Atualizei o favicon e ele não mudou na busca do Google. É normal?
Sim, é normal. O Google leva alguns dias pra atualizar o ícone nos resultados de busca, porque ele precisa visitar o seu site novamente. Na aba do navegador, a troca costuma acontecer bem mais rápido.

Ficou com alguma dúvida?

Se você travou em algum ponto ou precisa de uma mãozinha, o nosso suporte está pronto pra te ajudar no WhatsApp.

Falar com o Suporte