Favicons no WordPress: como aumentar a presença da sua marca

Os favicons são mais conhecidos como pequenos ícones que aparecem junto aos nomes dos sítios Web nos separadores do navegador. Embora o favicon do WordPress seja utilizado principalmente neste contexto, também é utilizado noutros locais, como nos marcadores dos navegadores, nos botões do ecrã inicial dos dispositivos iOS e muito mais.

É por isso que é uma parte essencial da identidade da sua marca. Um favicon ou "ícone do site" bem colocado pode ajudar os utilizadores a identificar a sua empresa num ápice. Não só ajuda a aumentar o conhecimento da marca, como também pode melhorar a experiência do utilizador (UX) no seu sítio Web.

Este artigo explica as vantagens de utilizar um favicon numa Sítio Web WordPress seguido de instruções sobre como criar esse símbolo. Vamos começar.

As vantagens de utilizar um favicon no WordPress

Se alguma vez foi confrontado com uma grande quantidade de separadores abertos no seu browser, sabe o quão valioso pode ser um favicon. Um favicon torna mais fácil para os utilizadores reconhecerem rapidamente o seu sítio Web, mesmo quando estão abertos muitos separadores:

Dependendo do número de separadores que tem abertos, o título do seu sítio Web pode nem sempre ser visível. Por isso, adicionar um favicon ajuda a melhorar a facilidade de utilização.

A utilização de um favicon WordPress não só aumenta o conhecimento da marca, como também dá ao seu sítio Web um aspeto profissional e fiável. Isto, por sua vez, pode aumentar a confiança dos clientes.

Quando alguém guarda o seu sítio Web no ecrã inicial do seu dispositivo móvel, o seu favicon será apresentado como um ícone. A utilização do logótipo da sua marca ou de ícones semelhantes pode aumentar a capacidade de reconhecimento do seu sítio Web e ajudar a criar uma estética global coesa.

Como criar um favicon para o WordPress

No passado, tinha de utilizar um ficheiro ICO especial para o seu favicon. Hoje em dia, no entanto, todos os browsers modernos suportam ficheiros ICO, PNG e GIF para favicons. O JPEG também é amplamente suportado (JPG vs JPEG), mas não em todas as versões do Internet Explorer, o que o torna menos ideal para favicons.

Se estiver familiarizado com o Photoshop, pode criar um favicon manualmente. No entanto, muitas vezes é mais fácil utilizar uma ferramenta baseada na nuvem fácil de utilizar para gerar um conjunto de ícones de favicon a partir de uma imagem existente.

O RealFaviconGenerator é uma excelente opção por várias razões:

• Permite a criação de ícones de aplicações.
• Oferece ícones favicon em formato PNG e ICO.
• Pode personalizar o seu favicon depois de carregar a sua imagem.
• Tudo o que tem de fazer é inserir o código fornecido no seu sítio Web.

Outros geradores de favicon úteis são:

• Favicon.cc, que permite criar um favicon a partir do zero ou carregar uma imagem existente.
• Favicon Generator, que funciona de forma semelhante ao RealFaviconGenerator.

Para utilizar o RealFaviconGenerator, comece por selecionar a imagem pretendida, clicando em "Select image":

Na página seguinte, pode personalizar detalhes específicos para o seu conjunto de favicons, se necessário. Quando tiver terminado, desloque-se para baixo e clique em "Gerar favicons e código HTML":

Clique no pacote de favicon na página seguinte para descarregar as suas imagens de favicon:

É importante manter esta página aberta se planear adicionar o favicon manualmente ao seu sítio Web.

Sugestões para criar um favicon

Existem algumas dicas de design e formatação que vale a pena considerar antes de criar o seu favicon. O tamanho recomendado para os favicons é normalmente 512 x 512 pixéis.

Embora o favicon do WordPress seja um quadrado, também pode utilizar uma imagem retangular e cortá-la mais tarde no WordPress quando a adicionar através do Personalizador. Tenha em atenção que o seu favicon é normalmente apresentado como um quadrado de 16×16 pixéis, pelo que é importante certificar-se de que é facilmente reconhecível, mesmo com este tamanho reduzido. No entanto, é aconselhável utilizar a opção Diretrizes do Google para a criação e utilização de favicons para garantir que o seu ícone é apresentado da melhor forma nos motores de busca e nos separadores do browser.