Favicon ausente ou desatualizado

Escrito por

Quando falta um favicon, nem sempre o ficheiro é a causa. O navegador, uma CDN, um service worker e um motor de pesquisa podem guardar versões diferentes. Um diagnóstico ordenado evita alterar vários elementos ao mesmo tempo.

Lupa a examinar as várias camadas de carregamento de um favicon
URL, HTML, caches e rastreio são verificados separadamente.

Começar pelo pedido do ficheiro

Abra o URL exato indicado na etiqueta link. Deve responder sem autenticação, com o conteúdo correto e sem cadeias de redirecionamento desnecessárias. Uma página de erro HTML com o nome favicon.ico não pode ser descodificada como um ícone.

No separador Rede, filtre por icon ou favicon. Registe o URL final, o estado, o tipo de conteúdo e uma eventual resposta proveniente da cache.

Ordem de diagnóstico de um favicon
VerificaçãoResultado esperadoCorreção
URL diretoResposta de imagem 200Corrigir o caminho ou a publicação
Etiqueta linkPresente no headCorrigir o HTML apresentado
CacheNova resposta recebidaLimpar e voltar a testar
RastreioFicheiro acessívelRemover o bloqueio

Verificar o HTML realmente apresentado

Inspecione o documento produzido, não apenas o modelo de origem. Uma extensão, um tema ou um componente pode inserir uma segunda etiqueta icon depois da sua e levar o navegador a escolher outro ficheiro.

Verifique os caminhos a partir de uma página num nível inferior e as maiúsculas e minúsculas exatas do nome do ficheiro. Num servidor que as distingue, Favicon.svg e favicon.svg são dois recursos diferentes.

Isolar cada camada de cache

Teste primeiro num novo perfil ou com a cache de rede desativada. Se a nova imagem chegar ao servidor de origem, mas não através do domínio público, limpe a CDN. Se houver uma PWA instalada, verifique também o service worker e o manifesto.

Para uma alteração futura, um nome de ficheiro com versão pode tornar a mudança explícita. Mantenha, ainda assim, /favicon.ico disponível para os clientes que o pedem por convenção.

Fontes primárias

Perguntas frequentes

Porque volta a aparecer o favicon antigo?

Uma camada de cache, um service worker ou uma segunda etiqueta icon pode ainda servir o ficheiro antigo. Identifique o URL realmente carregado antes de limpar a cache.

Basta um parâmetro de versão?

Pode contornar algumas caches, mas um novo nome de ficheiro é muitas vezes mais explícito. A alternativa /favicon.ico deve continuar disponível.

O favicon no Google muda imediatamente?

Não. O Google tem de voltar a rastrear e processar a página e o ícone. Não existe um prazo exato garantido.

Passe à prática

O gerador produz o conjunto completo em segundos, gratuitamente e sem enviar as suas imagens.

Diagnosticar o meu favicon público

Para ler e experimentar a seguir

As outras ferramentas LFFavicon e os guias que respondem às perguntas mais frequentes.

Ferramentas

Guias