Favi-gone: 5 razões pelas quais seu favicon desapareceu dos resultados de pesquisa do Google [Estudos de caso]

Dizem que “um favicon vale mais que mil palavras”. OK… eles realmente não dizem isso, mas os favicons definitivamente podem ser importantes do ponto de vista da Pesquisa. Em 2019, o Google começou a exibir favicons nos resultados de pesquisa móvel como parte de um redesenho móvel, e acaba que esses pequenos gráficos nos SERPs podem ajudar em vários níveis. Por exemplo, um favicon pode ajudar a reforçar sua marca, pode atrair olhos em uma SERP lotada e também pode ajudar na taxa de cliques. Então você definitivamente quer ter certeza de que seu jogo de favicon é forte.

O Google publicou diretrizes para definir um favicon para garantir que eles possam ser exibidos corretamente nas SERPs. Se você não seguir essas diretrizes, o Google pode optar por ignorar seu favicon e fornecer um genérico para você. E não há nada mais “meh” do que o favicon genérico do globo que o Google oferece. Vamos apenas dizer que você não vai se destacar nos SERPs com seu favicon genérico mostrando…

Além disso, você pode acabar com um favicon em branco , o que é super estranho. O espaço para o favicon está reservado, mas não aparece nada. É apenas um espaço em branco onde um favicon deve aparecer. Tão triste… e vou explicar mais sobre isso mais tarde no post.

Aqui está outro exemplo de um favicon em branco (e não apenas o favicon genérico do globo):

Assistência de favicon: quando os proprietários do site entram em contato com problemas de favicon.
De vez em quando, tenho proprietários de sites frustrados quando seus favicons desaparecem dos resultados da pesquisa. Quando isso acontece, pode ser uma situação muito confusa para os proprietários de sites... Bem, recentemente ajudei mais alguns proprietários de sites nas últimas semanas a solucionar problemas de favicon nos resultados da pesquisa. E com base no que encontrei, pensei em escrever um post explicando alguns dos principais motivos que vi que causam problemas de favicon na Pesquisa do Google.

Os problemas são relativamente fáceis de corrigir e as alterações podem ser detectadas pelo Google rapidamente para a maioria dos sites. Por exemplo, uma das correções mais recentes com as quais ajudei foi feita em apenas algumas horas e os SERPs foram atualizados em menos de um dia (com o novo favicon).

Favicons desaparecendo e dúvidas sobre qualidade:
Quando favicons desaparecem, alguns proprietários de sites imediatamente pensam que o Google de alguma forma não confia mais em seu site ou que há problemas de qualidade fazendo com que o Google pare de exibir seus favicons (como como os rich snippets podem ser afetados por amplas atualizações principais). Esse não é o caso. Favicons ausentes nos SERPs não têm nada a ver com a qualidade do site. Em vez disso, tem tudo a ver com problemas técnicos com os favicons ou com a violação das diretrizes do Google para fornecer favicons.

Portanto, se o seu favicon desaparecer, não é que o Google tenha subitamente reavaliado a qualidade do seu site. Provavelmente é devido a problemas técnicos ou outras violações de diretrizes (que abordarei abaixo).

Para onde foi seu favicon? Solução de problemas comuns de favicon na Pesquisa Google.
Abaixo, abordarei vários problemas comuns que vi ao ajudar os proprietários de sites a solucionar problemas de favicons que desaparecem dos resultados da pesquisa (ou favicons que simplesmente não são exibidos corretamente pelo Google).

1. Dimensões erradas, nenhum favicon para você…
Este é o problema mais comum que tenho visto. O Google explicou em detalhes que os favicons devem ser múltiplos de 48×48 pixels. Portanto, certifique-se de que seu favicon seja pelo menos 48×48 ou um múltiplo de 48×48. Por exemplo, 96×96, 144×144, etc. Não tenha um favicon menor que 48×48.

Por exemplo, um site usou a seguinte imagem como favicon (desfocada para evitar chamar a atenção do site). Era 50×50 e não um múltiplo de 48×48 pixels. O Google acabou de usar o favicon genérico do globo. Novamente, meh nos SERPs.

Além disso, a proporção é importante. Se não for um quadrado, não vai funcionar bem. Eu vi favicons que pareciam fora de controle do ponto de vista da proporção ou simplesmente não apareciam nos SERPs. Por exemplo, um site usou o favicon abaixo, que não tinha uma proporção quadrada. O Google o forçou a ajustar a proporção necessária (e parecia totalmente distorcido nos SERPs). Cuidado.

Uma observação sobre o formato do favicon: você tem muitas opções:
Seu favicon não precisa estar no formato .ico. Pode estar em qualquer formato suportado, como jpg, gif, png e svg. Falarei mais sobre svgs mais tarde no post.

2. Robots.txt bloqueando o favicon :
A documentação do Google afirma que você deve permitir o rastreamento de seu favicon e sua página inicial para que o favicon seja usado na Pesquisa. Se sua página inicial estiver bloqueada pelo robots.txt, você claramente tem problemas maiores para se preocupar do que apenas o favicon. :) Mas a localização do favicon pode causar problemas e ser confuso do ponto de vista do robots.txt. Por exemplo, algumas diretivas no robots.txt podem ser “gananciosas” e bloquear mais do que você imagina.

Eu recomendo usar o testador de robots.txt no Google Search Console para garantir que seu favicon e sua página inicial possam ser rastreados. É um teste rápido e pode poupar alguma frustração. Por exemplo, aqui está um site com um favicon ausente e está bloqueando o acesso ao favicon. A propósito, é uma marca maior, então sim, empresas maiores também podem cometer esse erro.

E aqui está uma nota lateral interessante. O Google tem um rastreador específico para favicons chamado Google Favicon. Você pode verificar a documentação do Googlebot para a string do agente do usuário. O Google usará esse rastreador para verificar seu favicon quando você solicitar a indexação de sua página inicial por meio do Google Search Console (GSC). E o rastreador ignorará as diretivas do robots.txt quando alguém solicitar um novo rastreamento da página inicial com base em uma alteração de favicon.

Por exemplo, isso é diretamente da documentação do favicon:
“O rastreador do Google Favicon ignora as regras do robots.txt quando o rastreamento foi solicitado por um usuário.”

E aqui está o user-agent do rastreador:

Mas, novamente, isso é apenas para o Google Favicon verificar o novo favicon. Você ainda deve habilitar o rastreamento de sua página inicial e seu favicon se quiser que ele seja usado nos resultados da pesquisa.

3. Referências de favicon duplicadas e uma não atendeu às diretrizes de favicon do Google:
Isso é semelhante ao primeiro problema que abordei, mas inclui referências duplicadas de favicon no código da página inicial (e uma não atendeu às diretrizes). Já vi situações em que uma ou mais referências de favicon são para arquivos que não atendem aos requisitos e o Google apenas exibiu o favicon genérico do globo em vez das SERPs. Portanto, certifique-se de verificar novamente todas as referências ao seu favicon na sua página inicial e verifique se elas estão corretas.

Por exemplo, o favicon deste site não estava aparecendo corretamente. Acabou que a página inicial tinha várias referências rel=“icon” e uma não atendia às diretrizes do Google. Corrigir isso com apenas uma referência rel=”icon” apontando para o arquivo apropriado permitiu que o site recuperasse seu favicon nas SERPs:

4. Uh, código favicon vazio…
Sim, isso parece óbvio, mas infelizmente eu vi isso em ação. Se você literalmente deixar de fora o arquivo no código do favicon, obviamente terá problemas de favicon na Pesquisa. :) Então, se você está tendo problemas com favicon, então definitivamente verifique seu código. E também recomendo usar as várias ferramentas de teste do Google para verificar o html estático e o html renderizado para garantir que seu código esteja correto.

5. Sua plataforma ou CMS está com defeito em termos de favicon.
Para sites que usam uma plataforma específica ou CMS para executar seu site, eles podem estar em uma situação em que não podem definir ou personalizar facilmente seu favicon. E em situações em que você não tem muito controle, você está confiando apenas na plataforma ou CMS para acertar. E como você pode imaginar, isso nem sempre funciona bem.

E sim, isso significa que todos os sites que usam essa plataforma podem ter problemas de favicon. Eu apresentei esse problema recentemente para uma plataforma de comércio eletrônico menor. O Google simplesmente não está substituindo o favicon pelo globo genérico, está literalmente deixando o favicon em branco! Isso é ainda pior do que receber o favicon genérico na minha opinião…

E ao realizar uma consulta que traz muitos sites usando a plataforma, você pode ver o problema generalizado. Sim, esses são todos os sites da plataforma com favicons ausentes (nem mesmo o favicon genérico). E olhe para a segunda listagem no SERP… a proporção está confusa para o favicon. Portanto, temos uma mistura de favicons em branco e um deformado. Não é bom.

Bônus 1: Não ultrapasse os limites com seu favicon.
Em sua documentação, o Google explicou que não mostrará nenhum favicon que considere inadequado (como pornografia ou símbolos de ódio). Se for esse o caso, o Google simplesmente fornecerá o favicon genérico padrão. Lembre-se disso ao criar um favicon... Tenho certeza de que isso não afetará a maioria dos sites, mas pode causar problemas com a exibição correta do seu favicon nas SERPs.

Aqui está o que o Google explica em sua documentação de favicon:

Bônus 2: crie um favicon adaptável que funcione bem no modo escuro.
As pessoas adoram o modo escuro e isso inclui a Pesquisa do Google. Mas acho que muitos não testam como seu favicon é exibido no modo escuro.

Depois de verificar seu favicon no modo escuro, e se você achar que não é o ideal, sempre poderá criar um favicon adaptável que fique ótimo no modo claro e escuro. Por exemplo, criar um SVG que usa consultas de mídia para garantir que seu favicon se adapte ao ambiente atual (modo claro versus modo escuro).

Adam Argyle escreveu um post explicando como criar um favicon adaptável no web.dev, onde ele orienta você no processo de criação de um SVG que pode mudar com base no modo claro versus escuro. Ainda não testei, mas é uma técnica interessante que parece funcionar bem na demo. Posso tentar fazer isso em um futuro próximo.

Resumo: Coloque seu melhor favicon, quero dizer, pé, para frente na Pesquisa com um que realmente apareça.
Espero que esta postagem tenha ajudado você a entender alguns dos problemas de favicon mais comuns que já vi ao ajudar os proprietários de sites que me procuraram para obter ajuda. Com os favicons sendo exibidos com destaque nos resultados de pesquisa para dispositivos móveis, você não quer um favicon menos do que ideal encarando os usuários de frente. E você também não quer o favicon genérico “meh” que o Google pode fornecer, ou pior, um favicon em branco. Alguns minutos de investigação da situação geralmente podem trazer à tona o problema principal do favicon. E uma vez corrigido, você pode finalmente ter um favicon que funcione para você em vez de contra você. Boa sorte.

GG