varrida
Equipe Varrida
Resposta curta
O Google só troca o ícone do resultado (o favicon) depois de rastrear de novo a sua página inicial, o que leva de dias a semanas. Antes de esperar, confira três coisas: a home tem uma tag <link rel="icon"> apontando pro arquivo novo, o arquivo é quadrado e está num formato que o Google aceita (PNG ou ICO servem, SVG não está na lista), e nem o robots.txt nem o firewall bloqueiam o Googlebot-Image. Depois peça a indexação da home na Inspeção de URL. Se o ícone antigo aparece só na aba do seu navegador, é cache dele.
Onde o ícone antigo aparece?
| Onde você vê o ícone velho | O que é |
|---|---|
| Só na aba do seu navegador | Cache de favicon do navegador |
| No resultado do Google, pra todo mundo | O Google ainda não rastreou a home ou não aceitou o arquivo novo |
| No Google aparece um globo cinza | O Google não achou um ícone que possa usar |
| Aparece o ícone do Next.js, do Vite ou da ferramenta que gerou o site | Ícone padrão do modelo, que ninguém trocou |
Por que o Google ainda mostra o ícone antigo
O Google não lê o favicon a cada busca. Ele pega o ícone quando rastreia a página inicial do site e guarda. Segundo a documentação, esse rastreamento pode levar de alguns dias a algumas semanas, conforme a frequência com que os sistemas dele acham que o conteúdo precisa ser atualizado.
O ícone é um só por nome de host. loja.com.br e blog.loja.com.br podem ter ícones diferentes, mas loja.com.br/blog usa o ícone da home de loja.com.br. Como www.loja.com.br e loja.com.br também são hosts diferentes, troque o ícone na home que o Google mostra nos resultados.
O que fazer, em ordem:
- Confira a tag na home. O Google lê o ícone de uma tag
<link>no<head>da página inicial, comreligual aicon,shortcut icon,apple-touch-iconouapple-touch-icon-precomposed:<head> da página inicial <link rel="icon" href="/icone-48.png" sizes="48x48" type="image/png"> <link rel="apple-touch-icon" href="/apple-touch-icon.png"> - Confira se todas as tags apontam pro ícone novo. Muita gente troca o
rel="icon"e esquece oapple-touch-iconou umshortcut iconantigo mais abaixo. Com tags conflitantes, o Google pode escolher a errada. - Abra o arquivo do ícone direto no navegador e confira se ele carrega, se é quadrado e se é o desenho novo.
- Peça a indexação da home na Inspeção de URL do Search Console. Uma vez basta: pedir de novo não acelera.
Pra ver as tags e o arquivo sem depender do navegador, use o terminal:
curl -s https://seusite.com.br/ | grep -iE 'rel="(shortcut icon|icon|apple-touch-icon)'
curl -sI https://seusite.com.br/icone-48.png | grep -iE "^HTTP|content-type"A primeira linha mostra as tags que o servidor manda. A segunda deve responder 200 e um content-type de imagem, como image/png.
Quando o Google mostra um globo no lugar do ícone
O globo cinza aparece quando o Google não tem um ícone que possa usar. As causas mais comuns:
- Ícone só em SVG. Muitos sites modernos usam só um
favicon.svg. Os navegadores mostram, mas o Google lista como aceitos apenas BMP, GIF, ICO, PNG, JPEG, PPM e TIFF. Deixe o SVG pro navegador e acrescente um PNG ou ICO. - Ícone que não é quadrado ou menor que 8×8 pixels. O mínimo é esse, mas o Google recomenda mais de 48×48 pra ficar bom em qualquer tela. Um PNG de 48×48, 96×96 ou 192×192 resolve.
- Arquivo bloqueado. O Googlebot precisa conseguir rastrear a home, e o Googlebot-Image precisa conseguir baixar o ícone. Uma regra no
robots.txtque fecha a pasta das imagens, ou um firewall que barra robôs, deixa o Google sem o arquivo. O guia de robots.txt bloqueando o Google mostra como conferir. - Tag só depois do JavaScript. Se o
<link rel="icon">é inserido por script e não vem no HTML do servidor, ele depende da renderização do Google, que pode atrasar ou falhar.
Mesmo com tudo certo, o Google avisa que não garante mostrar o favicon, e troca por um ícone padrão os que considera impróprios.
Quando aparece o ícone do Next.js, do Vite ou do construtor de sites
Todo modelo de projeto vem com um ícone de exemplo, e é fácil publicar sem trocar. Onde ele costuma ficar:
- Next.js: o arquivo
app/favicon.ico(ouicon.pngna mesma pasta) vira o ícone do site. Troque o arquivo e apague os ícones de exemplo que sobrarem emapp/e empublic/. - Vite e apps React: o
index.htmlaponta pra um ícone empublic/, muitas vezes em SVG. Troque o arquivo e acrescente um PNG, pelo motivo da seção anterior. - Lovable, Bolt e afins: o ícone fica na pasta
public/do projeto e é referenciado noindex.html. Dá pra pedir à própria ferramenta: "troque o favicon por este arquivo, em PNG 192×192, e atualize todas as tags de ícone". - WordPress: o campo Ícone do site, nas configurações de identidade do site. Se o tema ou um plugin de SEO também define um ícone, confira se é o mesmo.
- Shopify: o campo de favicon nas configurações do tema.
Em sites com manifest.json (os que funcionam como app), os ícones do manifest também precisam ser trocados, senão o celular continua mostrando o antigo na tela inicial.
Quando é só o seu navegador
Os navegadores guardam o favicon por muito tempo, às vezes mais do que o resto do site, e um Ctrl+Shift+R nem sempre resolve. Teste numa janela anônima. Se lá aparece o novo, está tudo certo pros visitantes novos.
Pros visitantes que já tinham o ícone antigo, a saída é publicar o ícone com um nome novo, como icone-2026.png, e atualizar as tags. O Google pede que a URL do favicon seja estável, então faça isso uma vez, na troca, e deixe o nome quieto depois. Se o site passa por uma CDN, limpe o cache dela pro arquivo do ícone, como explicado no artigo sobre site que não mostra as mudanças.
Checklist
- A home tem
<link rel="icon">no HTML do servidor, apontando pro arquivo novo. - Nenhuma outra tag de ícone (
shortcut icon,apple-touch-icon) aponta pro antigo. - O ícone é quadrado, maior que 48×48 e em PNG ou ICO, não só em SVG.
- O arquivo responde 200 e não está bloqueado no
robots.txtnem no firewall. - O ícone foi trocado na home do host que aparece no Google (com ou sem www).
- A indexação da home foi pedida uma vez na Inspeção de URL.
O ícone é o detalhe mais visível, mas a mesma troca de tema ou de modelo que mudou o favicon pode ter mexido no título, no sitemap ou no robots.txt. A varredura grátis da Varrida confere o site como o Googlebot e mostra o que mudou pra ele.
