{"id":8916,"date":"2023-06-18T12:36:42","date_gmt":"2023-06-18T15:36:42","guid":{"rendered":"https:\/\/www.homehost.com.br\/blog\/?p=8916"},"modified":"2023-11-07T20:25:35","modified_gmt":"2023-11-07T23:25:35","slug":"favicon","status":"publish","type":"post","link":"https:\/\/www.homehost.com.br\/blog\/wordpress\/favicon\/","title":{"rendered":"Favicon: como configurar no WordPress"},"content":{"rendered":"\n<p>Voc\u00ea j\u00e1 reparou na pequena imagem que aparece na guia do navegador quando voc\u00ea visita um site? Al\u00e9m disso, essa imagem, tamb\u00e9m conhecida como favicon, desempenha um papel importante na identidade e experi\u00eancia do usu\u00e1rio. <\/p>\n\n\n\n<p>Para garantir uma presen\u00e7a marcante e melhorar a navegabilidade, \u00e9 essencial adicionar um <strong>favicon<\/strong> a sua <a href=\"https:\/\/www.homehost.com.br\/hospedagem-wordpress\/\">hospedagem WordPress<\/a>. Neste tutorial, vamos explicar a import\u00e2ncia do favicon em um site e, em seguida, mostrar como adicion\u00e1-lo de maneira r\u00e1pida e f\u00e1cil, destacando os passos necess\u00e1rios.<\/p>\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_72 ez-toc-wrap-center counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Conte\u00fado<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.homehost.com.br\/blog\/wordpress\/favicon\/#O_que_e_um_favicon\" title=\"O que \u00e9 um favicon?\">O que \u00e9 um favicon?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.homehost.com.br\/blog\/wordpress\/favicon\/#Qual_e_a_finalidade_de_um_favicon\" title=\"Qual \u00e9 a finalidade de um favicon?\">Qual \u00e9 a finalidade de um favicon?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.homehost.com.br\/blog\/wordpress\/favicon\/#Representando_a_marca_ou_identidade_visual_do_site\" title=\"Representando a marca ou identidade visual do site\">Representando a marca ou identidade visual do site<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.homehost.com.br\/blog\/wordpress\/favicon\/#Exibicao_do_favicon\" title=\"Exibi\u00e7\u00e3o do favicon\">Exibi\u00e7\u00e3o do favicon<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.homehost.com.br\/blog\/wordpress\/favicon\/#Implementando_o_Favicon_no_seu_site_wordpress\" title=\"Implementando o Favicon no seu site wordpress\">Implementando o Favicon no seu site wordpress<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.homehost.com.br\/blog\/wordpress\/favicon\/#2_Via_plugin_All_In_One_Favicon_no_WordPress\" title=\"2) Via plugin All In One Favicon no WordPress:\">2) Via plugin All In One Favicon no WordPress:<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-o-que-e-um-favicon\"><span class=\"ez-toc-section\" id=\"O_que_e_um_favicon\"><\/span><strong>O que \u00e9 um favicon?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Um favicon \u00e9, sem d\u00favida, um elemento essencial para qualquer site ou marca. Trata-se de um pequeno \u00edcone, normalmente medindo 16&#215;16 pixels ou 32&#215;32 pixels, que desempenha um papel crucial na identifica\u00e7\u00e3o visual de um site. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/Novo-Projeto-1.jpg\" alt=\"\" class=\"wp-image-9055\" width=\"303\" height=\"188\" \/><\/figure>\n\n\n\n<p>Al\u00e9m de aparecer na barra de endere\u00e7os do navegador e nas abas, o icone \u00e9 exibido nos resultados de pesquisa relacionados ao site. Ele \u00e9 configurado atrav\u00e9s da <a href=\"https:\/\/www.homehost.com.br\/blog\/wordpress\/metatag-favicon\/\">meta tag favicon<\/a>. Essa combina\u00e7\u00e3o de &#8220;favorite&#8221; (favorito) e &#8220;icon&#8221; (\u00edcone) permite que os usu\u00e1rios identifiquem facilmente o site e o marquem como favorito.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Qual_e_a_finalidade_de_um_favicon\"><\/span><strong>Qual \u00e9 a finalidade de um favicon?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>A principal finalidade de um favicon, al\u00e9m disso, \u00e9 fortalecer a identidade visual de um site. Ao exibir um \u00edcone \u00fanico e reconhec\u00edvel, o favicon ajuda os visitantes a identificar rapidamente o site em meio a v\u00e1rias abas abertas no navegador e nos resultados de pesquisa. Al\u00e9m disso, ele proporciona uma experi\u00eancia mais profissional e polida para os usu\u00e1rios, transmitindo confian\u00e7a e consist\u00eancia.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Representando_a_marca_ou_identidade_visual_do_site\"><\/span><strong>Representando a marca ou identidade visual do site<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>O favicon, sem d\u00favida, desempenha um papel crucial na representa\u00e7\u00e3o da marca ou identidade visual de um site. Al\u00e9m disso, ao utilizar elementos gr\u00e1ficos, como logotipos, letras iniciais ou outros s\u00edmbolos distintivos, o favicon tem a capacidade de<strong> refor\u00e7ar de maneira efetiva a imagem da marca<\/strong> na mente dos usu\u00e1rios. Um exemplo not\u00e1vel \u00e9 o Twitter: ao visitar o site, o favicon exibe o ic\u00f4nico p\u00e1ssaro azul, o que instantaneamente remete \u00e0 marca do Twitter.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Exibicao_do_favicon\"><\/span><strong>Exibi\u00e7\u00e3o do favicon<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Os favicons desempenham um papel crucial tanto no navegador quanto nos resultados de pesquisa.  Essa presen\u00e7a facilita a identifica\u00e7\u00e3o do site quando v\u00e1rias abas est\u00e3o abertas, permitindo aos usu\u00e1rios alternar entre elas de forma fluida.<\/p>\n\n\n\n<p>Al\u00e9m disso, os favicons tamb\u00e9m s\u00e3o vis\u00edveis nas abas do navegador. Cada aba aberta exibe o favicon correspondente ao site, <strong>o que auxilia os usu\u00e1rios a visualizarem e encontrarem rapidamente a p\u00e1gina desejada<\/strong>.<\/p>\n\n\n\n<p>Os favicons s\u00e3o exibidos nos resultados de pesquisa, oferecendo uma identifica\u00e7\u00e3o visual imediata para os sites listados. Essa caracter\u00edstica se mostra especialmente \u00fatil quando os usu\u00e1rios est\u00e3o procurando por um site espec\u00edfico e desejam verificar rapidamente se o resultado da pesquisa corresponde ao site desejado.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Implementando_o_Favicon_no_seu_site_wordpress\"><\/span><strong>Implementando o Favicon no seu site wordpress<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Neste tutorial, vamos aprender como implementar um favicon em um site usando o WordPress. Portanto, adicionar um icone personalizado ao seu site pode dar uma apar\u00eancia profissional e, al\u00e9m disso, ajudar na identifica\u00e7\u00e3o visual.<\/p>\n\n\n\n<div class=\"tips\">\n<h4>Dica<\/h4>Os servidores de hospedagem da Homehost possuem total compatibilidade para a inclus\u00e3o do Favicon.<\/div>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Passo 1: Acessando o painel de controle do WordPress<\/strong><\/h4>\n\n\n\n<p>Para come\u00e7ar, voc\u00ea precisa acessar o painel de controle do WordPress. Para fazer isso, digite o endere\u00e7o do seu site seguido de &#8220;\/wp-admin&#8221; no seu navegador. Por exemplo, se o seu site for &#8220;www.exemplo.com&#8221;, digite &#8220;www.exemplo.com\/wp-admin&#8221; na barra de endere\u00e7o e pressione Enter. Insira seu nome de usu\u00e1rio e senha para fazer login.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" src=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/Captura-de-Tela-2023-06-18-as-13.58.32.png\" alt=\"\" class=\"wp-image-9012\" width=\"547\" height=\"638\" srcset=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/Captura-de-Tela-2023-06-18-as-13.58.32.png 547w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/Captura-de-Tela-2023-06-18-as-13.58.32-257x300.png 257w\" sizes=\"(max-width: 547px) 100vw, 547px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Passo 2: Localizando a se\u00e7\u00e3o &#8220;Personalizar&#8221; ou &#8220;Apar\u00eancia&#8221;<\/strong><\/h4>\n\n\n\n<p>Uma vez logado, voc\u00ea ser\u00e1 direcionado ao painel de controle do WordPress. Agora, vamos localizar a se\u00e7\u00e3o onde podemos personalizar a apar\u00eancia do nosso site. Dependendo do tema que voc\u00ea est\u00e1 usando, a se\u00e7\u00e3o pode ser chamada de &#8220;<strong>Personalizar<\/strong>&#8221; ou &#8220;<strong>Apar\u00eancia<\/strong>&#8220;. Procure por esses termos no menu lateral esquerdo e clique neles.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" src=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/Captura-de-Tela-2023-06-18-as-14.03.52.png\" alt=\"\" class=\"wp-image-9019\" width=\"351\" height=\"252\" srcset=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/Captura-de-Tela-2023-06-18-as-14.03.52.png 351w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/Captura-de-Tela-2023-06-18-as-14.03.52-300x215.png 300w\" sizes=\"(max-width: 351px) 100vw, 351px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Passo 3: Encontrando a op\u00e7\u00e3o de upload do favicon<\/strong><\/h4>\n\n\n\n<p>Dentro da se\u00e7\u00e3o &#8220;<strong>Personalizar<\/strong>&#8221; ou &#8220;<strong>Apar\u00eancia<\/strong>&#8220;, voc\u00ea encontrar\u00e1 v\u00e1rias op\u00e7\u00f5es para personalizar o seu site. Procure por uma op\u00e7\u00e3o relacionada ao cabe\u00e7alho ou \u00e0 identidade do site. Em muitos temas do WordPress, a op\u00e7\u00e3o para fazer upload do icone est\u00e1 localizada aqui.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/Captura-de-Tela-2023-06-18-as-14.06.13.jpg\" alt=\"\" class=\"wp-image-9048\" width=\"314\" height=\"642\" \/><\/figure>\n\n\n\n<p>Clique na op\u00e7\u00e3o relacionada ao cabe\u00e7alho ou \u00e0 identidade do site para abrir as configura\u00e7\u00f5es correspondentes. Procure por uma op\u00e7\u00e3o espec\u00edfica para o Icone. Essa op\u00e7\u00e3o pode ser chamada de &#8220;Favicon&#8221;, &#8220;\u00cdcone do Site&#8221; ou algo semelhante. Clique nela para prosseguir.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Passo 4: Fazendo upload do icone<\/strong><\/h4>\n\n\n\n<p>Ao clicar na op\u00e7\u00e3o de upload, voc\u00ea ser\u00e1 levado a uma nova tela onde poder\u00e1 fazer o upload do seu icone personalizado. Geralmente, voc\u00ea ver\u00e1 um bot\u00e3o &#8220;Selecionar arquivo&#8221; ou &#8220;Escolher arquivo&#8221;. Clique nele e navegue at\u00e9 o local onde seu favicon est\u00e1 armazenado no seu computador.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/Captura-de-Tela-2023-06-18-as-14.16.38.png\" alt=\"favicon\" class=\"wp-image-9036\" width=\"321\" height=\"274\" srcset=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/Captura-de-Tela-2023-06-18-as-14.16.38.png 321w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/Captura-de-Tela-2023-06-18-as-14.16.38-300x256.png 300w\" sizes=\"(max-width: 321px) 100vw, 321px\" \/><\/figure>\n\n\n\n<p>Selecione o arquivo do favicon e clique em &#8220;Abrir&#8221; ou &#8220;OK&#8221; para fazer o upload. Aguarde enquanto o WordPress processa o arquivo.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Passo 5: Salvar as altera\u00e7\u00f5es<\/strong><\/h4>\n\n\n\n<p>Ap\u00f3s fazer o upload do favicon, voc\u00ea poder\u00e1 visualiz\u00e1-lo na tela de pr\u00e9-visualiza\u00e7\u00e3o. Certifique-se de que ele esteja exibido corretamente e que represente sua marca ou identidade de forma clara e vis\u00edvel.<\/p>\n\n\n\n<p>Por fim, clique no bot\u00e3o &#8220;Salvar&#8221; ou &#8220;Publicar&#8221; para aplicar as altera\u00e7\u00f5es e adicionar o favicon ao seu site. Agora, ao visitar seu site, voc\u00ea dever\u00e1 ver o favicon personalizado na barra de endere\u00e7o do navegador.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/Captura-de-Tela-2023-06-18-as-14.19.34.png\" alt=\"\" class=\"wp-image-9037\" width=\"299\" height=\"689\" srcset=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/Captura-de-Tela-2023-06-18-as-14.19.34.png 299w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/Captura-de-Tela-2023-06-18-as-14.19.34-130x300.png 130w\" sizes=\"(max-width: 299px) 100vw, 299px\" \/><\/figure>\n\n\n\n<p>Parab\u00e9ns! Agora voc\u00ea sabe como implementar o favicon em um site usando o WordPress. Al\u00e9m disso, \u00e9 importante lembrar que, de acordo com o tema escolhido, as op\u00e7\u00f5es podem variar ligeiramente, mas, geralmente, seguem um processo similar. Portanto, recomendamos que voc\u00ea experimente diferentes favicons para encontrar aquele que melhor se adequa ao estilo do seu site.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2_Via_plugin_All_In_One_Favicon_no_WordPress\"><\/span>2)<strong> Via plugin All In One Favicon no WordPress:<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Neste tutorial, vamos explorar como implementar o favicon em seu site WordPress usando o <a href=\"https:\/\/wordpress.org\/plugins\/all-in-one-favicon\/\" target=\"_blank\" rel=\"noreferrer noopener\">plugin<\/a> All In One Favicon. O favicon \u00e9 um pequeno \u00edcone exibido na aba do navegador e tamb\u00e9m ao lado do t\u00edtulo da p\u00e1gina na lista de favoritos. Ele \u00e9 uma forma eficaz de fortalecer a identidade visual do seu site e proporcionar uma experi\u00eancia de marca consistente para os visitantes. Vamos come\u00e7ar!<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Passo 1: Instala\u00e7\u00e3o do Plugin<\/strong><\/h4>\n\n\n\n<p>Para come\u00e7ar, acesse o painel de administra\u00e7\u00e3o do seu site WordPress. No menu lateral, clique em &#8220;<strong>Plugins<\/strong>&#8221; e depois em &#8220;<strong>Adicionar novo<\/strong>&#8220;. Na barra de pesquisa, digite &#8220;<strong>All In One Favicon<\/strong>&#8221; e pressione Enter. O plugin deve aparecer nos resultados. Clique em &#8220;<strong>Instalar agora<\/strong>&#8221; e, em seguida, em &#8220;<strong>Ativar<\/strong>&#8221; para ativ\u00e1-lo em seu site.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/Captura-de-Tela-2023-06-18-as-14.23.10-1.jpg\" alt=\"\" class=\"wp-image-9040\" width=\"1437\" height=\"711\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Passo 2: Configura\u00e7\u00e3o do Plugin<\/strong><\/h4>\n\n\n\n<p>Ap\u00f3s a ativa\u00e7\u00e3o, v\u00e1 at\u00e9 a p\u00e1gina de configura\u00e7\u00f5es do All In One Favicon. No menu lateral do painel de administra\u00e7\u00e3o, des\u00e7a a tela at\u00e9 &#8220;<strong>All In One Favicon<\/strong>&#8220;. Aqui, voc\u00ea ter\u00e1 v\u00e1rias op\u00e7\u00f5es para personalizar seu favicon.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/Captura-de-Tela-2023-06-18-as-14.25.13.png\" alt=\"\" class=\"wp-image-9043\" width=\"344\" height=\"149\" srcset=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/Captura-de-Tela-2023-06-18-as-14.25.13.png 344w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/Captura-de-Tela-2023-06-18-as-14.25.13-300x130.png 300w\" sizes=\"(max-width: 344px) 100vw, 344px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Passo 3: Escolhendo o \u00cdcone<\/strong><\/h4>\n\n\n\n<p>O plugin All In One Favicon oferece diferentes op\u00e7\u00f5es para selecionar ou fazer o upload do \u00edcone que ser\u00e1 usado como icone. Voc\u00ea pode escolher um \u00edcone da biblioteca de \u00edcones do plugin, fazer o upload de um \u00edcone personalizado ou fornecer a URL de uma imagem existente. Selecione a op\u00e7\u00e3o desejada e siga as instru\u00e7\u00f5es para configurar.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/Captura-de-Tela-2023-06-18-as-14.26.13-1024x566.png\" alt=\"Favicon\" class=\"wp-image-9044\" width=\"1024\" height=\"566\" srcset=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/Captura-de-Tela-2023-06-18-as-14.26.13-1024x566.png 1024w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/Captura-de-Tela-2023-06-18-as-14.26.13-300x166.png 300w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/Captura-de-Tela-2023-06-18-as-14.26.13-768x425.png 768w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/Captura-de-Tela-2023-06-18-as-14.26.13.png 1270w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Passo 4: Configura\u00e7\u00f5es Avan\u00e7adas (opcional)<\/strong><\/h4>\n\n\n\n<p>Al\u00e9m da sele\u00e7\u00e3o do \u00edcone, o plugin All In One Favicon permite que voc\u00ea fa\u00e7a ajustes adicionais. Por exemplo, voc\u00ea pode definir o favicon para ser exibido em todos os dispositivos, incluindo smartphones e tablets, escolher o formato do favicon (ICO, PNG, GIF, etc.) e especificar seu tamanho.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Passo 5: Salvar as Configura\u00e7\u00f5es e Visualizar<\/strong><\/h4>\n\n\n\n<p>Ap\u00f3s configurar todas as op\u00e7\u00f5es de acordo com suas prefer\u00eancias, n\u00e3o se esque\u00e7a de clicar no bot\u00e3o &#8220;<strong>Salvar altera\u00e7\u00f5es<\/strong>&#8221; para aplicar as configura\u00e7\u00f5es. Em seguida, acesse o seu site em um navegador e verifique se o novo favicon est\u00e1 sendo exibido corretamente.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/Captura-de-Tela-2023-06-18-as-14.28.19.png\" alt=\"\" class=\"wp-image-9045\" width=\"524\" height=\"438\" srcset=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/Captura-de-Tela-2023-06-18-as-14.28.19.png 524w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/Captura-de-Tela-2023-06-18-as-14.28.19-300x251.png 300w\" sizes=\"(max-width: 524px) 100vw, 524px\" \/><\/figure>\n\n\n\n<p>Em resumo, os favicons s\u00e3o pequenos \u00edcones que representam a marca e identidade visual de um site. Sua finalidade principal \u00e9 fortalecer a identifica\u00e7\u00e3o e a confian\u00e7a dos usu\u00e1rios, al\u00e9m de fornecer uma experi\u00eancia de navega\u00e7\u00e3o mais agrad\u00e1vel. <\/p>\n\n\n\n<p>Lembre-se de criar um favicon exclusivo e memor\u00e1vel para o seu site, garantindo que ele seja exibido corretamente em todas as plataformas e dispositivos. Agora voc\u00ea est\u00e1 pronto para criar e implementar seu pr\u00f3prio favicon!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Voc\u00ea j\u00e1 reparou na pequena imagem que aparece na guia do navegador quando voc\u00ea visita um site? Al\u00e9m disso, essa imagem, tamb\u00e9m conhecida como favicon, desempenha um papel importante na identidade e experi\u00eancia do usu\u00e1rio. <\/p>\n","protected":false},"author":1,"featured_media":8950,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_helpful_status":1,"_lmt_disableupdate":"","_lmt_disable":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[42],"tags":[241,44],"class_list":["post-8916","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-tutoriais","tag-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Favicon: como configurar no Wordpress<\/title>\n<meta name=\"description\" content=\"Aprenda como instalar o favicon no Wordpress de seu site. Passo a passo f\u00e1cil, usando plugins gr\u00e1tis para configurar favicon.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.homehost.com.br\/blog\/wordpress\/favicon\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Favicon: como configurar no Wordpress\" \/>\n<meta property=\"og:description\" content=\"Aprenda como instalar o favicon no Wordpress de seu site. Passo a passo f\u00e1cil, usando plugins gr\u00e1tis para configurar favicon.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.homehost.com.br\/blog\/wordpress\/favicon\/\" \/>\n<meta property=\"og:site_name\" content=\"Homehost\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Homehost\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-06-18T15:36:42+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-11-07T23:25:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/Favicon.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Gustavo Gallas\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Homehost\" \/>\n<meta name=\"twitter:site\" content=\"@Homehost\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Gustavo Gallas\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/wordpress\/favicon\/\",\"url\":\"https:\/\/www.homehost.com.br\/blog\/wordpress\/favicon\/\",\"name\":\"Favicon: como configurar no Wordpress\",\"isPartOf\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/wordpress\/favicon\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/wordpress\/favicon\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/Favicon.jpg\",\"datePublished\":\"2023-06-18T15:36:42+00:00\",\"dateModified\":\"2023-11-07T23:25:35+00:00\",\"author\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/#\/schema\/person\/df8002f43fc55e7f4e132abb2a6ddbc4\"},\"description\":\"Aprenda como instalar o favicon no Wordpress de seu site. Passo a passo f\u00e1cil, usando plugins gr\u00e1tis para configurar favicon.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/wordpress\/favicon\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.homehost.com.br\/blog\/wordpress\/favicon\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/wordpress\/favicon\/#primaryimage\",\"url\":\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/Favicon.jpg\",\"contentUrl\":\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/Favicon.jpg\",\"width\":1200,\"height\":630},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/wordpress\/favicon\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/www.homehost.com.br\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Favicon: como configurar no WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/#website\",\"url\":\"https:\/\/www.homehost.com.br\/blog\/\",\"name\":\"Homehost\",\"description\":\"Hospedagem De Sites\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.homehost.com.br\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/#\/schema\/person\/df8002f43fc55e7f4e132abb2a6ddbc4\",\"name\":\"Gustavo Gallas\",\"description\":\"Analista de sistemas, formado pela PUC-Rio. Programador, gestor de redes e diretor da empresa Homehost. Pai do B\u00f3ris, seu pet de estima\u00e7\u00e3o. Gosta de rock'n'roll, cerveja artesanal e de escrever sobre assuntos t\u00e9cnicos. Contato: gustavo.blog@homehost.com.br\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Favicon: como configurar no Wordpress","description":"Aprenda como instalar o favicon no Wordpress de seu site. Passo a passo f\u00e1cil, usando plugins gr\u00e1tis para configurar favicon.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.homehost.com.br\/blog\/wordpress\/favicon\/","og_locale":"pt_BR","og_type":"article","og_title":"Favicon: como configurar no Wordpress","og_description":"Aprenda como instalar o favicon no Wordpress de seu site. Passo a passo f\u00e1cil, usando plugins gr\u00e1tis para configurar favicon.","og_url":"https:\/\/www.homehost.com.br\/blog\/wordpress\/favicon\/","og_site_name":"Homehost","article_publisher":"https:\/\/www.facebook.com\/Homehost\/","article_published_time":"2023-06-18T15:36:42+00:00","article_modified_time":"2023-11-07T23:25:35+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/Favicon.jpg","type":"image\/jpeg"}],"author":"Gustavo Gallas","twitter_card":"summary_large_image","twitter_creator":"@Homehost","twitter_site":"@Homehost","twitter_misc":{"Escrito por":"Gustavo Gallas","Est. tempo de leitura":"10 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.homehost.com.br\/blog\/wordpress\/favicon\/","url":"https:\/\/www.homehost.com.br\/blog\/wordpress\/favicon\/","name":"Favicon: como configurar no Wordpress","isPartOf":{"@id":"https:\/\/www.homehost.com.br\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.homehost.com.br\/blog\/wordpress\/favicon\/#primaryimage"},"image":{"@id":"https:\/\/www.homehost.com.br\/blog\/wordpress\/favicon\/#primaryimage"},"thumbnailUrl":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/Favicon.jpg","datePublished":"2023-06-18T15:36:42+00:00","dateModified":"2023-11-07T23:25:35+00:00","author":{"@id":"https:\/\/www.homehost.com.br\/blog\/#\/schema\/person\/df8002f43fc55e7f4e132abb2a6ddbc4"},"description":"Aprenda como instalar o favicon no Wordpress de seu site. Passo a passo f\u00e1cil, usando plugins gr\u00e1tis para configurar favicon.","breadcrumb":{"@id":"https:\/\/www.homehost.com.br\/blog\/wordpress\/favicon\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.homehost.com.br\/blog\/wordpress\/favicon\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.homehost.com.br\/blog\/wordpress\/favicon\/#primaryimage","url":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/Favicon.jpg","contentUrl":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/Favicon.jpg","width":1200,"height":630},{"@type":"BreadcrumbList","@id":"https:\/\/www.homehost.com.br\/blog\/wordpress\/favicon\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/www.homehost.com.br\/blog\/"},{"@type":"ListItem","position":2,"name":"Favicon: como configurar no WordPress"}]},{"@type":"WebSite","@id":"https:\/\/www.homehost.com.br\/blog\/#website","url":"https:\/\/www.homehost.com.br\/blog\/","name":"Homehost","description":"Hospedagem De Sites","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.homehost.com.br\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/www.homehost.com.br\/blog\/#\/schema\/person\/df8002f43fc55e7f4e132abb2a6ddbc4","name":"Gustavo Gallas","description":"Analista de sistemas, formado pela PUC-Rio. Programador, gestor de redes e diretor da empresa Homehost. Pai do B\u00f3ris, seu pet de estima\u00e7\u00e3o. Gosta de rock'n'roll, cerveja artesanal e de escrever sobre assuntos t\u00e9cnicos. Contato: gustavo.blog@homehost.com.br"}]}},"modified_by":"ad_hmhst","jetpack_featured_media_url":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/Favicon.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts\/8916","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/comments?post=8916"}],"version-history":[{"count":71,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts\/8916\/revisions"}],"predecessor-version":[{"id":11924,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts\/8916\/revisions\/11924"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/media\/8950"}],"wp:attachment":[{"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/media?parent=8916"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/categories?post=8916"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/tags?post=8916"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}