Um favicon é o menor recurso do seu site e um dos mais visíveis. O Google o mostra ao lado de cada resultado no celular, os navegadores o mostram nas abas e nos favoritos, e as pré-visualizações de links o levam para os feeds e para os aplicativos de conversa. Quando falta ou é servido no tamanho errado, o seu resultado parece inacabado ao lado dos concorrentes.
O extrator de favicon da Sorank vai buscar qualquer página e lista todos os ícones que ela declara, com o tamanho, o formato e o URL exato.
O que o extrator encontra
Os sites declaram ícones em vários lugares, e essas declarações raramente coincidem entre si. A ferramenta lê-as todas:
- Etiquetas link no head: as declarações clássicas
rel="icon"erel="shortcut icon", com os tamanhos e formatos que a página listar. - Apple touch icons:
rel="apple-touch-icon", usados quando alguém acrescenta o seu site a uma tela principal do iOS. - Ícones do web app manifest: a lista de ícones dentro do
manifest.json, que o Android e as aplicações web instaláveis utilizam. - A alternativa na raiz:
/favicon.ico, que os navegadores pedem quer o declare quer não.
Porque é que isto conta para a pesquisa
O Google mostra favicons nos resultados de pesquisa no celular e publicou requisitos para eles: o arquivo tem que ser um quadrado múltiplo de 48 pixels, tem que ser rastreável, e tem que ser uma representação visual da marca e não uma forma genérica. Um favicon em falta ou bloqueado deixa um espaço vazio no resultado, o que custa atenção no momento exato em que quem pesquisa escolhe onde clicar.
Vale a pena fazer três verificações no seu próprio domínio:
- Existe mesmo um ícone servido a 48 pixels ou mais? Um ícone de 16 pixels ampliado aparece desfocado nos resultados.
- O arquivo está acessível aos crawlers? Um ícone atrás de uma regra do robots.txt não pode ser obtido, por isso não vai aparecer.
- As declarações coincidem entre si? Quando o head aponta para um arquivo e o manifest para outro, superfícies diferentes mostram ícones diferentes.
Utilizações práticas
- Auditar o seu próprio site depois de um redesenho, para confirmar que todos os tamanhos foram regenerados e que nenhum ícone antigo continua sendo referenciado.
- Construir páginas de comparação e diretórios que precisam de um ícone de marca limpo para cada entrada.
- Verificar a configuração de um concorrente para ver que tamanhos e formatos publica.
- Diagnosticar pré-visualizações de links quando uma aplicação de conversa ou um feed mostra o ícone errado para as suas páginas.
