Quando você marca páginas na web, é um desafio lembrar o nome da página. Ao voltar aos seus favoritos para encontrá-lo, você vê um pequeno ícone ao lado da página. Você reconhece o ícone e percebe que é o site que você viu antes.
Este ícone, conhecido como favicon, é pequeno, mas tem um impacto significativo no reconhecimento da marca.
Nesta página, vamos responder a pergunta “O que é um favicon?”, assim como porque você deve criar um, e fornecer quatro dicas para criar um site memorável (e compatível) favicon.
Se você quiser se manter atualizado sobre favicons e marketing, junte-se à nossa newsletter semanal.
O que é um favicon?
O favicon é um pequeno ícone para o seu website que aparece ao lado do nome da página do seu website ou da etiqueta do título.
Estes ícones aparecem em vários lugares, incluindo:
- Guia do navegador
- Bookmarks
- Barra de ferramentas
- Recentemente visitado
- Barras de pesquisa
- Procura móvel
Este pequeno ícone é um componente essencial da interface do seu website. Ele permite que você tenha uma imagem simples e reconhecível associada ao seu site, para que os usuários se familiarizem com sua marca.
Um favicon de site é ainda mais útil se alguém marcar seu site e quiser voltar a ele mais tarde.
Muitas empresas usam uma imagem simples, como seu logotipo, como seu favicon. Um dos melhores exemplos de favicon é o Target. Target usa seu conhecido ícone bullseye para seu favicon.
Você também tem a opção de usar um ícone com um a três caracteres de texto. Wikipedia é um excelente exemplo de favicon de usar texto em vez de uma imagem.
Existem muitos grandes exemplos de favicon que você pode olhar para obter inspiração para o seu favicon. A parte importante é que você cria um favicon site que é claro, memorável e fácil de ver.
Tamanho e formatação para favicons
A próxima pergunta seguinte, “O que é um favicon?” é, “Qual é o tamanho certo para o meu favicon? Como esses ícones são pequenos, é essencial saber as dimensões certas para que o seu não pareça suavizado.
Tamanho do favicon variará dependendo do navegador ou se você usar um host de website.
O seu tamanho de arquivo deve ser um múltiplo de 48px quadrado. Assim, você pode ter um tamanho de arquivo de ícone como 48x48px ou 144x144px. Independentemente do tamanho que você usar, sua imagem será redimensionada para uma proporção de 16x16px.
Se você hospedar seu website em um construtor de websites, seus tamanhos de favicon serão diferentes. Por exemplo, WordPress requer 512×512 pixels para seu favicon, enquanto Squarespace requer 300×300 pixels para seus favicons.
É também importante lembrar que os favicons aparecem nas abas do navegador ou nas listas de favoritos.
Abrir em uma seção frequentemente visitada no seu navegador ou como um ícone de atalho na área de trabalho de um usuário. O seu ícone deve ser facilmente escalável para estas instâncias porque o seu favicon aparece maior.
Ao saber o tamanho para estas diferentes instâncias, você criará um favicon melhor para o seu negócio.
Por que devo criar um favicon de website?
Favicons oferecem inúmeros benefícios para o seu negócio, incluindo:
- Favicons constroem reconhecimento de marca: Quando você usa um favicon que reflete o seu negócio, as pessoas o vêem e ficam mais familiarizadas com a sua empresa. Elas ficarão expostas à sua marca e se lembrarão dela mais tarde.
- Favicons adicionam legitimidade ao seu site: O seu site vai aparecer completo com um favicon. Ele ajuda a parecer profissional na esfera online.
- Favicons ajudam com a otimização para mecanismos de busca (SEO): Favicons ajudam a criar um site de fácil utilização, que é um componente essencial em SEO. Você também vai aumentar o reconhecimento da marca, o que incentiva as pessoas a voltar ao seu site e converter.
- Favicons ajudam o seu público a localizar a sua página, se eles a marcarem como favorito: Favicons tornam mais fácil para o seu público encontrar o seu site quando eles o marcam. As pessoas nem sempre se lembram dos nomes das marcas, mas eles reconhecem o seu negócio pelo seu favicon.
- Favicons ajudam as pessoas a localizar o seu negócio com múltiplas abas abertas: As pessoas frequentemente têm várias abas do navegador abertas ao mesmo tempo. Em vez de clicar em cada guia para encontrar a página da sua empresa, elas podem reconhecê-la pelo favicon.
Estas são apenas algumas das razões para usar um favicon de website. Ao adicionar um favicon ao seu website, você irá colher estes benefícios e fazer crescer o seu negócio online.
Como criar um favicon
Se você estiver pronto para fazer um ícone para o seu website, confira estas quatro dicas úteis de como criar um favicon.
1. Use o espaço sabiamente
Quando você cria um favicon para o seu negócio, você deve usar o espaço sabiamente. Você não quer criar um ícone que use tão pouco espaço que os usuários não possam vê-lo, mas você também precisa de espaço branco suficiente.
Muitas empresas usarão seu logotipo como favicon.
Embora seja uma ótima idéia para branding, o seu logotipo pode não ser escalado para baixo ou ficar bem como um favicon. Ele pode não usar adequadamente o espaço que você tem ou caber dentro das dimensões pré-definidas do favicon.
Se você tiver que criar um novo ícone, você vai querer otimizar o seu espaço. Você precisará planejar seu favicon para usar o espaço de pixels que lhe foi dado, sem fazê-lo parecer superlotado ou vazio.
2. Mantenha-o simples
Quando você projetar seu favicon, mantenha-o simples. Um favicon torna o seu negócio reconhecível, mas não sobrecarrega o utilizador com um design intrincado. O único propósito deste ícone é reforçar a sua marca para o seu público e ajudá-los a encontrá-lo mais facilmente.
Se você criar um favicon com um design intrincado, ele faz o seu ícone parecer desorganizado. O seu público terá mais dificuldade em lembrar da sua marca ou localizar a sua página.
O melhor caminho envolve mantê-lo simples.
Criar algo limpo, relacionado à marca e reconhecível.
3. Refletir a sua marca
Disfomos realçados nisto algumas vezes, mas para reiterar, certifique-se de que o seu favicon reflecte a sua marca. O seu público usa este ícone para encontrar o seu negócio nos seus separadores ou marcadores. Você quer usar uma imagem que se encaixa com o resto da sua marca.
Walbert Animal Hospital é um exemplo brilhante de um favicon que reflete seu negócio.
Como você pode ver, Walbert Animal Hospital usa impressões de pata como seu favicon. É uma grande associação com o seu negócio e reflecte a sua marca. É simples e ajuda as pessoas a reconhecê-los.
Você quer usar os símbolos certos no seu favicon. Neste exemplo, as pessoas associam as pegadas aos animais. Quando um usuário vê essas impressões de pata, ele assume que o negócio funciona com animais de alguma forma.
Se você optar por usar cores no seu ícone, você vai querer se ater às cores da sua marca. Um favicon amarelo não caberia com um esquema de cores roxo e cinzento do negócio. É essencial manter o seu ícone com as mesmas cores da sua marca para apoiar o reconhecimento da marca.
4. Consulte um designer
Se você não tem certeza do que fazer com o seu favicon, você pode sempre consultar um web designer. Um web designer é uma excelente opção porque eles lhe fornecem um favicon único. Você vai obter um favicon corretamente escalado para a web.
Muitas empresas dependem de geradores para criar favicons. Embora esses geradores sejam fáceis de usar, eles exigem que você procure em bancos de dados de ícones para encontrar o certo para a sua organização. Você então tem que redimensioná-lo e escalá-lo adequadamente.
Com um web designer, você não precisa puxar uma imagem de estoque de um banco de dados. Você obtém um favicon customizável que é único para o seu negócio, corretamente dimensionado e refletivo da sua empresa.
Comece a criar o seu favicon do site hoje
Um favicon é um componente crítico na construção do reconhecimento da marca. Criar e carregar o favicon do seu website ajuda os usuários a reconhecer o seu negócio e encontrá-lo rapidamente em seus navegadores.
Se você não sabe como criar um favicon de qualidade para o seu negócio, nossa equipe na WebFX pode ajudar. Temos uma equipa de web designers dinâmicos e premiados que o ajudarão a criar um favicon estelar.
Quer saber mais sobre como criar um favicon de alta qualidade?
Contacte-nos online ou ligue-nos hoje para 888-601-5359 para falar com um estratega.
Deixe uma resposta