Como corrigir o favicon que não atualiza no WordPress
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
- 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.
- 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.
- 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.
- 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.
- 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.
<!-- 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">














