Caso você ainda não saiba, Favicons são os pequenos ícones associados a um site web ou página web particular, que se mostram junto aos marcadores na barra de endereços da maioria dos navegadores. Os tamanhos mais utilizados para favicos são: 16×16, 32×32, 48×48, 64×64, 128×128. Ele ajuda os usuários a identificarem seu site e os visitantes mais frequentes a reconhecerem imediatamente aquele ícone. Isso aumente o reconhecimento da sua marca e ajuda a construir confiança entre o seu público-alvo. Em nosso post sobre os 24 erros mais comuns que você deve evitar, não ter seu próprio Favicon está entre os mais cometidos. Então, neste artigo vamos mostrar como adicionar um Favicon no WordPress. Se você ainda não tem um, aprenda com este guia a criar a identidade do seu site.
Como já falamos, o Favicon estabelece a identidade do seu site. Além disso, melhora a usabilidade do site e a experiência do usuário. A imagem a segui ajudará você a entender melhor o que falando: [imagem] Boa parte dos usuários acabam mantendo muitas guias abertas no seu navegador. Dependendo da quantidade de guias, o título do site não ficará visível. O Favicon ajuda o usuário a identificar rapidamente o seu site e mudar para a guia onde ele está.
O Favicon é uma imagem quadrada simples. O tamanho padrão é 16x16px, mas pode ser 32×32, 64×64 ou até 128x128px. Abra um editor de imagem, como o Photoshop ou GIMP e crie uma imagem quadrada de 128x128px para que possa trabalhar facilmente na imagem. Depois de ter criado a imagem, você pode redimensioná-la para 32x32px e salvá-la como um arquivo PNG. Mesmo que a maioria dos navegadores atuais possam exibir um favicon em PNG, versões mais antigas do Internet Explorer não o fará. Para certificar-se que seu favicon seja exibido corretamente, recomendamos que você converta-o para um ícone (.ico) com 16x16px. Para converter seu favicon PNG em .ico você pode pesquisar ferramentas que fazem este trabalho online mesmo ou utilizar a Dynamic Drive’s favicon generator (Gerador Online de Favicon).
Agora que você já criou e converteu seu favicon, envie-o para o diretório raiz do seu WordPress usando FTP ou o Gerenciador de Arquivos do cPanel. Depois disso abra o arquivo header.php do seu tema e verifique se existe e altere ou crie as seguinte linhas de código:
<link href="https://wordpress24horas.com.br/favicon.ico" rel="icon" type="image/x-icon" /> <link href="https://wordpress24horas.com.br/favicon.ico" rel="shortcut icon" type="image/x-icon" />
Substitua wordpress24horas.com.br pelo seu site e está pronto!
Se seu tema não tem um arquivo header.php, ou você não consegue encontrá-lo, então não se preocupe, tem um Plugin que ajuda você neste processo. Instale e ative Insert Headers and Footers (Insira Cabeçalhos e Rodapés). Depois de ativá-lo é hora de configurá-lo, vá até Configurações > Insert Headers and Footers e cole o código que fornecemos acima na seção do Cabeçalho e Salve as Configurações.
Vale dizer aqui, que muitos Temas WordPress já tem um espaço específico para você enviar seu favicon. Geralmente estas Configurações do Tema, quando disponíveis, ficam na Seção Aparência do Painel do WordPress. Veja se seu tema oferece o upload de um favicon! 😉
Se você prefere não ter que lidar com FTP ou com códigos poderá utilizar o Plugin chamado All in One Favicon.
Esperamos que este artigo tenha ajudado você a criar a identidade do seu site através do favicon. Deixe-nos saber, deixe seu comentário abaixo.
Clique aqui e, em seguida, clique em Permitir na caixa que aparecerá na parte superior da janela, próximo à barra de endereços.
Se você está aproveitando nosso conteúdo gratuito, vai adorar os benefícios exclusivos que oferecemos aos nossos assinantes!
Não perca a oportunidade de maximizar seu potencial no WordPress. Clique no botão abaixo para se tornar um assinante e leve suas habilidades ao próximo nível!
