Favicon
Um favicon é o pequeno ícone exibido nas guias do navegador, favoritos e resultados móveis do Google que ajuda os clientes a reconhecer sua loja online.
O que é um favicon?
Um favicon (favorite icon) é o pequeno ícone quadrado que representa o seu site nas abas do navegador, favoritos, histórico de navegação e nos resultados de pesquisa móvel do Google. Ele geralmente é declarado com uma tag <link rel="icon"> no <head> da página e, como fallback, os navegadores tentam carregar automaticamente o arquivo /favicon.ico a partir da raiz do domínio. Os favicons modernos são fornecidos como .ico, .png ou .svg – e um único arquivo .ico pode conter vários tamanhos (16×16, 32×32 e 48×48).
Por que um favicon é importante?
Para uma loja online, um favicon é um pequeno mas visível elemento de branding. Quando um cliente tem muitas abas abertas, o ícone costuma ser a única coisa que torna sua loja fácil de encontrar novamente. O Google também exibe o seu favicon ao lado do resultado na pesquisa móvel, de modo que um ícone nítido e reconhecível fortalece tanto a taxa de cliques quanto a confiança. Quando o favicon está ausente, o navegador apenas mostra um marcador padrão em branco, o que faz com que a página pareça inacabada ou menos profissional.
Casos de uso comuns
- Reconhecimento nas abas do navegador quando o cliente tem várias páginas abertas ao mesmo tempo.
- Exibição ao lado do seu resultado nos resultados de pesquisa móvel do Google (o Google recomenda um ícone quadrado que seja múltiplo de 48px, por exemplo, 48×48).
- Ícone quando um cliente salva a loja como favorito ou na tela inicial (via
apple-touch-icon, normalmente 180×180). - Identidade de marca consistente no navegador, abas e links compartilhados.
Perspectiva da Shopify
Na Shopify, você faz o upload do seu favicon diretamente no editor de temas, sob as configurações do tema — nenhuma edição de código é necessária. A Shopify reduz a imagem para 32×32 px, portanto faça o upload de um gráfico quadrado simples que permaneça nítido em tamanhos pequenos (evite detalhes finos e muito texto). Mudar de tema não redefine necessariamente o favicon, mas sempre verifique o resultado após a alteração do tema. Pense no favicon junto com seus outros metadados visuais, como o Open Graph, para que sua loja pareça consistente em abas, resultados de pesquisa e links compartilhados.