🎉 USE O CUPOM DESCONTO.FULL | 20% OFF acima de R$ 50,00

Como corrigir o favicon que não atualiza no WordPress

Time Full Services Time Full Services
Tipo Outros erros
Nome do erro Favicon que não atualiza EN: Favicon not updating
Severidade Informativo
Descrição O favicon que não atualiza no WordPress quase sempre é cache: o navegador, o plugin de cache ou o CDN ainda servem o ícone antigo. A correção é trocar o ícone do site pelo Personalizar, limpar todas as camadas de cache e forçar o navegador a baixar o arquivo novo.

O que é o favicon que não atualiza?

Favicon que não atualiza é a situação em que você troca o ícone do site no WordPress, mas a aba do navegador, os favoritos e os resultados de busca continuam mostrando o ícone antigo. O favicon é um dos arquivos mais agressivamente armazenados em cache pelos navegadores: eles guardam o ícone por muito tempo e raramente checam se mudou. Some-se a isso o cache do plugin, o do CDN e o caso de um tema antigo que define o favicon por código, e o ícone novo demora ou nunca aparece.

Como identificar

  • A aba do navegador continua mostrando o favicon antigo mesmo depois de você salvar o novo no Personalizar.
  • O ícone novo aparece numa janela anônima, mas não na janela normal, sinal claro de cache do navegador.
  • Em uns dispositivos o favicon já mudou e em outros não, porque cada navegador tem seu próprio cache.
  • Ao abrir seudominio.com/favicon.ico direto, ainda baixa o arquivo antigo, indicando cache de servidor ou CDN.

Como prevenir

  • Defina o favicon sempre pelo Personalizar, em Identidade do site, e não por código no tema
  • Após trocar o ícone, purgue o cache do plugin e do CDN para a nova versão chegar a todos os visitantes
  • Mantenha um único favicon no site, sem arquivo favicon.ico solto na raiz, para evitar conflito de prioridade

Causa

  • O navegador guardou o favicon antigo em cache de longa duração e não rechecou o arquivo, mostrando o ícone anterior por dias.
  • O plugin de cache de página serve uma versão do HTML que ainda aponta para o ícone antigo, sem atualizar a referência.
  • O CDN (como Cloudflare) tem o arquivo do favicon cacheado na borda e continua entregando a versão antiga até ser purgado.
  • O tema antigo define o favicon por código no header.php ou em functions.php, sobrescrevendo o ícone do Personalizar.
  • Um arquivo favicon.ico físico na raiz do site tem prioridade e nunca foi substituído, então o navegador o usa direto.

Como resolver

  1. Defina o ícone pelo Personalizar: vá em Aparência, Personalizar, Identidade do site e envie o novo ícone em Ícone do site, com pelo menos 512 por 512 pixels. Salve e publique. Esse é o caminho oficial e tem prioridade sobre métodos antigos.
  2. Limpe o cache do navegador: abra o site em uma janela anônima para confirmar que o ícone novo já está no servidor. Se aparecer ali, é cache local: limpe o cache do navegador ou force o recarregamento com Ctrl+F5.
  3. Limpe o cache do plugin e do CDN: purgue o cache do plugin de cache (WP Rocket, W3 Total Cache, LiteSpeed) e, se usar Cloudflare ou outro CDN, faça o purge do arquivo favicon ou de todo o cache da borda.
  4. Procure favicon antigo no tema: via FTP, abra header.php e functions.php do tema e procure por uma linha com link rel icon ou shortcut icon apontando para um arquivo fixo. Remova-a para o ícone do Personalizar passar a valer.
  5. Remova o favicon.ico físico da raiz: verifique se há um arquivo favicon.ico na raiz do site por FTP. Se houver e for o antigo, substitua-o pelo novo ou remova-o, já que o navegador tende a buscar esse caminho direto.
HTML
<!-- Forca o navegador a baixar o favicon novo trocando o nome do arquivo (cache-busting) -->
<!-- Adicione via gancho wp_head no tema filho, nao editando o header diretamente -->
<link rel="icon" href="/wp-content/uploads/favicon-v2.png?v=2" sizes="any">
<link rel="icon" href="/wp-content/uploads/favicon-v2.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/wp-content/uploads/apple-touch-icon-v2.png">

Perguntas frequentes

Por que o favicon não atualiza mesmo depois de eu trocar?
Quase sempre é cache. O navegador guarda o favicon de forma agressiva e não rechecca por dias. Some-se o cache do plugin e do CDN, e o ícone antigo continua aparecendo. Confirme abrindo em janela anônima: se o novo aparecer ali, o problema é cache local.
Onde defino o favicon corretamente no WordPress?
Em Aparência, Personalizar, Identidade do site, no campo Ícone do site. Envie uma imagem de pelo menos 512 por 512 pixels. Esse é o método oficial e tem prioridade sobre código antigo no tema. Depois, limpe os caches para o novo ícone se propagar.
Por que o ícone novo aparece em uma janela anônima, mas não na normal?
Porque a janela anônima não usa o cache da sua sessão normal. Isso prova que o ícone novo já está no servidor e que o problema é o cache do seu navegador. Limpe o cache ou recarregue com Ctrl+F5 para forçar o download do arquivo atualizado.
Limpei o cache e ainda aparece o favicon antigo. E agora?
Verifique duas fontes que escapam do cache comum: um link rel icon fixo no header.php ou functions.php do tema e um arquivo favicon.ico físico na raiz do site. Qualquer um dos dois sobrescreve o ícone do Personalizar. Remova-os para o novo ícone valer.
O Cloudflare pode estar segurando o favicon antigo?
Sim. CDNs como o Cloudflare cacheiam arquivos estáticos na borda, incluindo o favicon. Mesmo com o cache do site limpo, a borda continua servindo a versão antiga. Faça o purge do cache do CDN, do arquivo específico ou de tudo, para forçar a atualização.
Quanto tempo o favicon novo demora para aparecer para todos?
Para você, é imediato após limpar o cache. Para outros visitantes, depende do cache do navegador de cada um, que pode reter o ícone por dias. A técnica de cache-busting (trocar o nome do arquivo ou adicionar versão na URL) força todos a baixar o novo na hora.

Seja PRO.

Tenha acesso a snippets de código premium — PHP, JavaScript, CSS e HTML prontos para usar em seus projetos.

Conhecer o plano Pro →

Uma nova era para o WordPress.

A FULL Services redefine o CMS com uma arquitetura modular que transforma o WordPress em um motor de crescimento digital. 

Painéis personalizados

Um novo nível de controle para o WordPress. Acompanhe métricas, automações e evolução do seu site em um único painel visual.

A força por trás de grandes marcas

Para agências, estúdios e profissionais independentes que desejam oferecer soluções de alto nível com sua própria marca.

Componentes

Hero Sections

30 componentes

Seções de CTA

14 componentes

Login

14 componentes

Blog

14 componentes

Cabeçalhos

24 componentes

Seções de FAQ

53 componentes

Cadastro

53 componentes

Blog individual

53 componentes

Rodapés

28 componentes

Seções de contato

27 componentes

Seções de preços

27 componentes

Faixas

27 componentes

Portfólio

16 componentes

Seções de equipe

12 componentes

Números

12 componentes

Logotipos

12 componentes