O que é um Favicon? E como adicionar Favicons ao WordPress

Um favicon, abreviação de “ícone favorito”, também pode ser chamado de ícone do site. Se você olhar para a página do seu navegador agora, provavelmente haverá vários favicons exibidos. No entanto, você talvez nunca tenha notado favicons conscientemente, esteja ciente do que são ou do que fazem. Então, o que é um favicon e por que seu site WordPress precisa de um?


Neste artigo, explicaremos exatamente o que é um favicon e como ele pode beneficiar seus negócios ou blog. Vamos ver como você pode adicionar rápida e facilmente um ao seu blog WordPress.

O que é um ícone Favicon / Site?

Exemplo de captura de tela do Favicon

Um favicon é um ícone que é exibido na guia do navegador ao lado do título da página de um site. Os Favicons também podem ser vistos ao lado do nome de um site em uma lista de sites favoritos, além de serem usados ​​como ícones de aplicativos e, no WordPress, eles também podem ser chamados de “ícone do site”.

Os Favicons geralmente tiram a imagem do logotipo do site que eles representam. No entanto, eles também podem ser uma imagem vinculada à marca ou ao estilo de um site, se isso for mais adequado. Depois que um favicon é selecionado, ele não deve ser alterado, a menos que sua empresa sofra uma nova marca. Dessa forma, os espectadores do seu site se familiarizam com seu favicon e o reconhecem em uma linha de guias do navegador.

A importância de usar um Favicon

Importância do uso de um Favicon

Os Favicons têm tudo a ver com marketing visual e conexão com os visitantes do seu site. Adicionar um favicon permitirá que seu público-alvo subconscientemente e instantaneamente identifique seu site WordPress em um mar de aplicativos ou páginas da web.

Essa familiaridade com seu favicon ajudará seu público a encontrá-lo de maneira rápida e fácil. Ele também lembrará os usuários da existência do seu site, resultando em um aumento no tráfego e no retorno de números de visitantes. Por fim, um favicon ajudará seu site a se destacar da concorrência e a estabelecer uma fonte respeitável.

Como você pode ver, os benefícios do uso de um favicon são enormes. Agora, vamos descobrir como você pode criar um favicon e adicioná-lo ao seu site WordPress …

Criando um Favicon

O primeiro passo no processo favicon é criar uma imagem adequada. Como mencionado, um favicon deve idealmente ser a mesma imagem que o logotipo do seu site, para que os visitantes possam reconhecê-lo imediatamente.

No entanto, às vezes com logotipos complicados, isso pode resultar em um favicon pouco claro ou confuso. Nesse caso, você terá que simplificar seu logotipo ou usar uma imagem diferente. Escolha algo que represente seu negócio e obviamente reflita sua marca.

Projetando ou editando uma imagem Favicon

Pelo Codex WordPress, as imagens favicon precisam ser quadradas e ter pelo menos 512 x 512 pixels de dimensão. Embora as imagens possam ser cortadas no WordPress, eu aconselho a editar sua imagem com antecedência usando o software de edição.

Se você deseja criar uma nova imagem a partir do zero, ou se o seu logotipo precisar de alguns ajustes sérios, é melhor usar um programa de edição profissional. Photoshop ou GIMP são ótimas opções.

Usando o Canva

Criador de ícones do Canva

No entanto, uma solução mais fácil, para aqueles com menos experiência em design, é usar Canva. Este site gratuito de ferramenta de design gráfico permitirá editar facilmente uma imagem e torná-la pronta para favicon. Redimensione seu logotipo ou altere a cor ou a transparência para criar uma imagem favicon que funcione no seu site.

Quando estiver satisfeito com a imagem que você usará como seu favicon, ela precisará ser salva no formato gif, png ou jpeg. Agora você está pronto para enviar seu favicon para o seu site WordPress…

Como adicionar um Favicon ao seu site / blog WordPress?

A adição de um ícone de site costumava ser deixada para os desenvolvedores da Web e aqueles com conhecimento aprofundado de codificação. No entanto, felizmente, após o lançamento do WordPress 4.3, a adição de um favicon tornou-se extremamente fácil e direta.

Link do WordPress Live Customizer

Abra o painel do WordPress e, no menu, selecione Aparência> Personalizar. Isso abrirá o personalizador do WordPress ao vivo com uma visualização da página inicial do seu site.

Selecione Identidade do site. Aqui você verá o título e o ícone do site exibidos.

Identidade do site WordPress

Debaixo Ícone do site você pode adicionar, alterar ou remover seu favicon. Clique em Selecione a imagem.

Selecionar imagem do ícone do site WordPress

Sua Biblioteca de mídia do WordPress agora aparecerá na sua tela. Selecione os Fazer upload de arquivos guia e, em seguida, solte sua imagem favicon na caixa ou selecione-a no seu computador.

De volta à sua Biblioteca de mídia, verifique se sua imagem está marcada e clique em Selecione no canto inferior direito. Agora o WordPress perguntará se você deseja cortar sua imagem. Se você já editou sua imagem em um programa de edição, selecione Ignorar Recorte. Caso contrário, corte.

Visualização do ícone do site do Customizer

No personalizador, em Ícone do site, você verá sua imagem carregada. Selecione Salvar e publicar na parte superior do personalizador e atualize a página. Agora você deve poder visualizar seu favicon na guia do navegador de páginas da web.

URL Favicon Display

Se em algum momento você gostaria de mudar seu favicon, em Ícone do site basta selecionar Alterar imagem. No entanto, como mencionado anteriormente, isso não é recomendado, a menos que você esteja renomeando. Se você alterar continuamente seu favicon, seu público-alvo não conseguirá identificar qual imagem representa seu site quando estiver visualizando as guias ou aplicativos do navegador..

Outras maneiras de adicionar um Favicon ao seu site WordPress

É claro que existem várias outras maneiras de adicionar um favicon ao seu site WordPress. Vamos dar uma olhada em algumas opções diferentes …

Favicon por RealFaviconGenerator

Banner RealFaviconGenerator

Muitas pessoas preferem usar plug-ins para adicionar funcionalidade ao site, em vez de confiar em um tema. O Favicon by RealFaviconGenerator é um plugin do WordPress que é uma ótima opção se você deseja adicionar um favicon ao seu site.

Instale o plug-in no seu site WordPress e simplesmente aponte e clique para fazer upload de uma imagem e adicioná-la como favicon. O RealFaviconGenerator irá gerar todos os ícones necessários para vários navegadores e dispositivos. Este é um plugin simples e gratuito para baixar e usar.

Upload através da página de opções do seu tema

Tema total Opções de Favicon

Muitos dos novos temas vêm com vários recursos e funcionalidades, tornando rápido e fácil para as pessoas a criação de novos sites WordPress. Alguns desses temas agora vêm com a opção de adicionar um favicon para você. Verifique a página Opções do seu tema para ver se esse é um recurso que ele oferece. Por exemplo, o tema Total WordPress inclui opções para o seu Favicon (e seus vários tamanhos de dispositivo) no painel de temas interno.

Usando código

Se você é alguém que prefere codificar o site deles, pode fazer o upload da sua imagem favicon no diretório raiz do site. O código precisa ser adicionado ao seu arquivo header.php. Para obter mais informações sobre esse processo, além de detalhes sobre o tamanho da imagem e o tipo de arquivo em que você precisa salvá-lo, consulte o Documentação de suporte do WordPress.

Pensamentos finais

Como você pode ver, o upload de um favicon para o site WordPress é um processo muito fácil. Os benefícios de ter um favicon são impressionantes, uma tática de marketing que permitirá que seus usuários identifiquem seu site apenas identificando sua imagem. Portanto, tenha como prioridade encontrar uma meia hora livre no seu dia e configure seu site com um favicon.

Você já instalou seu favicon? Por favor, compartilhe como você se saiu nos comentários abaixo…

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me