O que você precisa saber antes de adicionar um favicon ao seu site

Índice:

O que você precisa saber antes de adicionar um favicon ao seu site
O que você precisa saber antes de adicionar um favicon ao seu site
Anonim

Atualmente, nenhum site pode ficar sem um favicon. Ícones padrão são estabelecidos ao criar o site. Só que eles nem sempre se adequam ao usuário. O problema é que nem todo dono de recurso sabe como adicionar um favicon. A ação não é tão difícil. Mas o resultado permitirá que você identifique o site entre vários outros nos resultados da pesquisa. Afinal, as palavras-chave podem ser semelhantes, mas o favicon não o decepcionará. É a adição dele que muitas vezes explica a decisão do visitante de visitar o recurso.

Favicon para site

Antes de colocar um favicon no site, você precisa criá-lo. Para isso, você pode escolher uma das opções propostas:

  1. Peça um layout de um designer.
  2. Crie seus próprios serviços online na Internet.
  3. Crie o seu próprio no Photoshop.
  4. como adicionar favicon ao yandex
    como adicionar favicon ao yandex

A imagem padrão é salva com extensão ICO. Seu tamanho é desejável para escolher 16x16 pixels. Existem tamanhos e muito mais. Eles são necessários quando o usuário salva a página na área de trabalho.

Em seguida, coloque a imagem na raiz do site. Para fazer isso, digite a linha https://site.ru/favicon.ico, onde em vez de:

  • site.ru escreva o nome do seu próprio recurso;
  • favicon.ico digite o nome do arquivo favicon.

Para uma correta reflexão no buscador, você deve inserir a imagem no código. Para baixar, use a tag. A string é inserida nele. Existe outra opção -.

Como adicionar um favicon
Como adicionar um favicon

Depois disso, o logotipo projetado será instalado. Você pode vê-lo tanto no site quanto nos resultados da consulta. Há um ícone na frente do endereço do recurso.

Favicon e navegadores

Antes de adicionar um favicon, você deve decidir sobre sua extensão. Pode ser:

  • ICO.
  • SVG.
  • PNG.
  • APNG.
  • GIF.
  • JPEG.

Mas navegadores diferentes suportam extensões diferentes. Qual navegador é fiel a qual formato de favicon, a tabela abaixo mostrará.

Tipo de navegador ICO SVG PNG APNG GIF JPEG
Internet Explorer 2 3 1 1 1 1 1
Google Chrome 3 3 2 1 2 1 2
Firefox 2 1 2 2 2 3 3
Ópera 2 2 2 2 2 2 2
Safari 3 1 2 1 2 1 2

1 - não suporta;

2 - não suporta todas as versões;

3 - suporta todas as versões.

Porque muitos ainda preferem o formato padrão. Ao adicionar tal favicon, será possível não se preocupar com o tipo de navegador do cliente. Se você não levar em conta a idade, as preferências profissionais e outras preferências do público antes de adicionar um favicon, poderá ficar sem um logotipo.

Se você quiser adicionar alguns favicons

Às vezes há um desejo ou necessidade de adicionar uma pequena imagem para cada página ou fazer formatos diferentes para visualização em diferentes navegadores. Nesse caso, para a questão de como adicionar um favicon padrão, você precisa adicionar mais alguns traços.

Inscrever um favicon na raiz do site é muito simples. Mas isso não é suficiente para criar várias extensões. Para fazer isso, você precisa inserir no código HTML, depois de enquadrar a linha.

Ao criar tal estrutura, você deve se lembrar que para o Internet Explorera palavra ícone não é suficiente. É necessário inserir o atalho na frente dele. Nesse caso, o navegador padrão responderá à frase e o resto - apenas à última palavra.

Há muitas perguntas nos fóruns sobre como adicionar um favicon ao Yandex. Se a imagem for adicionada à raiz do site, o registro não será necessário. Os robôs o encontrarão por padrão.

Adicionado e perdido

Acontece que todas as ações são feitas corretamente, mas ao verificar nos motores de busca não há imagem. Afinal, o principal não é quanto adicionar, mas como adicionar um favicon. No Yandex. Direct, se adicionado corretamente, a moderação da imagem levará de 2 a 4 semanas. Durante esse período, o site será exibido sem um favicon. Também vale a pena mencionar que, se a posição do site for baixa nos resultados da pesquisa, o ícone pode não ser exibido.

Se o tempo passou e não há ícone, a extensão pode não corresponder ao navegador. Você pode verificar a presença de um favicon:

  • para "Yandex" –
  • para "Google" –
como adicionar um favicon ao Yandex Direct
como adicionar um favicon ao Yandex Direct

Após ser reconhecido pelo sistema, o favicon se tornará parte integrante do site e da imagem da empresa. Portanto, vale a pena tratá-lo com responsabilidade. Um ícone corretamente escolhido e adicionado corretamente se tornará uma luz orientadora para os clientes. E isso significa um aumento na conversão e, consequentemente, um grande lucro.

Recomendado: