Pular para o conteúdo principal
DevTools by Decussi
  • Ferramentas
  • Dados
  • Segurança
  • Rede
  • Texto
  • Data
  • Web
  • Dev
  • SEO
  • Brasil
Ferramentas
DevTools

Ferramentas para desenvolvedores, em português. Sem cadastro e sem instalação.

Criado e mantido por Decussi

Ferramentas

  • Todas as ferramentas
  • Dados
  • Segurança
  • Rede
  • Texto
  • Data
  • Web
  • Dev
  • SEO
  • Brasil

Referência

  • Consulta rápida
  • Guias
  • Códigos HTTP
  • Cron
  • Checagens de SEO

Desenvolvedores

  • API e devs
  • llms.txt
  • ai.txt
  • Sitemap

Newsletter

Receba novidades e novas ferramentas no seu email.

Sugira uma ferramenta

Tem uma ideia? Envie sua sugestão.

  1. Início
  2. /Checagens de SEO
  3. /Verificador de favicon

Verificador de favicon

Cole uma URL e veja se o favicon está declarado e se o arquivo responde.

A página é buscada pelo servidor do DevTools. Só funciona com URLs públicas.

O que é

O favicon é o ícone que identifica o site na aba do navegador, na lista de favoritos, no histórico e — desde 2019 — ao lado do resultado de busca no celular. Ele é declarado por uma tag <link rel="icon">, mas os navegadores também procuram /favicon.ico na raiz do domínio quando não encontram declaração nenhuma.

Por que importa

Não influencia posição. Influencia reconhecimento: no resultado de busca mobile, o favicon aparece junto ao nome do site e é o primeiro elemento visual que a pessoa processa ao varrer a lista. Com muitas abas abertas, é a única forma prática de encontrar a sua. A falha mais comum não é a ausência da tag e sim o arquivo declarado que não existe — o caminho mudou num redesenho, ninguém percebeu, e o navegador desenha um quadrado em branco.

Como corrigir

  • Declare o ícone explicitamente em vez de contar com o /favicon.ico implícito, e confirme que a URL declarada responde de verdade.
  • Forneça pelo menos 48×48 pixels. O Google exige múltiplo de 48 para exibir o ícone na busca, e escala a partir daí.
  • SVG é a melhor escolha por ser nítido em qualquer tamanho, com um PNG como alternativa para clientes que não o suportam.
  • Desenhe algo legível a 16 pixels. Logotipo com texto vira borrão nesse tamanho — o que funciona é um símbolo simples e de alto contraste.
  • Adicione apple-touch-icon de 180×180 para quando o site é salvo na tela inicial do iOS.
  • Depois de trocar, force a atualização. O favicon é agressivamente cacheado e continua exibindo o antigo por bastante tempo.

Declaração com SVG e alternativa

<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="icon" href="/favicon-48.png" sizes="48x48" type="image/png">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">

Perguntas frequentes

Favicon influencia o SEO?
Não é fator de ranqueamento. Influencia a taxa de clique no resultado mobile, onde o ícone aparece ao lado do nome do site e ajuda no reconhecimento da marca em meio à lista.
Por que meu favicon não aparece no Google?
Motivos frequentes: o arquivo tem menos que 48×48, o caminho declarado retorna erro, o ícone está bloqueado no robots.txt, ou o Google ainda não rastreou a home — é a partir dela que ele busca o ícone do site inteiro.
Preciso do arquivo favicon.ico na raiz?
Não é obrigatório se você declara o ícone via <link>. Manter um /favicon.ico continua sendo boa prática porque alguns clientes o requisitam direto, e a ausência gera 404 recorrente no log.
Troquei o favicon e continua o antigo. Como forçar?
O cache de favicon é dos mais persistentes do navegador. Abra a URL do ícone diretamente e recarregue à força, ou publique com nome novo (favicon-v2.svg) — a mudança de caminho contorna o cache de vez.

Outras checagens

  • Verificador de Open GraphCole uma URL e veja se as tags og: essenciais estão presentes e bem formadas.
  • Verificador de HTTPSCole uma URL e veja se a página é servida por conexão segura.

Ferramentas relacionadas

  • Gerador de favicon — gere todos os tamanhos a partir de uma imagem
  • Todas as checagens de SEO