Como adicionar um Favicon ao seu site WordPress

Um favicon é uma pequena imagem que aparece ao lado do título do seu sítio web nas abas do seu navegador. O objectivo de um favicon é ajudar a identificar qual o website que está a ver, e permite aos utilizadores reconhecer instantaneamente uma marca.

O reconhecimento da marca é essencial para qualquer negócio e constrói confiança dentro do seu público. Um dos erros mais comuns do WordPress é não adicionar um favicon.

Neste artigo, mostrar-lhe-emos como adicionar um favicon ao seu site WordPress, em alguns passos fáceis. Explicaremos também porque é boa prática exibir um favicon, e como pode beneficiar o seu site.

Tabela de Conteúdos

Porque precisa de um Favicon no seu site WordPress

Um favicon estabelece a identidade da marca. Também torna o seu site mais utilizável e oferece uma melhor experiência de utilizador.

À medida que adiciona mais separadores ao seu navegador de Internet, o título do website torna-se mais pequeno, e pode eventualmente desaparecer se tiver muitos separadores abertos. O favicon no seu website ajuda os utilizadores a identificar rapidamente o seu website, permitindo-lhes mudar rapidamente para o separador que desejam ver.

Se os seus utilizadores adicionarem o seu website à tela inicial do seu smartphone ou dispositivos móveis, o seu favicon será exibido aqui, e parecerá mais uma aplicação se tiver um favicon.

Como Criar um Favicon

Muitas empresas tendem a utilizar o logótipo da sua marca como seu favorito. Para WordPress, o ícone de sítio recomendado é de pelo menos 512 pixels x 512 pixels. A imagem do ícone do sítio deve ser um quadrado, não um rectângulo, no entanto, pode usar um rectângulo, mas o WordPress permitir-lhe-á recortar a imagem quando a adicionar ao seu sítio web.

Se tiver acesso ao Adobe Photoshop, então eu recomendaria a utilização deste para criar o seu favicon. No entanto, se não tiver o Photoshop ou não tiver orçamento para tal, pode utilizar uma ferramenta geradora de favores gratuitamente.

Pode usar uma imagem transparente ou preencher a imagem com qualquer cor de fundo que escolher. Basta certificar-se de que o seu favicon é reconhecível, claro, e se adapta ao tamanho correcto.

Acrescentar o seu Favicon ao WordPress

Agora que criou o seu favicon (ou ícone do site), está na altura de o adicionar ao seu site WordPress. Desde o lançamento do WordPress 4.3, pode agora adicionar o seu favicon da sua área de administração do WordPress. Navegar para Appearance > Personalizar e depois clicar no separador ‘Site Identity’.

Se estiver a utilizar um tema WordPress premium, poderá descobrir que o seu separador ‘Identidade do Sítio’ se encontra sob Cabeçalho no mesmo menu.

Aqui pode alterar o cabeçalho, o título do sítio, o logotipo do sítio, o ícone do sítio, e o slogan. Para alterar o seu favorito WordPress, clique em ‘Alterar imagem’ se já tiver uma, ou ‘Seleccionar ficheiro’ para carregar um novo ícone do sítio.

Se a imagem que carregar exceder o tamanho recomendado, o WordPress permitir-lhe-á recortar a imagem. No entanto, se a imagem corresponder ao tamanho recomendado, pode simplesmente guardar as suas alterações.

Agora pode ir à página inicial do seu website para ver o seu favicon WordPress em acção! Também pode ver o ícone do seu sítio num dispositivo móvel seleccionando ‘Adicionar à tela inicial’ no menu do seu navegador.

Como adicionar um Favicon ao WordPress 4.2 ou abaixo

Se estiver a usar a versão 4.2 ou inferior do WordPress, mudar o seu favicon é um pouco diferente. Terá de carregar o seu favicon directamente para o directório raiz do seu sítio web utilizando FTP. Uma ferramenta de transferência de ficheiros como FileZilla será mais do que suficiente.

Uma vez ligado ao seu sítio web via FTP, navegue para o ficheiro header.php do seu tema e adicione o seguinte código ao ficheiro:

<link rel="icon" href="https://webhostingprof.com/favicon.png" type="image/x-icon" />
<link rel="shortcut icon" href="https://webhostingprof.com/favicon.png" type="image/x-icon" />


Certifique-se de que substitui o webhostingprof pelo URL do seu site. Se o seu tema não contém um ficheiro header.php, pode instalar um plugin para fazer o trabalho árduo por si. Embora os plugins sejam úteis, eu só recomendaria a sua utilização se não tiver um ficheiro header.php ou se não o conseguir localizar.

É uma boa prática aprender onde estão estes ficheiros no caso de ter de os utilizar novamente! Não estou a tentar tornar as coisas mais difíceis para si de propósito!

Um plugin como Inserir cabeçalhos e rodapés é uma boa escolha. Pode instalar e activar o plugin, depois navegar para Definições > Inserir cabeçalhos e rodapés e depois colar o código acima. Lembre-se de guardar as suas configurações e estará pronto para partir!

Conclusão

Os favicons são importantes para o seu sítio web, não só para o branding, mas também para a experiência do utilizador. Os favicons permitem que os utilizadores do seu sítio web identifiquem facilmente o seu sítio e, com toda a honestidade, têm muito melhor aspecto do que uma caixa em branco.

Agora que sabe como adicionar um favicon ao seu site WordPress, porque não experimenta? Adicionar um favicon é fácil e gratuito, e temos muitos outros recursos que o podem ajudar com o seu site WordPress, como por exemplo como alterar o tamanho da fonte nos seus posts e páginas, ou como lembrar o seu URL de login WordPress.