Qual é o problema?
Seu site está sem um favicon .ico ou .png. Verificamos:
- Tags
<link rel="icon">apontando para arquivos .ico ou .png - Um arquivo
/favicon.icono seu servidor (o caminho padrão que os navegadores checam) - Declarações de favicon PNG 16x16 e 32x32
Nada disso foi encontrado. Sem um favicon .ico ou .png, o Google Search não vai exibir um ícone ao lado do seu site nos resultados de busca, o que deixa a aparência menos profissional e mais difícil de identificar.
Como fica no Google Search
❌ Sem favicon compatível
✅ Com favicon .ico/.png
Por que não SVG?
Embora favicons SVG funcionem bem em navegadores modernos (escalam perfeitamente e suportam modo escuro), o Google Search não os suporta:
| Formato | Google Search | Navegadores |
|---|---|---|
| .ico | Suportado | Suportado |
| .png | Suportado | Suportado |
| .gif | Suportado | Suportado |
| .svg | Não suportado | Suportado |
Isso está documentado nas diretrizes de favicon do Google. O crawler e o pipeline de indexação do Google simplesmente ignoram favicons SVG.
Como corrigir
Opção 1: Adicione um arquivo /favicon.ico
Coloque um arquivo favicon.ico na raiz do seu site. Navegadores e o Google vão encontrá-lo automaticamente em https://yoursite.com/favicon.ico:
<link rel="icon" href="/favicon.ico" sizes="any" />Opção 2: Ofereça vários formatos (recomendado)
<!-- For Google Search and older browsers -->
<link rel="icon" href="/favicon.ico" sizes="any" />
<!-- High-quality PNG for modern browsers -->
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<!-- SVG for modern browsers (scalable, supports dark mode) -->
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />Requisitos de favicon do Google
Para o seu favicon aparecer no Google Search, ele precisa atender a todos estes critérios:
- Formato: ICO, PNG ou GIF (não SVG)
- Tamanho: Deve ser múltiplo de 48px (por exemplo, 48x48, 96x96, 144x144)
- URL: Deve ser rastreável (não bloqueada por robots.txt)
- Conteúdo: Deve representar visualmente a marca do seu site
- Adequado: Não pode ser impróprio ou ofensivo
Como gerar um arquivo .ico
Usando RealFaviconGenerator
Envie sua imagem ou SVG e a ferramenta gera todos os formatos necessários automaticamente.
Usando Sharp (Node.js):
import sharp from 'sharp'
// Generate 32x32 PNG from any source image
await sharp('logo.png')
.resize(32, 32)
.png()
.toFile('favicon-32x32.png')
// Generate 48x48 for Google
await sharp('logo.png')
.resize(48, 48)
.png()
.toFile('favicon-48x48.png')Usando ImageMagick:
# Convert to multi-size ICO
convert logo.png -define icon:auto-resize=48,32,16 favicon.icoO stack moderno de favicons
Uma configuração completa de favicon deve incluir:
- favicon.ico — Para o Google Search e navegadores legados (48x48 ou multi-tamanho)
- favicon-32x32.png — Ícone padrão da aba do navegador
- favicon.svg — Ícone escalável com modo escuro opcional via CSS
prefers-color-scheme - apple-touch-icon.png — 180x180 para a tela inicial do iOS
Erro comum: setup só com SVG
Muitos sites modernos declaram apenas um favicon SVG:
<!-- This alone is NOT enough for Google -->
<link rel="icon" href="/favicon.svg">Isso funciona nos navegadores, mas o Google mostra um ícone genérico de globo nos resultados em vez do ícone da sua marca. Sempre inclua um fallback .ico ou .png.