# Como adicionar um favicon no WordPress Na barra de guias de um navegador, cada nova página é aberta em uma aba separada. Cada aba é composta, geralmente, do título da página e de um pequeno símbolo: o favicon. Ambas as informações ajudam o usuário a identificar o site que está acessando e a orientar-se quando várias guias estão abertas ao mesmo tempo. Além disso, um favicon adicionado ao site fortalece a imagem da marca e melhora a experiência do usuário. Existem **três métodos** de adicionar um favicon no WordPress. Descubra aqui como eles funcionam e quais são as vantagens de cada método. ## Por que adicionar um favicon no WordPress? O termo favicon é uma abreviatura de *favorite icon*. O pequeno ícone é parte integrante do **website de uma empresa** e aparece na barra de guias, na barra de favoritos, nos aplicativos móveis do WordPress, nos ícones de página inicial e nos resultados de pesquisa de dispositivos móveis. Por isso, escolher um símbolo marcante e inconfundível como favicon traz **muitas vantagens**: - Aumenta a **seriedade** e o **profissionalismo** de um site. - Ajuda o usuário a reconhecer mais facilmente a empresa e seus serviços na internet, melhorando assim a **experiência dos usuários**. - Tem efeito positivo sobre [SEO no WordPress](https://www.ionos.com/pt-br/digitalguide/marketing-online/marketing-em-buscadores/fundamentos-de-seo/), melhorando a classificação do site nos mecanismos de busca. - O favicon fica **sempre visível**, mesmo quando muitas guias estão abertas ao mesmo tempo em um navegador, enquanto os títulos das páginas ficam ocultos. Dica A maioria das empresas usa **sua própria logo ou uma variante dela** como favicon no WordPress. ## Métodos para adicionar um favicon no WordPress Existem **três métodos** para adicionar um favicon no WordPress: com o Personalizador do WordPress, com a ajuda de um plugin ou manualmente. A seguir, vamos apresentar e detalhar cada um deles. Nota Neste artigo explicamos como adicionar no WordPress um favicon que já foi produzido. Caso você ainda não tenha o elemento gráfico que deseja usar, você pode criá-lo com o programa de edição gráfica da sua preferência ou com o [Favicons Generator](https://www.ionos.com/tools/favicon-generator "Favicon Generator da IONOS") ### Método 1: Personalizador do WordPress O método mais simples e rápido de adicionar um favicon no WordPress é disponibilizado a **partir da versão 4.3 do WordPress**. Com a ferramenta de favicons do WordPress, você pode fazer upload do favicon, recortá-lo como quiser e instalá-lo em poucos cliques. O tamanho mínimo recomendado para um favicon adicionado por meio do Personalizador é de **512 x 512 pixels**, mesmo que a imagem seja exibida no tamanho 16 x 16 pixels pela guia do navegador. Por isso, procure utilizar um favicon que seja fácil de ser reconhecido em tamanho reduzido. Agora, vamos para o passo a passo de como adicionar um favicon no WordPress com o Personalizador. #### Passo 1: Abra o Personalizador Na barra esquerda do painel do WordPress, **clique em “Aparência” > “Personalizar”**. [![Imagem: O Personalizador permite adicionar um favicon no WordPress pelo painel](https://www.ionos.com/pt-br/digitalguide/fileadmin/_processed_/7/e/csm_EN-wp-favicon-einbinden-wpcustomizer-1_e71cb4c077.webp "O Personalizador permite adicionar um favicon no WordPress pelo painel")](https://www.ionos.com/pt-br/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/EN-wp-favicon-einbinden-wpcustomizer-1.jpg) Abra o Personalizador no painel do WordPress #### Passo 2: Abra a seção “Identidade do Site” Uma vez que você abriu o Personalizador do WordPress, clique na **seção “Identidade do Site”**. [![Imagem: Favicon no WordPress: seção “Identidade do Site” no Personalizador](https://www.ionos.com/pt-br/digitalguide/fileadmin/_processed_/1/9/csm_EN-wp-favicon-einbinden-wpcustomizer-2_1391330e00.webp "Favicon no WordPress: seção “Identidade do Site” no Personalizador")](https://www.ionos.com/pt-br/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/EN-wp-favicon-einbinden-wpcustomizer-2.jpg) Na seção Identidade do Site redefina o título do site e o favicon no WordPress #### Passo 3: Abra a seção de favicon Nessa seção, você pode definir o **título e o subtítulo** do seu site. Essas informações são exibidas ao lado do favicon, na guia do navegador. Na seção “Ícone do Site”, clique no **botão “Selecionar ícone do site”** para redefinir o favicon no WordPress. [![Imagem: Adicionar favicon no WordPress: menu do Personalizador](https://www.ionos.com/pt-br/digitalguide/fileadmin/_processed_/d/4/csm_EN-wp-favicon-einbinden-wpcustomizer-3_90a749b413.webp "Adicionar favicon no WordPress: menu do Personalizador")](https://www.ionos.com/pt-br/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/EN-wp-favicon-einbinden-wpcustomizer-3.jpg) Selecione o favicon desejado para o seu site no WordPress #### Passo 4: Selecione o favicon Com a **Biblioteca de Mídia** do WordPress aberta, selecione a imagem desejada ou faça o upload de uma nova imagem. Para fazê-lo, clique em “Upload de arquivos” e escolha o arquivo correspondente no seu computador. Confirme sua seleção clicando no botão “Selecionar”. [![Imagem: Biblioteca de Mídia do WordPress: botão para adicionar favicon](https://www.ionos.com/pt-br/digitalguide/fileadmin/_processed_/6/9/csm_EN-wp-favicon-einbinden-wpcustomizer-4_2466a7c24d.webp "Biblioteca de Mídia do WordPress: botão para adicionar favicon")](https://www.ionos.com/pt-br/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/EN-wp-favicon-einbinden-wpcustomizer-4.jpg) Selecione o favicon na Biblioteca de Mídia do WordPress ou faça upload de uma nova imagem #### Passo 5: Recorte o favicon Em seguida, você tem a opção de **recortar a imagem**. Na barra do lado direito, o WordPress exibe automaticamente uma pré-visualização do favicon selecionado. Caso necessário, ajuste o recorte dessa imagem e confirme a seleção com o botão “Recortar imagem”. Se o seu favicon já estiver do tamanho certo, clique em “Pular recorte”. [![Imagem: Menu que permite recortar o favicon no WordPress](https://www.ionos.com/pt-br/digitalguide/fileadmin/_processed_/b/0/csm_EN-wp-favicon-einbinden-wpcustomizer-5_b500ae82c0.webp "Menu que permite recortar o favicon no WordPress")](https://www.ionos.com/pt-br/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/EN-wp-favicon-einbinden-wpcustomizer-5.jpg) O WordPress oferece uma função de recorte integrada para favicons **Concluído o recorte, o WordPress aplica o favicon adicionado automaticamente**. Caso você deseje alterar ou ajustar o favicon no WordPress novamente, volte para a seção de configurações e repita os passos. ### Método 2: Plugin de favicons O WordPress oferece plugins especiais para (quase) todas as suas funções, inclusive para adicionar um favicon ao site. Um dos plugins gratuitos mais populares é o **Favicon by RealFaviconGenerator**. Ele disponibiliza **opções adicionais de configuração**, como adaptar o favicon a diferentes dispositivos e aplicativos, o que não é oferecido pelo Personalizador. Siga o passo a passo de como instalar um favicon no WordPress com esse plugin. #### Passo 1: Instale o plugin Na barra esquerda do painel do WordPress clique em “Plugins” e, logo abaixo em “Adicionar Novo”. [![Imagem: Instale plugin e adicione favicon no WordPress](https://www.ionos.com/pt-br/digitalguide/fileadmin/_processed_/0/9/csm_EN-wp-favicon-einbinden-favicon-plugin-1_ec3c6585c9.webp "Instale plugin e adicione favicon no WordPress")](https://www.ionos.com/pt-br/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/EN-wp-favicon-einbinden-favicon-plugin-1.jpg) Instale um plugin especial para adicionar um favicon no WordPress Busque o plugin “Favicon by RealFaviconGenerator” e, ao encontrá-lo, clique em **“Instalar agora”**. Concluída a instalação, clique em “Ativar” e o plugin estará pronto para ser utilizado. [![Imagem: Menu de instalação do plugin “Favicon by RealFaviconGenerator” no WordPress](https://www.ionos.com/pt-br/digitalguide/fileadmin/_processed_/9/6/csm_EN-wp-favicon-einbinden-favicon-plugin-2_637a53cf7b.webp "Menu de instalação do plugin “Favicon by RealFaviconGenerator” no WordPress")](https://www.ionos.com/pt-br/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/EN-wp-favicon-einbinden-favicon-plugin-2.jpg) Favicon by RealFaviconGenerator é um plugin de favicons popular no WordPress #### Passo 2: Abra as configurações do plugin Quando o plugin estiver instalado, volte para o menu do WordPress e **siga o caminho “Aparência” > “Favicon”**. É lá que você vai configurar seu favicon. [![Imagem: Instalar favicon no WordPress utilizando plugin](https://www.ionos.com/pt-br/digitalguide/fileadmin/_processed_/3/e/csm_EN-wp-favicon-einbinden-favicon-plugin-3_d8212d69bb.webp "Instalar favicon no WordPress utilizando plugin")](https://www.ionos.com/pt-br/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/EN-wp-favicon-einbinden-favicon-plugin-3.jpg) Na seção Aparência é possível configurar o favicon Passo 3: Selecione o favicon Clique em **“Select from the Media Library”** para abrir a Biblioteca de Mídia do WordPress e selecionar a imagem do seu favicon. Ao ser adicionado por meio do plugin, seu favicon deve ter o tamanho mínimo de 70 x 70 pixels, porém recomendamos adicionar uma imagem de 260 x 260 pixels ou maior, para melhores resultados. Selecionada a imagem, clique no **botão “Generate favicon”**. [![Imagem: Favicon by RealFaviconGenerator: janela para selecionar o favicon](https://www.ionos.com/pt-br/digitalguide/fileadmin/_processed_/4/e/csm_EN-wp-favicon-einbinden-favicon-plugin-4_4475e130b4.webp "Favicon by RealFaviconGenerator: janela para selecionar o favicon")](https://www.ionos.com/pt-br/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/EN-wp-favicon-einbinden-favicon-plugin-4.jpg) Na Biblioteca de Mídia do WordPress selecione o favicon desejado Passo 4: Instalar o favicon Depois de gerar o favicon, o plugin o redirecionará automaticamente para o seu próprio site. Concluído o upload da imagem, você terá a opção de seguir com algumas **configurações opcionais**. Com elas é possível ajustar o favicon para navegadores de desktop, para diferentes tipos de smartphone, para resultados de busca do Google, entre outros. [![Imagem: Favicon by RealFaviconGenerator: menu para ajustar o favicon](https://www.ionos.com/pt-br/digitalguide/fileadmin/_processed_/d/0/csm_EN-wp-favicon-einbinden-favicon-plugin-5_236accdc32.webp "Favicon by RealFaviconGenerator: menu para ajustar o favicon")](https://www.ionos.com/pt-br/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/EN-wp-favicon-einbinden-favicon-plugin-5.jpg) O plugin oferece diversas opções de configuração Concluídas as configurações adicionais, ou caso deseje pular esse processo, clique no botão **“Generate your Favicons and HTML Code”**, no fim da página. [![Imagem: Favicon by RealFaviconGenerator: janela de configurações do favicon](https://www.ionos.com/pt-br/digitalguide/fileadmin/_processed_/7/9/csm_EN-wp-favicon-einbinden-favicon-plugin-6_00938714b5.webp "Favicon by RealFaviconGenerator: janela de configurações do favicon")](https://www.ionos.com/pt-br/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/EN-wp-favicon-einbinden-favicon-plugin-6.jpg) Confirme as configurações para instalar o favicon O plugin levará você de volta para o **painel do WordPress** e confirmará o **sucesso da instalação** do favicon no WordPress. [![Imagem: O plugin levará você de volta para o painel do WordPress](https://www.ionos.com/pt-br/digitalguide/fileadmin/_processed_/0/1/csm_EN-wp-favicon-einbinden-favicon-plugin-7_d07c4ff384.webp "O plugin levará você de volta para o painel do WordPress")](https://www.ionos.com/pt-br/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/EN-wp-favicon-einbinden-favicon-plugin-7.jpg) Favicon by RealFaviconGenerator: mensagem de instalação concluída ### Método 3: Adicionar manualmente Em muitos casos, existe também a possibilidade de modificar configurações do WordPress manualmente. Um favicon do WordPress, por exemplo, pode ser **adicionado por meio de um FTP (File Transfer Protocol)**. Para isso você precisará de um pacote de arquivos de favicon e de um código HTML. Ambos são facilmente gerados por ferramentas online gratuitas. #### Passo 1: Gere o pacote de arquivos de favicon Abra uma **ferramenta online para gerar um favicon**. Neste exemplo, utilizamos o [RealFaviconGenerator](https://realfavicongenerator.net "Site do RealFavicon Generator"). Clique no botão “Select your Favicon image” para fazer upload da imagem do seu favicon no WordPress. [![Imagem: RealFaviconGenerator: janela para fazer upload do favicon](https://www.ionos.com/pt-br/digitalguide/fileadmin/_processed_/d/b/csm_EN-wp-favicon-einbinden-manually-1_6c4b15eb2b.webp "RealFaviconGenerator: janela para fazer upload do favicon")](https://www.ionos.com/pt-br/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/EN-wp-favicon-einbinden-manually-1.jpg) Faça upload da imagem desejada no RealFaviconGenerator, fonte: https://realfavicongenerator.net Em seguida, o plugin oferece a possibilidade de trabalhar algumas **configurações opcionais**. Com elas é possível, por exemplo, mudar o tamanho e o fundo da imagem. Faça as alterações desejadas, ou pule este passo. Em seguida clique no botão **“Generate your Favicons and HTML code”**, ao fim da página. [![Imagem: RealFaviconGenerator: menu para gerar favicon](https://www.ionos.com/pt-br/digitalguide/fileadmin/_processed_/3/c/csm_EN-wp-favicon-einbinden-manually-2_30280f7f29.webp "RealFaviconGenerator: menu para gerar favicon")](https://www.ionos.com/pt-br/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/EN-wp-favicon-einbinden-manually-2.jpg) O gerador de favicons gera automaticamente todos os arquivos necessários para o seu favicon; fonte: https://realfavicongenerator.net Em seguida, **baixe o pacote de arquivos de favicon** e **copie o código HTML**. Assim que baixar o pacote, mude o nome dele para “favicon.ico”, para que a imagem seja reconhecida imediatamente como favicon. [![Imagem: RealFaviconGenerator: código HTML do favicon](https://www.ionos.com/pt-br/digitalguide/fileadmin/_processed_/7/7/csm_EN-wp-favicon-einbinden-manually-3_12da89f829.webp "RealFaviconGenerator: código HTML do favicon")](https://www.ionos.com/pt-br/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/EN-wp-favicon-einbinden-manually-3.jpg) Baixe o pacote do favicon e copie o código HTML; Fonte: https://realfavicongenerator.net #### Passo 2: Faça upload do pacote de favicon por FTP Por meio do FTP, acesse os dados do WordPress. Abra o **diretório raiz** e faça o upload do pacote do favicon neste lugar. Atenção: assegure-se que o pacote esteja salvo na mesma pasta onde o WP-Admin ou o WP-Content estiver. #### Passo 3: Insira o código HTML Concluído o segundo passo, abra o **arquivo header.php** e insira o código HTML do favicon na seção “Header” (Cabeçalho). Confira se o seu domínio e o caminho do favicon estão corretos. Dica Um serviço profissional de [Hospedagem para WordPress](https://www.ionos.com/hosting/wordpress-hosting "Hospedagem para WordPress da IONOS") proporciona um começo mais fácil, muito mais seguro e realiza back-ups automáticos do seu site no WordPress. This is a markdown version of: [https://www.ionos.com/pt-br/digitalguide/hospedagem/blogs/como-adicionar-um-favicon-no-wordpress/](https://www.ionos.com/pt-br/digitalguide/hospedagem/blogs/como-adicionar-um-favicon-no-wordpress/) for AI/LLM consumption.