{"id":1138,"date":"2018-01-10T08:14:39","date_gmt":"2018-01-10T08:14:39","guid":{"rendered":"https:\/\/sitechecker.pro\/?page_id=1138"},"modified":"2024-12-17T10:45:44","modified_gmt":"2024-12-17T08:45:44","slug":"what-is-favicon","status":"publish","type":"page","link":"https:\/\/test.sitechecker.pro\/pt\/what-is-favicon\/","title":{"rendered":"O que \u00e9 um Favicon e por que \u00e9 t\u00e3o importante para a marca?"},"content":{"rendered":"<p><\/p>\n<h2>Qual \u00e9 o seu Prop\u00f3sito?<\/h2>\n<p>&nbsp;<\/p>\n<p>Obviamente, \u00e9 muito mais f\u00e1cil procurar um marcador de que voc\u00ea precisa, porque \u00e9 mais f\u00e1cil procurar um \u00edcone familiar do que ler todos os nomes de sites. Assim, seu trabalho \u00e9 melhorar a experi\u00eancia do usu\u00e1rio. Este \u00e9 o principal motivo de us\u00e1-lo. Hoje, voc\u00ea pode encontrar esse componente em todos os sites e navegadores modernos e populares em suas guias de navega\u00e7\u00e3o. As empresas globais t\u00eam \u00edcones reconhec\u00edveis (populares) que os ajudam a se destacar na multid\u00e3o de outros recursos da web (s\u00e3o bons exemplos de favicon para se observar). Sem d\u00favida, \u00e9 uma ferramenta \u00fatil para sites de todos os tipos. Ele foi criado para uma pesquisa visual r\u00e1pida para encontrar o site exato que voc\u00ea precisa entre milhares de marcadores na internet, ajudando seu p\u00fablico-alvo a encontr\u00e1-lo de forma mais simples e r\u00e1pida.<\/p>\n<div class=\"content__img-wrap\"><img src=\"http:\/\/test.sitechecker.pro\/wp-content\/uploads\/2018\/01\/website-favicons.jpg\" alt=\"Displaying favicons in the browser\" class=\"description-img description-img-zoom\" loading=\"lazy\" ><\/div>\n<p>O site sem um \u00edcone de identifica\u00e7\u00e3o pessoal, ir\u00e1 se apresentar com um s\u00edmbolo gen\u00e9rico de um navegador, o que significa que \u00e9 um item obrigat\u00f3rio para quem se preocupa com a marca do recurso da Web.<\/p>\n<p><span style=\"font-weight: 400;\"><div class=\"blog__conversion\">\n                <p class=\"title\">Favicon Checker<\/p>\n                <p class=\"description\">Verifique se o seu site tem favicon e como ele \u00e9 exibido em diferentes navegadores<\/p>\n                <form id=\"mini__tool-form\" class=\"article__seo-search\" action=\"\" method=\"POST\" autocomplete=\"off\">\n                    <span class=\"error\">Must be a valid URL with http:\/\/ or https:\/\/<\/span>\n                    <input id=\"minitool_input\" name=\"url\" type=\"text\" placeholder=\"Digite seu dom\u00ednio aqui\">\n                    <button type=\"submit\" class=\"minitool_check-landing sitechecker__text\"><span>Verifica<\/span><img src=\"\/wp-content\/themes\/sitechecker\/out\/img_design\/loading-blue.svg\" alt=\"arrow\" title=\"arrow\" class=\"loading\"><\/button>\n                <\/form>\n                <div id=\"result-container\">\n                    <div class=\"container__results\">\n                        <div class=\"container__result\" id=\"result-template\">\n                            <div class=\"result\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div><\/span><\/p>\n<h2>Como criar um site Favicon?<\/h2>\n<p>&nbsp;<\/p>\n<p>Voc\u00ea pode fazer isso sozinho ou usar a ajuda online. N\u00e3o \u00e9 necess\u00e1rio usar nenhum gerador online especial para criar um, embora seja frequentemente bastante conveniente e simples. Aqui est\u00e3o alguns exemplos de sites que podem ajudar:<\/p>\n<ul>\n<li><a href=\"https:\/\/www.favicongenerator.com\/\">\u00a0Gerador Favicon<\/a><\/li>\n<li><a href=\"https:\/\/www.favicon-generator.org\/\">Gerador Favicon ORG<\/a><\/li>\n<li><a href=\"http:\/\/tools.dynamicdrive.com\/favicon\/\">Dynamic Drive Favicon Tool<\/a><\/li>\n<li><a href=\"http:\/\/favigen.com\/\">Favigen<\/a><\/li>\n<li><a href=\"http:\/\/www.genfavicon.com\/\">Gen Favicon<\/a><\/li>\n<li><a href=\"http:\/\/www.degraeve.com\/favicon\/\">Degraeve Favicon<\/a><\/li>\n<\/ul>\n<p>Como voc\u00ea pode perceber, voc\u00ea nem precisa de um design gr\u00e1fico para faz\u00ea-lo. No entanto, se voc\u00ea pretende lan\u00e7ar um site global e ter uma marca mundial, provavelmente melhor recorrer a um designer profissional para criar algo exclusivo que corresponda \u00e0 sua marca. No entanto, se voc\u00ea fizer isso sozinho, pode levar cerca de 10 minutos para fazer um simples &#8211; voc\u00ea s\u00f3 precisa enviar o logotipo do seu site para um dos sites mencionados anteriormente e simplesmente baixar o arquivo pronto. \u00c9 t\u00e3o f\u00e1cil!<\/p>\n<p>Al\u00e9m disso, experimente esses sites inspiradores para encontrar algumas ideias interessantes de favicon.<\/p>\n<ul>\n<li><a href=\"http:\/\/www.freshfavicon.com\/\">\u00a0Fresh Favicons<\/a><\/li>\n<li><a href=\"http:\/\/thefavicongallery.com\/\">The Favicon Gallery<\/a><\/li>\n<li><a href=\"http:\/\/www.deltatangobravo.com\/archive\/2004\/march\/favourite\">Delta Tango Bravo<\/a><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\"><div class=\"blog__banner\">\n                <img src=\"https:\/\/test.sitechecker.pro\/wp-content\/themes\/sitechecker\/out\/img_design\/logo.svg\" alt=\"logo\">\n                <div>\n                    <p class=\"title\">Verifique o site para erros de SEO <\/p>\n                    <p class=\"description\">Nenhum favicon prejudica a usabilidade do site, mas a falta de tags Title e Description pode causar perda de tr\u00e1fego.<\/p>\n                    <a href=\"\/tool\/crawl-report\/\" class=\"btn\">Auditoria do site<\/a>\n                <\/div>\n            <\/div><\/span><\/p>\n<h2>Como Adicionar isso ao Site?<\/h2>\n<p>&nbsp;<\/p>\n<p>Uma vez que voc\u00ea tem um arquivo pronto, n\u00e3o deve ser muito dif\u00edcil coloc\u00e1-lo no servidor. Voc\u00ea precisar\u00e1 primeiro obter o acesso \u00e0 ferramenta de edi\u00e7\u00e3o de texto e \u00e0 pasta raiz em seu site para poder ajustar o c\u00f3digo HTML do seu site. Abaixo est\u00e1 um guia r\u00e1pido:<\/p>\n<p>1.Carregue o arquivo relevante no seu servidor. Em seguida, escreva barra de endere\u00e7os do seu navegador para o seu servidor FTP. Pressione o bot\u00e3o \u201center\u201d, fa\u00e7a o login e apenas fa\u00e7a o upload do arquivo para pasta raiz.<\/p>\n<p>Em seguida, voc\u00ea precisa alterar a p\u00e1gina HTML do seu site. Encontre baixe o arquivo \u201cheader.php\u201c ou \u201cindex.html\u201d do servidor. Se seu site \u00e9 feito com HTML plain, voc\u00ea deve inserir o c\u00f3digo na \u00e1rea do cabe\u00e7alho do arquivo \u201cindex.html\u201d:<\/p>\n<div class=\"code\"><code>&lt;link rel=\"shortcut icon\" type=\"image\/x-icon\" href=\"http:\/\/yourwebsite.com\/favicon.ico\"&gt;<\/code><\/div>\n<p>Se voc\u00ea estiver trabalhando com o WordPress, insira o c\u00f3digo na \u00e1rea de cabe\u00e7alho do arquivo \u201cheader.php\u201d:<\/p>\n<div class=\"code\"><code>&lt;link rel=\"shortcut icon\" type=\"image\/x-icon\" href=\"&lt;?php bloginfo('url') ?&gt;\/favicon.ico\"&gt;<\/code><\/div>\n<p>\u00c9 isso a\u00ed! Voc\u00ea ficar\u00e1 surpreso com o qu\u00e3o f\u00e1cil isso \u00e9.<\/p>\n<p>&nbsp;<\/p>\n<h2>Criando um \u00cdcone no Photoshop<\/h2>\n<p>&nbsp;<\/p>\n<p>O Photoshop \u00e9 um \u00f3timo programa para trabalhar com imagem! \u00c9 uma ferramenta \u00fatil que o ir\u00e1 ajudar em muitas situa\u00e7\u00f5es diferentes e at\u00e9 mesmo permitir que voc\u00ea crie um \u00edcone de site personalizado. Se voc\u00ea \u00e9 um designer, \u00e9 claro, o programa Photoshop \u00e9 a melhor variante a ser usada. Caso contr\u00e1rio, recomendamos que voc\u00ea considere o uso dos websites mencionados anteriormente para economizar algum tempo. O problema \u00e9 que o Photoshop n\u00e3o suporta arquivos \u201cico\u201d. Portanto, voc\u00ea precisa baixar e instalar seu plugin da Telegraphics.<\/p>\n<p>No menu sele\u00e7\u00e3o, na pasta FILE, voc\u00ea deve criar um novo arquivo, com uma tela de 64 X 64 pixels (\u00e9 mais f\u00e1cil trabalhar com tamanho maior), cole seu logotipo no documento e fa\u00e7a todas as altera\u00e7\u00f5es necess\u00e1rias. Depois disso, selecione a pasta IMAGE, v\u00e1 para IMAGE SIZE e mude para 16 X 16 pixels, n\u00e3o se esque\u00e7a de verificar se seu \u00edcone n\u00e3o est\u00e1 borrado clicando em RESAMPLE IMAGE e BICUBIC SHARPER. Quando estiver satisfeito com os resultados, abra a pasta FILE e pressione SAVE AS.<\/p>\n<p>&nbsp;<\/p>\n<h2>Conclus\u00e3o<\/h2>\n<p>&nbsp;<\/p>\n<p>Este componente \u00e9 um tipo de cart\u00e3o de visita, por isso deve ser criado no mesmo estilo do site &#8211; quanto mais o site e o \u00edcone tiverem em comum, melhor. Tem que estar associado ao site &#8211; esta \u00e9 a sua principal fun\u00e7\u00e3o. Al\u00e9m disso, o \u00edcone deve ser relevante e claro: o usu\u00e1rio deve entender imediatamente o que est\u00e1 desenhado nele e tamb\u00e9m deve ser memor\u00e1vel. Assim, um \u00edcone bem feito tornar\u00e1 seu site mais profissional. Se voc\u00ea \u00e9 s\u00e9rio sobre a cria\u00e7\u00e3o de uma marca pessoal, ent\u00e3o voc\u00ea precisa ter uma abordagem muito s\u00e9ria para criar um Favicon.<\/p>","protected":false},"excerpt":{"rendered":"Qual \u00e9 o seu Prop\u00f3sito? &nbsp; Obviamente, \u00e9 muito mais f\u00e1cil procurar um marcador de que voc\u00ea precisa, porque \u00e9 mais f\u00e1cil procurar um \u00edcone familiar do que ler todos os nomes de sites. Assim, seu trabalho \u00e9 melhorar a experi\u00eancia do usu\u00e1rio. Este \u00e9 o principal motivo de us\u00e1-lo. Hoje, voc\u00ea pode encontrar esse&#8230;","protected":false},"author":10380808,"featured_media":3424,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"pages-templates\/pages-minitools-3.php","meta":[],"categories":[32],"tags":[],"_links":{"self":[{"href":"https:\/\/test.sitechecker.pro\/pt\/wp-json\/wp\/v2\/pages\/1138"}],"collection":[{"href":"https:\/\/test.sitechecker.pro\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/test.sitechecker.pro\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/test.sitechecker.pro\/pt\/wp-json\/wp\/v2\/users\/10380808"}],"replies":[{"embeddable":true,"href":"https:\/\/test.sitechecker.pro\/pt\/wp-json\/wp\/v2\/comments?post=1138"}],"version-history":[{"count":0,"href":"https:\/\/test.sitechecker.pro\/pt\/wp-json\/wp\/v2\/pages\/1138\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/test.sitechecker.pro\/pt\/wp-json\/wp\/v2\/media\/3424"}],"wp:attachment":[{"href":"https:\/\/test.sitechecker.pro\/pt\/wp-json\/wp\/v2\/media?parent=1138"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/test.sitechecker.pro\/pt\/wp-json\/wp\/v2\/categories?post=1138"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/test.sitechecker.pro\/pt\/wp-json\/wp\/v2\/tags?post=1138"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}