Links Rápidos

Descubra a importância do Favicon e verifique a disponibilidade em seu site

Descubra a importância do Favicon e verifique a disponibilidade em seu site

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.

Displaying favicons in the browser

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.

logo

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.

Auditoria do site

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.

Verifique se há erros no seu site

No limits! Upgrade your account to crawl this domain