Favicon: tamanho. Criando um favicon. Favicon gerador

Ao criar um site é muito importante prestar atenção às pequenas coisas que desempenham um papel não só em termos de design, mas também na promoção do site nos motores de busca. Um desses detalhes é o favicon para o site. Para aprender a criá-lo e qual o tamanho que deveria ser e vamos conversar.

O que é um favicon para o seu site?

É uma pequena imagem que será exibida na aba do navegador. tamanho favicon é 16×16 pixels. Também esta imagem é apresentada nos resultados dos motores de busca, e se o favicon no site não for encontrado, próximo ao local em questão está vazio. Vale a pena notar que o favicon ajuda o usuário a encontrar exatamente o seu site está entre centenas de outros, por isso a sua presença no local, embora não seja obrigatório, mas é altamente recomendável. E sim, o tamanho favicon não têm necessariamente de ser 16×16. Alguns webmasters fazer o tamanho favicon 32×32 e até 64×64. Mas, em suas recomendações motores de busca Google e "Yandex" escreve que tamanho perfeito favicon – 16×16. Por isso, é melhor seguir estas dicas motores de busca.

Como criar um favicon?

Existem várias maneiras diferentes para criar esta imagem. O primeiro e mais fácil maneira de criar um favicon – roubá-lo, por exemplo, o site de língua Inglês.

Digamos que você criar um blog sobre aparelhos e configurá-lo, mas foi o toque final – favicon. Escrever em uma consulta de pesquisa do Google aparelhos e veja o top 10 sites. Favicon esses sites são ideais para o seu novo blog. Se qualquer imagem que você gosta, abrir o código-fonte da página e olhar para o favicon.ico entrada. Não será o favicon localizações de endereço. Abri-lo e fazer o download para o computador e, em seguida, enviá-lo para o local e ligar (para conexão abaixo).

A segunda maneira de criar tamanho favicon pixels 16×16 – gerando um favicon especial uso do serviço. Ele funciona no seguinte princípio: fazer o upload de uma imagem (de qualquer tamanho e extensão), que é adequado para o site ícones titulares e clique no botão no botão Criar Favicon. Depois de um momento, você começa favicon pronto que você pode baixar, fazer o upload para o seu site e se conectar. O serviço mais popular – Favicon Generator.

Note-se que este serviço é simplifica apenas ligeiramente o processo de criação de ícones. O mesmo pode ser feito por você mesmo. Basta encontrar uma imagem que combina com você, mudar seu tamanho para 16×16 pixels, e salvar com o ico extensão. Tudo isso é feito por um minuto no Paint.

Há outra favicon serviços de busca on-line. Não há necessidade de escrever uma palavra-chave, e, em seguida, o serviço irá exibir uma variedade de ícones temáticos tamanho necessário. Em princípio, este método também envolve o roubo, como o primeiro. Mas não há nada de errado com isso.

conexão

Assim, a imagem é exibida na aba do navegador e nos resultados da pesquisa, você precisa conectá-lo corretamente. Para fazer isso, o arquivo deve ter o nome de favicon.ico e localizado no diretório raiz, isto é, onde estão os arquivos principais do site.

Na maioria das vezes, essas ações o suficiente para exibir o favicon. Os motores de busca (por exemplo, "Yandex") reconhece automaticamente a presença de favicon no diretório raiz e usá-lo em sua extradição. No entanto, com "pelo Yandex" às vezes há mal-entendidos. Muitos webmasters se queixaram de que favicons desaparecer do índice e, em seguida, voltar a aparecer. Para evitar isso, você precisa conectá-lo.

Para conectar favicon "Yandex" recomenda o uso de uma meta tag com atributos específicos. Esta tag deve ser colocado na seção do site .

Todo o código de conexão deverá ser parecido com o seguinte:

Esse código funciona para todos os motores de busca e navegadores. Pode haver problemas com o navegador Internet Explorer, mas em todos os outros navegadores irá exibir preciso.

Observe a localização da imagem /favicon.ico endereço. Ele pode fazê-lo: /favicon.gif. Então você precisa colocar na raiz do site a imagem com a extensão .gif, caso contrário exibir favicon não. Como é sabido, a imagem no formato .gif pode representar sliders. Isto é usado por webmasters e fazer nesta favicon animado para seus próprios sites. Parece interessante, mas não mais.

Favicon como uma ferramenta para promover o seu site

Dado o fato de que o ícone será exibido nos resultados da pesquisa "Yandex", para usá-lo é altamente desejável. Esta é uma das principais ferramentas para aumentar a CTR, porque os usuários provavelmente irão clicar no site, que fica perto da atraente, e não um lugar vazio.

Portanto, é importante não apenas usar qualquer favicon, e belos ícones do usuário deseja clique. Além disso, ele deve ser substituído dependendo da situação. Por exemplo, na véspera do Ano Novo, é desejável para fazer um favicon Ano Novo, que irá proporcionar uma melhor clicar.

Como o motor de busca "Yandex" entende favicons?

No motor de busca tem um robô especial que é responsável por atualizar-lo favicon. Este robô em uma programação regular visitas locais, solicitando a página inicial e olhando no caminho de código com a localização de favicon.ico. Se este caminho não encontrar, ele tenta carregar um ícone do diretório pai, por isso muitas vezes é simplesmente um arquivo chamado favicon.ico colocado no diretório pai. Em seguida, o ícone resultante é colocado no servidor "Yandex" e exibido na pesquisa. Se seu tamanho é maior, ele é primeiro convertido em 1616, ea extensão é alterado para png. Robô verifica novamente periodicamente locais para a mudança favicon. Ele normalmente atende a atualizar o site uma vez por mês. Isto é evidente pela experiência: mudar o favicon do seu site, e cerca de um mês ele irá aparecer no motor de busca indexa "Yandex".

os ícones de conflito

Note-se que, por vezes, os webmasters são confrontados com um favicon conflito, devido a que o índice parece que um ou outro ícone. Isto é possível se o diretório pai para carregar uma única imagem, e especificar o caminho para o favicon em outro código de modelo de página. Portanto, tome cuidado para que você não tem um conflito entre endereços favikonok.

Agora você sabe o que é um favicon e como conectá-lo. Claro que, para fazer isso, não é necessário, porque o site irá funcionar mesmo com ele, embora sem ele. Mas o propósito de search engine optimization e melhoria da CTR dos motores de busca é recomendado para se conectar.