Favicon

A Silktide verifica se todas as páginas do seu site têm um favicon, o pequeno ícone que os navegadores mostram para o seu site nas abas, nos favoritos e nas telas iniciais dos celulares.

Um normalmente é declarado com uma tag <link> no de cada página:

<!-- No <head> da página -->
<link rel="icon" type="image/png" href="/icons/favicon.png">

Quando nenhuma tag está presente, os navegadores também procuram um arquivo favicon.ico na raiz do site; portanto, qualquer um dos métodos atende a esta verificação.

Por que isso é importante

Sem um favicon, seu site aparece como um ícone em branco ou genérico nas abas do navegador e nos favoritos, dificultando que os visitantes encontrem você entre as abas abertas e fazendo com que seu site passe despercebido nas listas de favoritos. A ausência de um favicon também dá uma aparência de site inacabado e, de qualquer forma, os navegadores solicitam /favicon.ico, enchendo os registros do servidor com erros evitáveis.

Como os favicons geralmente são definidos para todo o site em um modelo, a ausência de um muitas vezes indica que há páginas criadas fora do seu modelo principal — algo que, por si só, é importante saber.

Como corrigir

Crie seu ícone. Um PNG de 32x32 pixels é um bom tamanho mínimo; fornecer um SVG ou vários tamanhos de PNG permite que cada dispositivo escolha o mais nítido.
Adicione uma tag <link rel="icon"> ao modelo do seu site para que ela apareça em todas as páginas. A maioria das plataformas de tem uma configuração de favicon ou de "ícone do site" que faz isso por você.
Como alternativa (ou adicionalmente), envie o ícone como favicon.ico para o diretório raiz do seu site, para que ele seja disponibilizado em https://yoursite.com/favicon.ico.

Como a Silktide testa isso

Em cada página HTML, procure tags <link> no head da página cujo atributo rel inclua icon e que apontem para uma imagem que possa ser baixada.
Se nenhuma for encontrada, tente o local convencional de fallback, /favicon.ico na raiz do site, e verifique se ele retorna uma imagem válida.
Relate cada página em que nenhum dos métodos encontra um favicon e acompanhe, ao longo do tempo, a porcentagem das suas páginas que têm um.

Solução de problemas

Meu site tem um favicon, mas algumas páginas são sinalizadas

A tag <link> do favicon precisa estar presente em cada página. Páginas geradas fora do seu modelo principal — páginas de erro, landing pages e aplicativos incorporados — muitas vezes não a incluem. Um arquivo favicon.ico na raiz do site atende a todas as páginas de uma só vez, portanto adicioná-lo é a solução geral mais rápida.

A tag está presente, mas a verificação continua falhando

Verifique se o endereço do ícone realmente retorna uma imagem: uma tag de favicon que aponta para um arquivo movido ou excluído faz a verificação falhar, assim como uma tag ausente.