Qual é o seu Propósito?
Obviamente, é muito mais fácil procurar um marcador de que você precisa, porque é mais fácil procurar um ícone familiar do que ler todos os nomes de sites. Assim, seu trabalho é melhorar a experiência do usuário. Este é o principal motivo de usá-lo. Hoje, você pode encontrar esse componente em todos os sites e navegadores modernos e populares em suas guias de navegação. As empresas globais têm ícones reconhecíveis (populares) que os ajudam a se destacar na multidão de outros recursos da web (são bons exemplos de favicon para se observar). Sem dúvida, é uma ferramenta útil para sites de todos os tipos. Ele foi criado para uma pesquisa visual rápida para encontrar o site exato que você precisa entre milhares de marcadores na internet, ajudando seu público-alvo a encontrá-lo de forma mais simples e rápida.
O site sem um ícone de identificação pessoal, irá se apresentar com um símbolo genérico de um navegador, o que significa que é um item obrigatório para quem se preocupa com a marca do recurso da Web.
Favicon Checker Verifique se o seu site tem favicon e como ele é exibido em diferentes navegadores
Como criar um site Favicon?
Você pode fazer isso sozinho ou usar a ajuda online. Não é necessário usar nenhum gerador online especial para criar um, embora seja frequentemente bastante conveniente e simples. Aqui estão alguns exemplos de sites que podem ajudar:
Como você pode perceber, você nem precisa de um design gráfico para fazê-lo. No entanto, se você pretende lançar um site global e ter uma marca mundial, provavelmente melhor recorrer a um designer profissional para criar algo exclusivo que corresponda à sua marca. No entanto, se você fizer isso sozinho, pode levar cerca de 10 minutos para fazer um simples – você só precisa enviar o logotipo do seu site para um dos sites mencionados anteriormente e simplesmente baixar o arquivo pronto. É tão fácil!
Além disso, experimente esses sites inspiradores para encontrar algumas ideias interessantes de favicon.
Verifique o site para erros de SEO Nenhum favicon prejudica a usabilidade do site, mas a falta de tags Title e Description pode causar perda de tráfego.
Como Adicionar isso ao Site?
Uma vez que você tem um arquivo pronto, não deve ser muito difícil colocá-lo no servidor. Você precisará primeiro obter o acesso à ferramenta de edição de texto e à pasta raiz em seu site para poder ajustar o código HTML do seu site. Abaixo está um guia rápido:
1.Carregue o arquivo relevante no seu servidor. Em seguida, escreva barra de endereços do seu navegador para o seu servidor FTP. Pressione o botão “enter”, faça o login e apenas faça o upload do arquivo para pasta raiz.
Em seguida, você precisa alterar a página HTML do seu site. Encontre baixe o arquivo “header.php“ ou “index.html” do servidor. Se seu site é feito com HTML plain, você deve inserir o código na área do cabeçalho do arquivo “index.html”:
<link rel="shortcut icon" type="image/x-icon" href="http://yourwebsite.com/favicon.ico">Se você estiver trabalhando com o WordPress, insira o código na área de cabeçalho do arquivo “header.php”:
<link rel="shortcut icon" type="image/x-icon" href="<?php bloginfo('url') ?>/favicon.ico">É isso aí! Você ficará surpreso com o quão fácil isso é.
Criando um Ícone no Photoshop
O Photoshop é um ótimo programa para trabalhar com imagem! É uma ferramenta útil que o irá ajudar em muitas situações diferentes e até mesmo permitir que você crie um ícone de site personalizado. Se você é um designer, é claro, o programa Photoshop é a melhor variante a ser usada. Caso contrário, recomendamos que você considere o uso dos websites mencionados anteriormente para economizar algum tempo. O problema é que o Photoshop não suporta arquivos “ico”. Portanto, você precisa baixar e instalar seu plugin da Telegraphics.
No menu seleção, na pasta FILE, você deve criar um novo arquivo, com uma tela de 64 X 64 pixels (é mais fácil trabalhar com tamanho maior), cole seu logotipo no documento e faça todas as alterações necessárias. Depois disso, selecione a pasta IMAGE, vá para IMAGE SIZE e mude para 16 X 16 pixels, não se esqueça de verificar se seu ícone não está borrado clicando em RESAMPLE IMAGE e BICUBIC SHARPER. Quando estiver satisfeito com os resultados, abra a pasta FILE e pressione SAVE AS.
Conclusão
Este componente é um tipo de cartão de visita, por isso deve ser criado no mesmo estilo do site – quanto mais o site e o ícone tiverem em comum, melhor. Tem que estar associado ao site – esta é a sua principal função. Além disso, o ícone deve ser relevante e claro: o usuário deve entender imediatamente o que está desenhado nele e também deve ser memorável. Assim, um ícone bem feito tornará seu site mais profissional. Se você é sério sobre a criação de uma marca pessoal, então você precisa ter uma abordagem muito séria para criar um Favicon.
