Telegram, WhatsApp  +380637610482
Valery Danyuk
Valery DanyukdesenvolvedorDesenvolvendo ferramentas de IA para empresas. Alta qualidade. Preço acessível.Enviar mensagem no Telegram

Verifique o favicon do seu site online: quais tamanhos são necessários e por que Google não está exibindo o favicon.

Confira o favicon do seu site online: ícones ICO, PNG, SVG e Apple Touch com tamanhos e pré-visualizações.

O que você vai receber

  • Lista de todos os ícones de sites – ICO, PNG, SVG, ícone Apple Touch – com tamanhos e pré-visualizações, grátis
  • O conjunto mínimo de favicons que um site precisa em 2026 e o código pronto.
  • Motivos pelos quais Google exibe um globo cinza em vez do seu ícone.
Aplicar: em 10 minutosSalvamentos: confiança e reconhecimento nos resultados de pesquisa e nas abas do navegador

Resumindo: para verificar o favicon do seu site online, insira seu domínio na ferramenta gratuita de verificação de favicon do PromoPilot e clique em "Verificar". A ferramenta encontrará todos os ícones declarados em HTML e localizados em caminhos padrão como /favicon.ico, exibirá uma pré-visualização e o tamanho de cada um, verificará o ícone de toque da Apple e informará quais tamanhos estão faltando. Abaixo, você encontrará um conjunto mínimo de ícones, o código finalizado e os motivos pelos quais Google está exibindo um globo cinza em vez do seu logotipo.

Eu crio sites há 12 anos e sei: os favicons são esquecidos com mais frequência do que qualquer outro elemento. O designer cria o logotipo, o desenvolvedor constrói o site e, no entanto, ninguém adiciona um favicon à aba — até que o primeiro cliente pergunte: "Por que nosso concorrente tem um favicon no Google e nós não?"

O que o Favicon Check verifica?

O ícone de um site não é mais apenas um único arquivo favicon.ico. Navegadores, iPhone, Android e Google usam arquivos e tamanhos diferentes. Esta ferramenta agrega todos eles em um único relatório.

O que ele verifica? O que ele está olhando? Por que o site precisa disso?
Ícones de HTML Todas as tags <link rel="icon">, shortcut icon, apple-touch-icon São esses os dados que os navegadores e Google priorizam.
Caminhos padrão /favicon.ico na raiz do site e outros endereços típicos Muitos sistemas procuram o ícone mesmo sem uma etiqueta.
O tamanho de cada ícone Largura e altura em pixels, formato ICO, PNG, SVG O ícone pequeno fica desfocado em telas de alta definição.
Ícone de toque da Apple Existe algum ícone para iPhone e iPad? Sem isso, uma captura de tela da página aparecerá na tela inicial.
Pré-visualização Qual é a aparência de cada ícone encontrado? Você pode ver ícones quebrados, vazios ou estrangeiros (modelos).
Recomendações Quais tamanhos estão faltando? Uma lista de tarefas pronta para um designer.

Como verificar o favicon de um site online?

Confira seu favicon em 3 etapas: digite seu domínio, clique em "Verificar" e examine os ícones encontrados, os tamanhos e as recomendações.

  1. Abra o verificador de favicon.
  2. Digite o domínio - example.com é suficiente, sem especificar a página.
  3. Clique em "Verificar". A ferramenta analisará o HTML da página inicial e os caminhos padrão.
  4. Analise os ícones encontrados: pré-visualização, formato e tamanho de cada um. Verifique se há algum ícone padrão de CMS ou de hospedagem entre eles.
  5. Leia as recomendações e forneça as dimensões que faltam ao designer ou faça-as você mesmo.

Página da ferramenta: campo de domínio, botão "Verificar" e descrição das verificações com perguntas frequentes.

Página gratuita de verificação de favicon do PromoPilot: campo de domínio, busca por todos os ícones e verificação de ícones Apple Touch.

A verificação é fácil — o limite de visitantes é suficiente para verificar seu próprio site e alguns sites de concorrentes para comparação. Ícones de qualquer site podem ser visualizados e baixados — útil se você precisar encontrar o original do seu logotipo, perdido junto com um antigo fornecedor.

Quais serão os tamanhos de favicon necessários em 2026?

Os geradores de ícones costumam produzir 20 arquivos, mas o que realmente precisamos é de um conjunto compacto. Aqui está o mínimo que uso em todos os meus projetos:

Arquivo Tamanho Onde é utilizado?
favicon.ico 16×16 e 32×32 em um único arquivo Navegadores antigos, sistemas que procuram um ícone na raiz.
favicon.svg Vetor Navegadores modernos, com imagem nítida em qualquer tela.
apple-touch-icon.png 180×180 Tela inicial do iPhone e iPad
icon-192.png e icon-512.png 192×192 e 512×512 Manifesto da Web: Android, instalando um site como um aplicativo

E o código para <head>:

<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">

Dica de design: Com 16 pixels, o logotipo e o texto ficam borrados. Use um símbolo, a primeira letra do nome ou um caractere simplificado em um fundo contrastante. Para o ícone do Apple Touch, não use um fundo transparente — o iOS o preencherá com preto.

Como criar um favicon você mesmo, sem a ajuda de um designer?

Se você não tiver nenhum ícone, pode criar um conjunto básico em meia hora. Veja como:

  1. Use um símbolo, não o logotipo inteiro. Use a primeira letra do nome, um símbolo do logotipo ou uma forma geométrica simples na cor da marca. Certifique-se de que seja reconhecível em 16 pixels.
  2. Desenhe um quadrado de 512x512. Qualquer editor gráfico ou designer online serve. Deixe algumas margens ao redor das bordas para que a placa não ultrapasse os limites do desenho.
  3. Salve o arquivo de origem como SVG — ele se tornará favicon.svg, e todos os PNGs nos tamanhos necessários poderão ser recortados sem perda de qualidade.
  4. Gere os tamanhos restantes (ICO, 180, 192) no gerador de ícones e coloque os arquivos na raiz do site.
  5. Cole o código no cabeçalho e verifique o resultado novamente na ferramenta.

Verifique como o ícone aparece no tema escuro do navegador: um ícone preto em um fundo transparente simplesmente desaparece em uma guia escura do Chrome. Um fundo claro ou um contorno contrastante ajudará.

Por que Google não exibe o favicon do site?

A pergunta mais frequente: Se você vir um globo cinza ao lado de um endereço nos resultados da pesquisa, geralmente existem vários motivos:

  1. O ícone não é quadrado. Google exige uma proporção de 1:1 e um tamanho mínimo de 8x8, mas recomenda um tamanho maior que 48x48: o pequeno favicon.ico de 16x16 fica desfocado nos resultados de pesquisa.
  2. O ícone está bloqueado para robôs. Google -Image precisa ter acesso ao arquivo do ícone, e Google precisa ter acesso ao arquivo principal. Se a pasta de imagens estiver bloqueada no robots.txt ou se o arquivo retornar um erro, o ícone não aparecerá nos resultados da pesquisa.
  3. A tag não está na página inicial. Google extrai o favicon da página inicial do domínio ou subdomínio; a seção da página inicial, como example.com/shop não é adequada.
  4. O endereço do ícone é instável. Se o caminho mudar a cada nova versão do site ( /icon.a83f2.png), Google pode não conseguir atualizá-lo rapidamente.
  5. Já faz um tempo. Google não atualiza o favicon imediatamente após uma correção; você pode acelerar o processo solicitando uma nova verificação da página inicial no Search Console. Google não fornece um prazo exato, portanto, verifique os resultados somente alguns dias depois.
  6. O ícone viola as regras. Google substitui imagens inaceitáveis por um ícone padrão.

Comparação: Verificador de Favicon e Alternativas

Ferramenta O que é grátis? Restrições Para quem é indicado?
PromoPilot - Verificador de Favicon Todos os ícones de HTML e caminhos padrão, tamanhos, pré-visualizações, ícone de toque da Apple, recomendações. Não cria ícones, verifica o principal. Verifique rapidamente o seu site ou o de um concorrente.
RealFaviconGenerator Geração de um conjunto de ícones e código, verificação do favicon. O gerador produz muitos arquivos; você precisa decidir quais manter. Para quem precisa criar ícones do zero.
Google Search Console Solicitar nova verificação do arquivo principal Somente o site verificado não verifica o ícone. Acelerar a atualização dos ícones nos resultados da pesquisa
Ferramentas de desenvolvedor no navegador Aba com manifesto e ícones Você precisa saber onde procurar. Para desenvolvedores

Conclusão: uma ferramenta online é mais conveniente para verificar, um gerador para criar um conjunto e o Search Console para agilizar as atualizações no Google.

Aliás, o PromoPilot oferece 87 ferramentas de SEO gratuitas. Você pode ver facilmente como o favicon aparece ao lado do título na pré-visualização da SERP — temos um artigo separado sobre isso em nossa série.

Quais são as limitações da verificação de favicon?

A ferramenta verifica o que o site anuncia e retorna: ela não informa quando Google atualiza o ícone nos resultados de pesquisa — isso depende do próprio mecanismo de busca. Se os ícones forem adicionados por um script após o carregamento da página, alguns podem não ser incluídos no relatório. A verificação também analisa o domínio como um todo — se diferentes seções do site tiverem ícones diferentes (por exemplo, um subdomínio de loja), elas serão verificadas separadamente.

Quando uma ferramenta gratuita não é suficiente?

Um site sem favicon e com um conjunto completo de ícones: o globo cinza do Google versus seu próprio ícone e o ícone de toque da Apple.

Um favicon é um problema menor que raramente exige um especialista. Mas há momentos em que um problema menor é um sintoma. É necessário buscar ajuda se:

  • O ícone está correto, mas Google vem exibindo um globo terrestre há meses - isso significa que o problema está no acesso do robô ou no modelo;
  • A marca não possui um logotipo simples e precisa de uma identidade visual corporativa que funcione em 16 pixels;
  • O site é compilado usando um construtor, e os caminhos para os ícones mudam a cada atualização;
  • O favicon é apenas um dos muitos pequenos erros que se acumularam ao longo dos anos.

O que posso fazer pelo seu site?

Sou Valeriy Danyuk, desenvolvedor e especialista em SEO com 12 anos de experiência e mais de 200 clientes. Configuro favicons, prévias para redes sociais e a formatação de todos os sites antes do lançamento.

SEO e auditoria

  • Auditoria SEO completa para sites: encontro todos os detalhes técnicos — desde favicon e pré-visualizações até indexação e velocidade — e os corrijo no código.

Sites e lojas online

CRM e automação

Envie-me o endereço do site pelo Telegram - vou verificar os ícones e mais cinco ou seis pequenos detalhes que costumam ser esquecidos.

Resultado

  1. O Favicon Checker encontra todos os ícones do site, seus tamanhos e mostra quais estão faltando em um minuto.
  2. Conjunto mínimo: favicon.ico, favicon.svg, Apple Touch Icon 180×180 e ícones 192 e 512 para o manifesto da web.
  3. Para Google o ícone deve ser quadrado, maior que 48x48, acessível ao robô e exibido na página principal.
  4. Se for mais fácil reconstruir um site do que corrigir pequenos problemas, 1001site personaliza ícones e pré-visualizações automaticamente.

Confira seu domínio com o Favicon Checker gratuito – e confira também o domínio do seu principal concorrente.

Fontes

  • Página do verificador de favicon do PromoPilot — lista de verificações e perguntas frequentes.
  • Central de Pesquisa Google - Requisitos do favicon nos resultados da pesquisa.
  • RealFaviconGenerator — gera e testa um conjunto de ícones.

Referências e fontes

Perguntas e Respostas

Por que um site precisa de um favicon?

Um favicon é um ícone de site que aparece nas abas do navegador, nos favoritos, no histórico e ao lado do endereço nos resultados de busca Google em celulares e computadores. O favicon torna um site reconhecível e o diferencia de outros resultados de busca; sem ele, o navegador e Google exibem um ícone genérico.

Quais os tamanhos de favicon necessários?

O mínimo prático: favicon.ico (16 e 32 pixels em um único arquivo) ou PNG 32x32 para navegadores, SVG para navegadores modernos, Apple Touch Icon 180x180 para iPhone e iPad, PNG 192x192 e 512x512 para o manifesto web no Android. Para o Google o ícone deve ser quadrado; recomenda-se um tamanho maior que 48x48.

O que é o ícone de toque da Apple?

Este é o ícone que iPhones e iPads exibem quando um site é adicionado à tela inicial, bem como em alguns favoritos do Safari. O tamanho padrão é um PNG de 180x180 pixels, sem transparência. Sem transparência, o dispositivo usa uma captura de tela reduzida da página.

Consultamos o site, mas não há ninguém para corrigir o problema?

Esta ferramenta gratuita revela problemas. Analisarei o relatório, priorizarei e corrigirei os problemas: auditoria de SEO, otimização de velocidade, marcação e migração para um novo site sem perda de posicionamento.